@font-face {
    font-family: 'GothamRoundedBold';
    src: url('/1255257434/Handler/CSSOverride/GetImage/44/gothamrnd-bold.eot');
    src: url('/1255257434/Handler/CSSOverride/GetImage/44/gothamrnd-bold.eot') format('embedded-opentype'),
         url('/1192915106/Handler/CSSOverride/GetImage/44/gothamrnd-bold.woff') format('woff'),
         url('/-504279314/Handler/CSSOverride/GetImage/44/gothamrnd-bold.ttf') format('truetype');
}

@font-face {
    font-family: 'GothamRoundedMedium';
    src: url('/-1698767571/Handler/CSSOverride/GetImage/44/gothamrnd-medium.eot');
    src: url('/-1698767571/Handler/CSSOverride/GetImage/44/gothamrnd-medium.eot') format('embedded-opentype'),
         url('/97354069/Handler/CSSOverride/GetImage/44/gothamrnd-medium.woff') format('woff'),
         url('/-1486335544/Handler/CSSOverride/GetImage/44/gothamrnd-medium.ttf') format('truetype');
}




/* megaedit loading screen set up */
.loadingArea .loadingLogo, .loadingScreen .loadingLogo {
width: 100%;
height: 100%;
background: url( ' /-1551724704/Handler/CSSOverride/GetImage/49/logo for preload.png' ) no-repeat center center transparent !important;
}


/* hide product size and ! canvas text top right on mega edit page */
.currentCanvasSizeWrapper .canvasSize {
    display: none;
}
.currentCanvasSizeWrapper .canvasSizeTitle {
    display: none;
}





.loadingScreen .loadScreenStepIndicator {
      font-family: 'GothamRoundedBold';
}

.loadingArea, .loadingScreen, .addtoBasketScreen {
    background: #DE3255;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.ME_loading_hints ul li {
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border: solid 1px #eb1929;
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: .5px;
    font-family: GothamRoundedBold;
}





.editor__title-row h1 {
    color: #531149;
}






.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: .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: .14285714em;
    text-align: center
}

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

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    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: #fff
}

.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
}

.DTV2 .DT_bigpicture {
    margin: 0;
    width: 100%;
    border: solid 4px #E9E9E9;
    border-bottom: solid 2px #E9E9E9
}

.DTV2 .DT_thumbs {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    border: solid 2px #e9e9e9;
    border-top: 0
}

.DTV2 .fulldescription {
    background: 0;
    border: 0;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0
}

.DTV2 .DT_product-essential {
    width: 50%
}

.DTV2 .DT_product-collateral {
    width: 47%
}

.countdown_timer {
    position: relative;
    float: left;
    width: 100%;
    background: #313743;
    box-sizing: border-box;
    padding: 4%;
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: center
}

.countdown_timer .ctleft {
    position: relative;
    float: left;
    width: 49%
}

.countdown_timer .ctright {
    position: relative;
    float: right;
    width: 49%
}

.countdown_timer .ct1 {
    position: relative;
    float: left;
    margin-right: 10px;
    width: 100%;
    font-size: 14px
}

.countdown_timer .ct2 {
    position: relative;
    margin-right: 10px;
    font-weight: bold;
    display: inline-block
}

.countdown_timer .ct3 {
    position: relative;
    margin-right: 10px;
    font-weight: bold;
    display: inline-block
}

.countdown_timer .ct4 {
    position: relative;
    display: inline-block
}

.countdown_timer .ct2 span,
.countdown_timer .ct3 span,
.countdown_timer .ct4 span {
    margin-right: 5px;
    font-weight: bold
}

.countdown_timer .ct5 {
    position: relative;
    float: right;
    width: 100%;
    font-size: 14px
}

.countdown_timer .ct6 {
    position: relative;
    font-weight: bold
}

.related_products_slider .item-box {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    border: 0;
    height: 0;
    padding-bottom: 70%
}

.related_products_slider .item-box .item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block
}

.DTV2.DT_product-details-page .productvariantaddtocartbutton {
    position: relative;
    float: right;
    padding: 9px;
    padding-left: 18px;
    padding-right: 18px;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    margin-right: 0;
    margin-bottom: 0;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    height: auto;
    margin-top: 30px
}

.related_products_slider .picture {
    position: absolute;
    top: 0;
    left: 5px;
    right: 5px;
    bottom: 40px;
    background: #ccc;
    overflow: hidden
}

.related_products_slider .picture img {
    width: 100%;
    opacity: 0
}

.related_products_slider .picture div {
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover !important;
    background-position: center !important
}

.related_products_slider .product-title {
    padding: 2px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    box-sizing: border-box
}

.related_products_slider .item-box {
    padding-bottom: 84%
}

@media only screen and (max-width:767px) {

    .DTV2 .DT_product-essential,
    .DTV2 .DT_product-collateral {
        width: 100%
    }
 .page-checkout-onepagecheckout .checkout-page--title.page-title.grid_12 {
    margin-top: 160px;
}
}

.thumb360 .fa {
    display: inline-block;
    font-size: 60px;
    color: #22a8e5;
    margin: 0;
    margin-bottom: 10px
}

.thumb360 .thumb360_inner {
    position: absolute;
    font-size: 21px;
    width: 100px;
    text-align: center;
    height: 120px;
    line-height: 24px;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -60px
}

.DT_product-description_lower {
    position: relative;
    float: left;
    width: 100%
}

.DTV3 .DT_product-essential {
    width: 50%;
    padding: 0;
    padding-right: 20px;
    box-sizing: border-box
}

.DTV3 .DT_product-collateral {
    width: 50%;
    padding: 0
}

.DTV3 .DT_bigpicture {
    width: 80%;
    float: right;
    margin: 0;
    border: 0
}

.DTV3 .DT_thumbs {
    width: 15.5%;
    padding-bottom: 80%;
    height: 0;
    box-sizing: border-box
}

.DTV3 .DT_prev_button {
    position: absolute;
    left: 50%;
    top: 0;
    font-size: 16px;
    cursor: pointer;
    margin-left: -5px
}

.DTV3 .DT_next_button {
    position: absolute;
    left: 50%;
    top: initial;
    bottom: 0;
    font-size: 16px;
    cursor: pointer;
    margin-left: -5px;
    right: initial
}

.DTV3 .DT_thumb_carousel_body {
    position: absolute;
    float: left;
    width: 100%;
    overflow: hidden;
    top: 20px;
    bottom: 20px
}

.DTV3 .DT_thumb_carousel {
    position: absolute;
    top: 0;
    float: left;
    left: 0;
    width: 100%
}

.DTV3 .DT_thumb {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    border: solid 1px #E9E9E9;
    box-sizing: border-box
}

.DTV3 .fulldescription {
    background: 0;
    border: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 0
}

.DTV3 .overview .shortdescription {
    margin-bottom: 20px;
    border-bottom: solid 1px #eee;
    padding-bottom: 20px;
    margin-top: 10px
}

.DTV3 .DT_product-collateral .productvariantaddtocartbutton,
.DTV3 .DT_product-collateral .overview .add-info .quantityBox,
.DTV3 .DT_product-collateral .add-info label {
    width: auto;
    padding: 10px;
    height: auto;
    font-size: 14px;
    box-sizing: border-box;
    margin: 0;
    position: relative;
    float: left;
    height: 36px;
    margin-right: -1px;
    line-height: 13px;
    text-align: center;
    min-width: 50px
}



.DT_product-collateral .overview {
    text-align: left;
}

.DTV3 .DT_product-collateral .overview .add-info .quantityBox,
.DTV3 .DT_product-collateral .add-info label {
    border: solid 1px #ccc
}

.DTV3 .DT_product-collateral .overview .add-info .quantityBox {
    border-left: none;
    margin-right: 10px
}

.DTV3 .DT_product-collateral .add-info label {
    border-right: 0;
    color: #4e4e4e;
    font-weight: normal;
    text-transform: uppercase
}

.DTV3 .DT_product-collateral .add-info label:after {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 1px;
    border-left: solid 1px #ccc
}

.DTV3 .countdown_timer {
    position: relative;
    float: left;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: #3f434a;
    color: #fff;
    font-size: 16px;
    text-align: left
}

.DTV3 .countdown_timer .ctleft {
    position: relative;
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-left: 7%
}

.DTV3 .countdown_timer .ctleft .ct1 {
    position: relative;
    font-size: 14px;
    width: 100%;
    margin-bottom: 10px
}

.DTV3 .countdown_timer .ctleft .ct2,
.DTV3 .countdown_timer .ctleft .ct3,
.DTV3 .countdown_timer .ctleft .ct4 {
    position: relative;
    position: relative;
    float: left;
    width: 33%;
    margin-right: 0
}

.DTV3 .countdown_timer .ctleft .ct2 span,
.DTV3 .countdown_timer .ctleft .ct3 span,
.DTV3 .countdown_timer .ctleft .ct4 span {
    font-size: 30px
}

.DTV3 .countdown_timer .ctright {
    position: relative;
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-left: 7%;
    border-left: solid 1px #fff
}

.DTV3 .countdown_timer .ctright .ct5 {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px
}

.DTV3 .countdown_timer .ctright .ct6 {
    position: relative;
    float: left;
    width: 100%;
    font-size: 30px
}

.DTV3 .thumb360 .thumb360_inner {
    font-size: 12px
}

.DTV3 .thumb360 .thumb360_inner {
    position: absolute;
    font-size: 12px;
    width: 100%;
    text-align: center;
    height: 100%;
    line-height: 12px;
    left: 50%;
    top: 50%;
    margin-left: 0;
    margin-top: 0;
    transform: translate(-50%, -50%)
}

.DTV3 .thumb360 .fa {
    display: inline-block;
    font-size: 30px;
    color: #22a8e5;
    margin: 0;
    margin-bottom: 5px
}

@media only screen and (max-width:959px) {

    .DTV3 .DT_product-collateral,
    .DTV3 .DT_product-essential {
        width: 100%
    }

    .DTV3 .countdown_timer .ctleft,
    .DTV3 .countdown_timer .ctright {
        padding-left: 4%
    }
}

@media only screen and (max-width:767px) {

    .DTV3 .countdown_timer .ctleft,
    .DTV3 .countdown_timer .ctright {
        width: 100%;
        border-left: none;
        padding: 0;
        text-align: center
    }

    .DTV3 .countdown_timer .ctleft {
        border-bottom: solid 1px #ccc;
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .DTV3 .countdown_timer .ctleft .ct2,
    .DTV3 .countdown_timer .ctleft .ct3,
    .DTV3 .countdown_timer .ctleft .ct4 {
        width: auto;
        float: none;
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px
    }
}

@media only screen and (max-width:479px) {

    .DTV3 .countdown_timer .ctleft .ct2,
    .DTV3 .countdown_timer .ctleft .ct3,
    .DTV3 .countdown_timer .ctleft .ct4 {
        margin-left: 5px;
        margin-right: 5px
    }
}

.privatemessagesend {
    box-sizing: border-box;
    position: relative;
    float: left;
    width: 100%;
    max-width: 100%;
    padding: 20px;
    background: #f7f7f7;
    border: solid 1px #eee
}

.privatemessagesend .title {
    box-sizing: border-box;
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ccc
}

.privatemessagesend .wrapper {
    box-sizing: border-box
}

.privatemessagesend input[type=text] {
    box-sizing: border-box;
    position: relative;
    width: 100%
}

.privatemessagesend textarea {
    box-sizing: border-box;
    width: 100%;
    min-height: 200px
}

.privatemessagesend .submitpmbutton,
.privatemessagesend .cancelpmbutton {
    box-sizing: border-box;
    float: right;
    margin-left: 4px;
    background: #22a8e5;
    color: #fff;
    padding: 7px;
    border: 0
}

.privatemessagesend .toolbar {
    box-sizing: border-box;
    position: relative;
    float: left;
    width: 100%
}

.privatemessagesend .toolbar .button {
    box-sizing: border-box;
    position: relative;
    float: left
}

[draggable] {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -khtml-user-drag: element;
    -webkit-user-drag: element
}

.advnav ul li a.over {
    border: 2px dashed #000
}

nav.advnav {
    position: relative;
    float: left;
    width: 100%;
    height: 50px;
    background: #212121;
    z-index: 2
}

.advnav_menu_button {
    position: relative;
    float: left;
    width: auto;
    display: inline-block;
    white-space: nowrap;
    box-sizing: border-box
}

.advnav_menu_button a {
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    color: #fff;
    text-decoration: none;
    min-width: 75px;
    box-sizing: border-box
}

.advnav_menu_button.focused {
    background: #006CD1
}

.advnav_child_container {
    position: absolute;
    top: 50px;
    left: 0;
    min-width: 100%;
    background: #333;
    padding: 0;
    box-sizing: border-box;
    display: none;
    padding-bottom: 50px
}

.advnavlive .advnav_child_container {
    padding-bottom: 0
}

.advnav_child_container .advnav_child_container {
    left: 100%;
    margin-left: 1px;
    top: 1px;
    z-index: 2
}

.advnav_menu_button.focused > .advnav_child_container {
    display: block
}

.advnav_menu_button:hover > .advnav_child_container {
    display: block
}

.advnav_menu_button a:hover {
    background: rgba(0, 0, 0, .2)
}

.add_entry_button {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 50px;
    background: #E98A00;
    color: #fff;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    min-width: 75px;
    border: solid 1px #333
}

.advnav_menu_button .advnav_menu_button {
    min-width: 100%
}

.advnav_menu_button.thumb .advnav_menu_button {
    min-width: 0
}

.advnav_menu_button.thumb > .advnav_child_container .advnav_child_container {
    display: none
}

.advnav_menu_button.thumb > .advnav_child_container > .advnav_menu_button a {
    position: relative;
    float: left;
    width: 200px;
    height: 0;
    padding-bottom: 200px;
    overflow: hidden
}

.advnav_menu_button.thumb > .advnav_child_container > .advnav_menu_button a .advnav_item_title {
    position: absolute;
    bottom: 10px;
    text-align: center;
    left: 10px;
    right: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.advnav_menu_button.thumb > .advnav_child_container > .advnav_menu_button a .advnav_thumb {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 50px;
    display: block !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.advnav_menu_button.columns .advnav_child_container .advnav_child_container {
    display: none
}

.advnav_menu_button.columns .advnav_child_container .advnav_child_container .advnav_child_container .add_entry_button {
    display: none
}

.advnav_menu_button.columns .advnav_child_container .advnav_child_container .advnav_child_container {
    padding-bottom: 0
}

.advnav_menu_button.columns .advnav_menu_button {
    position: relative;
    float: left;
    width: 200px;
    min-width: 0
}

.advnav_menu_button.columns > .advnav_child_container .advnav_child_container {
    left: 0;
    position: relative;
    float: left;
    width: 100% !important;
    display: block !important;
    margin: 0
}

.advnav_menu_button.columns > .advnav_child_container > .advnav_menu_button > a {
    position: relative;
    float: left;
    width: 200px;
    height: 0;
    padding-bottom: 200px
}

.advnav_menu_button.columns .advnav_menu_button a {
    text-align: center
}

.advnav_menu_button.columns > .advnav_child_container > .advnav_menu_button > a .advnav_item_title {
    position: absolute;
    bottom: 10px;
    text-align: center;
    left: 10px;
    right: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.advnav_menu_button.columns > .advnav_child_container > .advnav_menu_button > a > .advnav_thumb {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 50px;
    display: block !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

#advnav_parrent_container > .add_entry_button {
    position: relative;
    float: left;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    color: #fff;
    width: auto;
    left: 0;
    bottom: 0
}

#adv_nav_options {
    padding: 0;
    font-family: sans-serif;
    font-size: 12px;
    left: 0;
    width: auto;
    right: 0;
    position: fixed;
    bottom: 0;
    z-index: 10001;
    color: #29353a;
    box-shadow: 0 6px 12px 0 #222;
    height: 249px;
    box-sizing: border-box;
    padding: 20px;
    background: #fcfcfc
}

#advnav_controls {
    position: relative;
    float: left;
    width: 100%;
    line-height: 30px
}

#advnav_controls .buttons {
    float: right
}

#advnav_controls h1 {
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin: 0
}

#adv_nav_options button,
#adv_nav_options input[type="submit"] {
    display: inline-block;
    height: 34px;
    padding: 0 17px;
    color: white;
    text-align: center;
    line-height: 20px;
    text-decoration: none;
    white-space: nowrap;
    background: #29353e;
    border-radius: 3px;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    letter-spacing: 1px;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    position: relative;
    border: 0;
    margin-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px
}

#advnav_controls button#save_advnav {
    background: #e98a00
}

#advnav_controls button#disable_advnav {
    margin-right: 0
}

#advnav_controls button .fa {
    display: inline-block;
    margin: 0
}

#advnav_item_temp {
    position: fixed;
    top: initial;
    right: 0;
    bottom: 250px;
    width: 100%;
    box-shadow: rgba(0, 0, 0, .3) -3px 0 3px;
    padding: 10px;
    background: #333;
    z-index: 99999;
    box-sizing: border-box;
    min-height: 50px
}

#advnav_item_temp .advnav_menu_button a {
    height: 30px;
    line-height: 30px;
    min-width: auto
}

#advnav_item_temp .advnav_menu_button {
    margin-right: 5px
}

#advnav_item_temp .advnav_menu_button .advnav_child_container {
    display: none
}

#advnav_item_temp .advnav_menu_button {
    border: solid 1px #fff
}

#advnav_itemsettings .advnav_target {
    display: none
}

#advnav_itemsettings .advnav_row {
    position: relative;
    float: left;
    width: 19%;
    margin-bottom: 10px;
    box-sizing: border-box;
    padding: 1%;
    margin-right: 1.25%;
    border: solid 1px #ccc;
    height: 140px;
    margin-top: 10px
}

#advnav_itemsettings label {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 5px
}

#advnav_itemsettings input[type=text],
#advnav_itemsettings select,
#advnav_itemsettings input[type="file"] {
    height: 34px;
    padding: 6px 10px;
    background-color: #fff;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    box-shadow: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 10px
}

#advnav_itemsettings textarea {
    height: 100px;
    padding: 6px 10px;
    background-color: #fff;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    box-shadow: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    width: 100%
}

#advnav_image_preview img {
    max-height: 93px;
    max-width: 80%
}

#advnav_image_preview button.delete {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff
}

#advnav_image_preview button.delete .fa {
    display: inline-block;
    margin: 0;
    font-size: 19px
}

#advnav_image_preview {
    position: relative;
    float: left;
    width: 100%
}

#advnav_mobile_menu,
#advnav_mobile_menu_toggle {
    display: none
}

#advnav_mobile_menu_toggle {
    position: fixed;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    border: 0;
    background: #29353e;
    z-index: 10
}

#advnav_mobile_menu_toggle span {
    width: 20px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -10px;
    background: #fff
}

#advnav_mobile_menu_toggle span:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;
    top: -8px;
    background: #fff;
    left: 0
}

#advnav_mobile_menu_toggle span:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;
    top: 8px;
    background: #fff;
    left: 0
}

#advnav_mobile_menu_toggle.active span {
    background: transparent
}

#advnav_mobile_menu_toggle.active span:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#advnav_mobile_menu_toggle.active span:after {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#advnav_mobile_menu {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 40px;
    background: #fff;
    overflow: hidden;
    overflow-y: scroll;
    border-top: solid 40px #f1f1f1
}

#advnav_mobile_menu .advnav_mobile_menu_button {
    display: block;
    position: relative;
    float: left;
    width: 100%
}

#advnav_mobile_menu .advnav_mobile_menu_button a {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    padding: 10px;
    font-size: 20px
}

#advnav_mobile_menu .advnav_mobile_menu_button button.expand {
    display: block;
    position: absolute;
    top: 12px;
    right: 10px;
    width: 20px;
    height: 20px;
    border: 0;
    background: transparent;
    cursor: pointer
}

#advnav_mobile_menu .advnav_mobile_menu_button button.expand span {
    position: absolute;
    width: 12px;
    height: 2px;
    background: #29353e;
    top: 9px;
    left: 4px
}

#advnav_mobile_menu .advnav_mobile_menu_button button.expand span:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 2px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    background: #29353e;
    left: 0
}

#advnav_mobile_menu .advnav_mobile_menu_button.exp > button.expand span:after {
    display: none
}

#advnav_mobile_menu .advnav_mobile_menu_button .advnav_mobile_child {
    position: relative;
    float: left;
    width: 95%;
    margin-left: 5%
}

#advnav_mobile_menu .advnav_mobile_menu_button .advnav_mobile_child {
    display: none
}

#advnav_mobile_menu .advnav_mobile_menu_button .advnav_mobile_child > .advnav_mobile_menu_button {
    font-size: 18px
}

#advnav_mobile_menu .advnav_mobile_menu_button.exp .advnav_mobile_child {
    display: block
}

@media only screen and (max-width:767px) {

    #advnav_mobile_menu,
    #advnav_mobile_menu_toggle {
        display: block
    }

    .advanced-nav-parentcontainer {
        display: none
    }
}

#advnav_mobile_menu {
    display: none
}

#advnav_mobile_menu.active {
    display: block
}

.modalSaveQuote {
    display: block
}

.modalSaveQuote .q_row {
    display: block
}

.modalSaveQuote .q_row label {
    display: block;
    margin-top: 10px
}

.modalSaveQuote .q_row input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 6px;
    margin-top: 5px;
    border: solid 1px #ccc;
    border-radius: 4px
}

.modalSaveQuote .q_row textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 6px;
    margin-top: 5px;
    border: solid 1px #ccc;
    border-radius: 4px;
    height: 70px;
    max-height: 70px;
    min-height: 70px;
    background: #eee
}

.modalSaveQuote .q_quote {
    display: block
}

.modalSaveQuote .q_email {
    display: block
}

.modalSaveQuote .q_url {
    display: block
}

.modalSaveQuote #copyurl {
    float: right;
    padding: 5px;
    margin-top: 5px
}

.modalSaveQuote #copyurl .fa {
    display: inline-block
}

.modalSaveQuote #infobox {
    float: left
}

.multipartUploadContainer {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 100px
}

.multipartUploadContainer #showPreview {
    text-indent: 0;
    background: #212121;
    text-transform: uppercase;
    position: absolute;
    top: auto;
    bottom: 40px;
    left: 50%;
    height: auto;
    margin-left: -107px !important
}

.multipartUploadContainer .mainUITable {
    width: 100%;
    height: auto;
    position: relative
}

.multipartUploadContainer .multiPartContainer {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    max-height: none;
    overflow: visible;
    padding: 0
}

.multipartUploadContainer .multiPartContainer * {
    box-sizing: border-box
}

.multipartUploadContainer .multiPartContainer div {
    position: relative;
    float: left;
    width: 100%
}

.multipartUploadContainer .multiPartContainer .multiPartList {
    position: relative;
    float: left;
    width: 100%;
    text-align: center
}

.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem {
    background: #fff;
    padding: 20px !important;
    border: solid 1px #ccc;
    width: 47%;
    margin: 1%;
    float: none;
    display: inline-block
}

.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .partHeader {
    text-align: center;
    font-size: 20px;
    height: auto;
    margin-bottom: 20px;
    background: 0
}

.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .partHeader--title {
    background: transparent;
    color: #000
}

.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .uploadMultiPart {
    position: relative;
    float: left;
    width: 100%
}

.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .rightInputPart {
    background: #fff;
    border: 0;
    padding: 0;
    cursor: initial
}

.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .fileinput-button {
    position: relative !important;
    top: 0;
    right: 0;
    width: 100%;
    display: block
}

.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .fileinput-button * {
    position: relative;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0
}

.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer;
    overflow: hidden
}

.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .inputPartInner {
    height: 420px;
    padding: 10px;
    z-index: 2;
    pointer-events: none;
    background: transparent
}

.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .itemSelectorImage {
    text-align: center;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    width: auto
}

.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .uploadPreviewImgage {
    width: auto;
    max-width: 100%;
    max-height: 400px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block
}

.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .fileDelete {
    pointer-events: all;
    right: 5px;
    top: 5px;
    color: red;
    background: #fff;
    border: 0;
    z-index: 2
}

.multiPartContainer .multiPartList .multiPartItem .fileDelete:before {
    content: '\f1f8';
    font-family: "FontAwesome"
}

.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .userUpload {
    width: 240px;
    left: 50%;
    margin-left: -120px;
    margin-top: 15px;
    margin-bottom: 10px;
    position: absolute;
    top: 50%;
    margin-top: -50px
}

.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .constraintDescription {
    background: #fff
}

.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .constraintDescription .required {
    text-align: center;
    color: #da0908
}

.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .fileUpload.fileUploadButton:before {
    content: '\f093';
    font-family: "FontAwesome"
}

.multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .fileUpload.fileUploadButton {
    font-size: 16px;
    line-height: 30px;
    height: auto;
    padding: 7px !important;
    color: #303c44;
    text-indent: 0;
    background: #22A8E5;
    border: solid 1px;
    border-radius: 16px
}

@media only screen and (max-width:767px) {
    .multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem {
        padding: 10px !important;
        border: solid 1px #ccc;
        width: 98%;
        margin: 1%
    }

    .multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .uploadPreviewImgage {
        max-height: 200px
    }

    .multipartUploadContainer .multiPartContainer .multiPartList .multiPartItem .inputPartInner {
        height: 220px
    }
}

.mainUIParent .gobackButton.multiPartButton {
    right: auto
}

.imageContainer.imagesearch {
    position: relative;
    min-height: 405px !important;
    padding: 10px
}

.imageContainer.imagesearch * {
    box-sizing: border-box
}

.imageContainer.imagesearch .searchbar,
.imageContainer.imagesearch .SearchImageCount {
    position: relative;
    float: left;
    width: 100%;
    padding: .5%
}

.imageContainer.imagesearch .SearchImageCount {
    text-align: right;
    margin-top: 3px;
    margin-bottom: 4px;
    font-size: 10px;
    color: #676767
}

.imageContainer.imagesearch .searchbar #imageSearchBar {
    position: relative;
    width: 70%;
    float: left;
    border: solid 1px #eee;
    height: 36px;
    margin: 0;
    padding-left: 10px
}

.imageContainer.imagesearch .searchbar #imageSearchTrigger {
    position: relative;
    float: left;
    width: 30%;
    font-size: 12px;
    height: 36px;
    margin: 0
}

.imageContainer.imagesearch #imagesearchResults {
    position: relative;
    float: left;
    width: 100%
}

.imageContainer.imagesearch #imagesearchResults .imageSearchItem {
    position: relative;
    float: left;
    width: 24%;
    height: 0;
    padding-bottom: 21%;
    margin: .5%;
    border: solid 1px #ccc
}

.imageContainer.imagesearch #imagesearchResults .imageSearchItem span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-position: center;
    background-size: cover;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 1
}

.imageContainer.imagesearch #imagesearchResults .imageSearchItem:hover span {
    opacity: 0
}

.imageContainer.imagesearch #imagesearchResults .imageSearchItem img {
    position: absolute;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 0
}

.imageContainer.imagesearch #imagesearchResults .imageSearchItem:hover img {
    opacity: 1
}

.imageContainer.imagesearch .imagesearchpageButtons {
    display: block;
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    width: auto;
    bottom: 10px
}

.imageContainer.imagesearch .imagesearchpageButtons .pages_info {
    width: 34%;
    float: left;
    line-height: 36px;
    text-align: center;
    background: #eee
}

.imageContainer.imagesearch .imagesearchpageButtons button {
    height: 36px;
    margin: 0
}

.imageContainer.imagesearch .imagesearchpageButtons button:disabled {
    opacity: .5
}

button.tt.btn.btn-default.btn-me.dialogInit.imgPlugImageSearch {
    white-space: unset;
    line-height: 12px;
    font-size: 10px;
    text-transform: uppercase
}

button.tt.btn.btn-default.btn-me.dialogInit.imgPlugImageSearch .fa {
    display: block;
    margin: 5px !important;
    font-size: 20px
}

.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 20px
}

.modal-body img {
    vertical-align: middle;
    border: 0;
    max-width: 100% !important;
    page-break-inside: avoid
}

.modal-footer {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

@media(min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media(min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.product-details-attribute-combination {
    position: relative;
    float: left;
    width: 100%
}

.product-details-attribute-combination .picture .bigpicture {
    position: relative;
    float: left;
    width: 99%;
    margin-left: .5%
}

.product-details-attribute-combination .picture .thumbs {
    position: relative;
    float: left;
    width: 100%
}

.product-details-attribute-combination .picture .thumbs .thumb {
    position: relative;
    float: left;
    width: 24%;
    padding-bottom: 24%;
    height: 0;
    overflow: hidden;
    margin: .5%
}

.product-details-attribute-combination .picture .thumbs .thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.u-full-width {
    width: 100%;
    box-sizing: border-box
}

.u-max-full-width {
    max-width: 100%;
    box-sizing: border-box
}

.u-pull-right {
    float: right
}

.u-pull-left {
    float: left
}

.row__container:after,
.row:after,
.u-cf {
    content: "";
    display: table;
    clear: both
}

.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    *line-height: 0
}

.ir br {
    display: none
}

.hidden {
    display: none !important;
    visibility: hidden
}

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

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

.invisible {
    visibility: hidden
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " ("attr(href) ")"
    }

    abbr[title]:after {
        content: " ("attr(title) ")"
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,
    img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
.checkout-page.checkout-page_multi .select-button input,
.checkout-page__billing-address .address-grid td .address-item .select-button input,
.t-grid .t-button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button,
.checkout-page.checkout-page_multi .select-button input,
.checkout-page__billing-address .address-grid td .address-item .select-button input,
.t-grid .t-button {
    overflow: visible
}

button,
.checkout-page.checkout-page_multi .select-button input,
.checkout-page__billing-address .address-grid td .address-item .select-button input,
.t-grid .t-button,
select {
    text-transform: none
}

button,
.checkout-page.checkout-page_multi .select-button input,
.checkout-page__billing-address .address-grid td .address-item .select-button input,
.t-grid .t-button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
.checkout-page.checkout-page_multi .select-button input[disabled],
.checkout-page__billing-address .address-grid td .address-item .select-button input[disabled],
.t-grid [disabled].t-button,
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
.checkout-page.checkout-page_multi .select-button input::-moz-focus-inner,
.checkout-page__billing-address .address-grid td .address-item .select-button input::-moz-focus-inner,
.t-grid .t-button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

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

html,
body {
    height: 100%;
    font-size: 100%;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0;
    font-weight: 400;
    font-family: Montserrat-Regular;
    color: #767676;
    background: #F8F8F8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    margin-top: 70px
}

* {
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    font-family: Montserrat-Regular
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

h1,h2,h3,h4,
.checkout-page__shipping-address #newAddressDiv .enter-address-title,
h5,
h6,
footer h4,
footer .checkout-page__shipping-address #newAddressDiv .enter-address-title,
.checkout-page__shipping-address #newAddressDiv footer .enter-address-title {
    margin-top: 0;
    /*margin-bottom: 2rem;*/
	margin-bottom: 1rem;
    font-family: "GothamRoundedBold", "Helvetica", "Arial", sans-serif;
    color: #DE3255;
    font-variant-ligatures: common-ligatures
}

h1 {
    /*font-size: 3.157rem;*/
    font-size: 2.6rem;
    line-height: 1.2;
    letter-spacing: 0rem;
    font-weight: 600
}

h2 {
    font-size: 2.369rem;
    line-height: 1.25;
    letter-spacing: 0rem;
    font-weight: 600
}

h3 {
    font-size: 1.777rem;
    line-height: 1.3;
    letter-spacing: 0rem;
    font-weight: 600
}


h4 {
    font-size: 3rem !important;
}

h4,
.checkout-page__shipping-address #newAddressDiv .enter-address-title {
    font-size: 1.333rem;
    line-height: 1.35;
    letter-spacing: 0rem;
    font-weight: 300
}


footer h4 {
    color: White;
    font-size: 0.8rem !important;
}



h5 {
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: 0rem;
    font-weight: 300
}

h6,
footer h4,
footer .checkout-page__shipping-address #newAddressDiv .enter-address-title,
.checkout-page__shipping-address #newAddressDiv footer .enter-address-title {
    font-size: .625rem;
    line-height: 2.6;
    letter-spacing: 1px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 2.36363636363636em
}

p {
    margin-top: 0
}

a {
    color: #540e4a;
    cursor: pointer;
    text-decoration: none
}

a:hover {
    color: #5ab5e4
}

.button,
button,
.checkout-page.checkout-page_multi .select-button input,
.checkout-page__billing-address .address-grid td .address-item .select-button input,
.t-grid .t-button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    display: inline-block;
    height: 36px;
    padding: 0 30px;
    color: #FFF;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: .1rem;
    text-decoration: none;
    white-space: nowrap;
    background-color: #540e4a;
    border-radius: 19px;
    border-style: solid;
    border-width: 0;
    border-color: #540e4a;
    cursor: pointer;
    box-sizing: border-box;
    margin: 3px 0;
    transition: 250ms all ease;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
    text-transform: uppercase;
    vertical-align: middle
}

.button:focus,
.button:hover,
button:focus,
.checkout-page.checkout-page_multi .select-button input:focus,
.checkout-page__billing-address .address-grid td .address-item .select-button input:focus,
.t-grid .t-button:focus,
button:hover,
.checkout-page.checkout-page_multi .select-button input:hover,
.checkout-page__billing-address .address-grid td .address-item .select-button input:hover,
.t-grid .t-button:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="button"]:focus,
input[type="button"]:hover {
    background: #FFAA19;
    color: #FFF;
    border-color: #888;
    outline: 0
}

input[type="text"] + input[type="text"],
select + input[type="text"],
input[type="text"] + select,
select + select {
    margin-left: 4px
}

input[readonly],
select[readonly],
input[disabled],
select[disabled] {
    opacity: .5
}

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="password"],
textarea,
select {
    height: 38px;
    padding: 6px 12px;
    background-color: #FFF;
    border-style: solid;
    border-width: 1px;
    border-color: #DDD;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    vertical-align: middle
}

@media(max-width:760px) {

    input[type="email"],
    input[type="number"],
    input[type="search"],
    input[type="text"],
    input[type="tel"],
    input[type="time"],
    input[type="url"],
    input[type="password"],
    textarea,
    select {
        width: 100%
    }
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border-color: #e4e4e4;
    outline: 0
}

@media(min-width:761px) {

    input[type="email"],
    input[type="number"],
    input[type="search"],
    input[type="text"],
    input[type="tel"],
    input[type="url"],
    input[type="password"] {
        width: 100%;
        max-width: 381px
    }
}

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

textarea {
    min-height: 65px;
    padding-top: 6px;
    padding-bottom: 6px
}

label,
legend {
    display: inline-block;
    margin-bottom: .5rem;
    font-weight: 600;
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif
}

fieldset {
    padding: 0;
    border-width: 0
}

input[type="checkbox"],
input[type="radio"] {
    display: inline
}

label > .label-body {
    display: inline-block;
    margin-left: .5rem;
    font-weight: normal
}

ul {
    list-style: none
}

ol {
    list-style: none
}

ol,
ul {
    padding-left: 0;
    margin-top: 0
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin: 1.5rem 0 1.5rem 3rem;
    font-size: 90%
}

li {
    margin-bottom: 1rem
}

code {
    padding: .2rem .5rem;
    margin: 0 .2rem;
    font-size: 90%;
    white-space: nowrap;
    background: #F1F1F1;
    border: 1px solid #E1E1E1;
    border-radius: 4px
}

pre > code {
    display: block;
    padding: 1rem 1.5rem;
    white-space: pre
}

th,
td {
    padding: 4px;
    display: block
}

th.item-name,
td.item-name {
    padding-bottom: 0
}

th label,
td label {
    margin-bottom: 0
}

pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
    width: 100%
}

.field-validation-error {
    display: block;
    color: #d9534f;
    margin-top: 7px;
    font-size: .9rem;
    font-weight: 700
}

.input-validation-error {
    border-color: #d9534f !important
}

.page-title {
    margin-bottom: 30px;
    text-align: center
}

[hidden],
input[hidden],
button[hidden],
.checkout-page.checkout-page_multi .select-button input[hidden],
.checkout-page__billing-address .address-grid td .address-item .select-button input[hidden],
.t-grid [hidden].t-button {
    display: none !important
}

@media(min-width:761px) {

    .offset_1_inner,
    .offset_1,
    .grid_1_inner,
    .grid_1 {
        width: 6.5%
    }
}

@media(min-width:761px) and (min-width:761px) {

    .offset_1_inner,
    .offset_1,
    .grid_1_inner,
    .grid_1 {
        float: left
    }

    .offset_1_inner + .offset_1_inner,
    .offset_1 + .offset_1_inner,
    .grid_1_inner + .offset_1_inner,
    .grid_1 + .offset_1_inner,
    .offset_1_inner + .offset_1,
    .offset_1 + .offset_1,
    .grid_1_inner + .offset_1,
    .grid_1 + .offset_1,
    .offset_1_inner + .grid_1_inner,
    .offset_1 + .grid_1_inner,
    .grid_1_inner + .grid_1_inner,
    .grid_1 + .grid_1_inner,
    .offset_1_inner + .grid_1,
    .offset_1 + .grid_1,
    .grid_1_inner + .grid_1,
    .grid_1 + .grid_1 {
        margin-left: 2%
    }
}

@media(min-width:761px) {

    .offset_2_inner,
    .offset_2,
    .grid_2_inner,
    .grid_2,
    .layout--columnsThree .master-wrapper-leftside-3,
    .layout--columnsThree .master-wrapper-rightside-3 {
        width: 15%
    }
}

@media(min-width:761px) and (min-width:761px) {

    .offset_2_inner,
    .offset_2,
    .grid_2_inner,
    .grid_2,
    .layout--columnsThree .master-wrapper-leftside-3,
    .layout--columnsThree .master-wrapper-rightside-3 {
        float: left
    }

    .offset_2_inner + .offset_2_inner,
    .offset_2 + .offset_2_inner,
    .grid_2_inner + .offset_2_inner,
    .grid_2 + .offset_2_inner,
    .layout--columnsThree .master-wrapper-leftside-3 + .offset_2_inner,
    .layout--columnsThree .master-wrapper-rightside-3 + .offset_2_inner,
    .offset_2_inner + .offset_2,
    .offset_2 + .offset_2,
    .grid_2_inner + .offset_2,
    .grid_2 + .offset_2,
    .layout--columnsThree .master-wrapper-leftside-3 + .offset_2,
    .layout--columnsThree .master-wrapper-rightside-3 + .offset_2,
    .offset_2_inner + .grid_2_inner,
    .offset_2 + .grid_2_inner,
    .grid_2_inner + .grid_2_inner,
    .grid_2 + .grid_2_inner,
    .layout--columnsThree .master-wrapper-leftside-3 + .grid_2_inner,
    .layout--columnsThree .master-wrapper-rightside-3 + .grid_2_inner,
    .offset_2_inner + .grid_2,
    .layout--columnsThree .offset_2_inner + .master-wrapper-leftside-3,
    .layout--columnsThree .offset_2_inner + .master-wrapper-rightside-3,
    .offset_2 + .grid_2,
    .layout--columnsThree .offset_2 + .master-wrapper-leftside-3,
    .layout--columnsThree .offset_2 + .master-wrapper-rightside-3,
    .grid_2_inner + .grid_2,
    .layout--columnsThree .grid_2_inner + .master-wrapper-leftside-3,
    .layout--columnsThree .grid_2_inner + .master-wrapper-rightside-3,
    .grid_2 + .grid_2,
    .layout--columnsThree .master-wrapper-leftside-3 + .grid_2,
    .layout--columnsThree .master-wrapper-rightside-3 + .grid_2,
    .layout--columnsThree .grid_2 + .master-wrapper-leftside-3,
    .layout--columnsThree .master-wrapper-leftside-3 + .master-wrapper-leftside-3,
    .layout--columnsThree .master-wrapper-rightside-3 + .master-wrapper-leftside-3,
    .layout--columnsThree .grid_2 + .master-wrapper-rightside-3,
    .layout--columnsThree .master-wrapper-leftside-3 + .master-wrapper-rightside-3,
    .layout--columnsThree .master-wrapper-rightside-3 + .master-wrapper-rightside-3 {
        margin-left: 2%
    }
}

@media(min-width:761px) {

    .offset_3_inner,
    .offset_3,
    .grid_3_inner,
    .grid_3 {
        width: 23.5%
    }
}

@media(min-width:761px) and (min-width:761px) {

    .offset_3_inner,
    .offset_3,
    .grid_3_inner,
    .grid_3 {
        float: left
    }

    .offset_3_inner + .offset_3_inner,
    .offset_3 + .offset_3_inner,
    .grid_3_inner + .offset_3_inner,
    .grid_3 + .offset_3_inner,
    .offset_3_inner + .offset_3,
    .offset_3 + .offset_3,
    .grid_3_inner + .offset_3,
    .grid_3 + .offset_3,
    .offset_3_inner + .grid_3_inner,
    .offset_3 + .grid_3_inner,
    .grid_3_inner + .grid_3_inner,
    .grid_3 + .grid_3_inner,
    .offset_3_inner + .grid_3,
    .offset_3 + .grid_3,
    .grid_3_inner + .grid_3,
    .grid_3 + .grid_3 {
        margin-left: 2%
    }
}

@media(min-width:761px) {

    .offset_4_inner,
    .offset_4,
    .grid_4_inner,
    .grid_4 {
        width: 32%
    }
}

@media(min-width:761px) and (min-width:761px) {

    .offset_4_inner,
    .offset_4,
    .grid_4_inner,
    .grid_4 {
        float: left
    }

    .offset_4_inner + .offset_4_inner,
    .offset_4 + .offset_4_inner,
    .grid_4_inner + .offset_4_inner,
    .grid_4 + .offset_4_inner,
    .offset_4_inner + .offset_4,
    .offset_4 + .offset_4,
    .grid_4_inner + .offset_4,
    .grid_4 + .offset_4,
    .offset_4_inner + .grid_4_inner,
    .offset_4 + .grid_4_inner,
    .grid_4_inner + .grid_4_inner,
    .grid_4 + .grid_4_inner,
    .offset_4_inner + .grid_4,
    .offset_4 + .grid_4,
    .grid_4_inner + .grid_4,
    .grid_4 + .grid_4 {
        margin-left: 2%
    }
}

@media(min-width:761px) {

    .offset_5_inner,
    .offset_5,
    .grid_5_inner,
    .grid_5 {
        width: 40.5%
    }
}

@media(min-width:761px) and (min-width:761px) {

    .offset_5_inner,
    .offset_5,
    .grid_5_inner,
    .grid_5 {
        float: left
    }

    .offset_5_inner + .offset_5_inner,
    .offset_5 + .offset_5_inner,
    .grid_5_inner + .offset_5_inner,
    .grid_5 + .offset_5_inner,
    .offset_5_inner + .offset_5,
    .offset_5 + .offset_5,
    .grid_5_inner + .offset_5,
    .grid_5 + .offset_5,
    .offset_5_inner + .grid_5_inner,
    .offset_5 + .grid_5_inner,
    .grid_5_inner + .grid_5_inner,
    .grid_5 + .grid_5_inner,
    .offset_5_inner + .grid_5,
    .offset_5 + .grid_5,
    .grid_5_inner + .grid_5,
    .grid_5 + .grid_5 {
        margin-left: 2%
    }
}

@media(min-width:761px) {

    .offset_6_inner,
    .offset_6,
    .grid_6_inner,
    .grid_6,
    .checkout-page__billing-address .select-address,
    .checkout-page__billing-address .enter-address,
    .checkout-page__shipping-address .address-list .address-item {
        width: 49%
    }
}

@media(min-width:761px) and (min-width:761px) {

    .offset_6_inner,
    .offset_6,
    .grid_6_inner,
    .grid_6,
    .checkout-page__billing-address .select-address,
    .checkout-page__billing-address .enter-address,
    .checkout-page__shipping-address .address-list .address-item {
        float: left
    }

    .offset_6_inner + .offset_6_inner,
    .offset_6 + .offset_6_inner,
    .grid_6_inner + .offset_6_inner,
    .grid_6 + .offset_6_inner,
    .checkout-page__billing-address .select-address + .offset_6_inner,
    .checkout-page__billing-address .enter-address + .offset_6_inner,
    .checkout-page__shipping-address .address-list .address-item + .offset_6_inner,
    .offset_6_inner + .offset_6,
    .offset_6 + .offset_6,
    .grid_6_inner + .offset_6,
    .grid_6 + .offset_6,
    .checkout-page__billing-address .select-address + .offset_6,
    .checkout-page__billing-address .enter-address + .offset_6,
    .checkout-page__shipping-address .address-list .address-item + .offset_6,
    .offset_6_inner + .grid_6_inner,
    .offset_6 + .grid_6_inner,
    .grid_6_inner + .grid_6_inner,
    .grid_6 + .grid_6_inner,
    .checkout-page__billing-address .select-address + .grid_6_inner,
    .checkout-page__billing-address .enter-address + .grid_6_inner,
    .checkout-page__shipping-address .address-list .address-item + .grid_6_inner,
    .offset_6_inner + .grid_6,
    .checkout-page__billing-address .offset_6_inner + .select-address,
    .checkout-page__billing-address .offset_6_inner + .enter-address,
    .checkout-page__shipping-address .address-list .offset_6_inner + .address-item,
    .offset_6 + .grid_6,
    .checkout-page__billing-address .offset_6 + .select-address,
    .checkout-page__billing-address .offset_6 + .enter-address,
    .checkout-page__shipping-address .address-list .offset_6 + .address-item,
    .grid_6_inner + .grid_6,
    .checkout-page__billing-address .grid_6_inner + .select-address,
    .checkout-page__billing-address .grid_6_inner + .enter-address,
    .checkout-page__shipping-address .address-list .grid_6_inner + .address-item,
    .grid_6 + .grid_6,
    .checkout-page__billing-address .select-address + .grid_6,
    .checkout-page__billing-address .enter-address + .grid_6,
    .checkout-page__shipping-address .address-list .address-item + .grid_6,
    .checkout-page__billing-address .grid_6 + .select-address,
    .checkout-page__billing-address .select-address + .select-address,
    .checkout-page__billing-address .enter-address + .select-address,
    .checkout-page__shipping-address .address-list .checkout-page__billing-address .address-item + .select-address,
    .checkout-page__billing-address .checkout-page__shipping-address .address-list .address-item + .select-address,
    .checkout-page__billing-address .grid_6 + .enter-address,
    .checkout-page__billing-address .select-address + .enter-address,
    .checkout-page__billing-address .enter-address + .enter-address,
    .checkout-page__shipping-address .address-list .checkout-page__billing-address .address-item + .enter-address,
    .checkout-page__billing-address .checkout-page__shipping-address .address-list .address-item + .enter-address,
    .checkout-page__shipping-address .address-list .grid_6 + .address-item,
    .checkout-page__billing-address .checkout-page__shipping-address .address-list .select-address + .address-item,
    .checkout-page__shipping-address .address-list .checkout-page__billing-address .select-address + .address-item,
    .checkout-page__billing-address .checkout-page__shipping-address .address-list .enter-address + .address-item,
    .checkout-page__shipping-address .address-list .checkout-page__billing-address .enter-address + .address-item,
    .checkout-page__shipping-address .address-list .address-item + .address-item {
        margin-left: 2%
    }
}

@media(min-width:761px) {

    .offset_7_inner,
    .offset_7,
    .grid_7_inner,
    .grid_7 {
        width: 57.5%
    }
}

@media(min-width:761px) and (min-width:761px) {

    .offset_7_inner,
    .offset_7,
    .grid_7_inner,
    .grid_7 {
        float: left
    }

    .offset_7_inner + .offset_7_inner,
    .offset_7 + .offset_7_inner,
    .grid_7_inner + .offset_7_inner,
    .grid_7 + .offset_7_inner,
    .offset_7_inner + .offset_7,
    .offset_7 + .offset_7,
    .grid_7_inner + .offset_7,
    .grid_7 + .offset_7,
    .offset_7_inner + .grid_7_inner,
    .offset_7 + .grid_7_inner,
    .grid_7_inner + .grid_7_inner,
    .grid_7 + .grid_7_inner,
    .offset_7_inner + .grid_7,
    .offset_7 + .grid_7,
    .grid_7_inner + .grid_7,
    .grid_7 + .grid_7 {
        margin-left: 2%
    }
}

@media(min-width:761px) {

    .offset_8_inner,
    .offset_8,
    .grid_8_inner,
    .grid_8,
    .layout--columnsThree .master-wrapper-center-3 {
        width: 66%
    }
}

@media(min-width:761px) and (min-width:761px) {

    .offset_8_inner,
    .offset_8,
    .grid_8_inner,
    .grid_8,
    .layout--columnsThree .master-wrapper-center-3 {
        float: left
    }

    .offset_8_inner + .offset_8_inner,
    .offset_8 + .offset_8_inner,
    .grid_8_inner + .offset_8_inner,
    .grid_8 + .offset_8_inner,
    .layout--columnsThree .master-wrapper-center-3 + .offset_8_inner,
    .offset_8_inner + .offset_8,
    .offset_8 + .offset_8,
    .grid_8_inner + .offset_8,
    .grid_8 + .offset_8,
    .layout--columnsThree .master-wrapper-center-3 + .offset_8,
    .offset_8_inner + .grid_8_inner,
    .offset_8 + .grid_8_inner,
    .grid_8_inner + .grid_8_inner,
    .grid_8 + .grid_8_inner,
    .layout--columnsThree .master-wrapper-center-3 + .grid_8_inner,
    .offset_8_inner + .grid_8,
    .layout--columnsThree .offset_8_inner + .master-wrapper-center-3,
    .offset_8 + .grid_8,
    .layout--columnsThree .offset_8 + .master-wrapper-center-3,
    .grid_8_inner + .grid_8,
    .layout--columnsThree .grid_8_inner + .master-wrapper-center-3,
    .grid_8 + .grid_8,
    .layout--columnsThree .master-wrapper-center-3 + .grid_8,
    .layout--columnsThree .grid_8 + .master-wrapper-center-3,
    .layout--columnsThree .master-wrapper-center-3 + .master-wrapper-center-3 {
        margin-left: 2%
    }
}

@media(min-width:761px) {

    .offset_9_inner,
    .offset_9,
    .grid_9_inner,
    .grid_9 {
        width: 74.5%
    }
}

@media(min-width:761px) and (min-width:761px) {

    .offset_9_inner,
    .offset_9,
    .grid_9_inner,
    .grid_9 {
        float: left
    }

    .offset_9_inner + .offset_9_inner,
    .offset_9 + .offset_9_inner,
    .grid_9_inner + .offset_9_inner,
    .grid_9 + .offset_9_inner,
    .offset_9_inner + .offset_9,
    .offset_9 + .offset_9,
    .grid_9_inner + .offset_9,
    .grid_9 + .offset_9,
    .offset_9_inner + .grid_9_inner,
    .offset_9 + .grid_9_inner,
    .grid_9_inner + .grid_9_inner,
    .grid_9 + .grid_9_inner,
    .offset_9_inner + .grid_9,
    .offset_9 + .grid_9,
    .grid_9_inner + .grid_9,
    .grid_9 + .grid_9 {
        margin-left: 2%
    }
}

@media(min-width:761px) {

    .offset_10_inner,
    .offset_10,
    .grid_10_inner,
    .grid_10 {
        width: 83%
    }
}

@media(min-width:761px) and (min-width:761px) {

    .offset_10_inner,
    .offset_10,
    .grid_10_inner,
    .grid_10 {
        float: left
    }

    .offset_10_inner + .offset_10_inner,
    .offset_10 + .offset_10_inner,
    .grid_10_inner + .offset_10_inner,
    .grid_10 + .offset_10_inner,
    .offset_10_inner + .offset_10,
    .offset_10 + .offset_10,
    .grid_10_inner + .offset_10,
    .grid_10 + .offset_10,
    .offset_10_inner + .grid_10_inner,
    .offset_10 + .grid_10_inner,
    .grid_10_inner + .grid_10_inner,
    .grid_10 + .grid_10_inner,
    .offset_10_inner + .grid_10,
    .offset_10 + .grid_10,
    .grid_10_inner + .grid_10,
    .grid_10 + .grid_10 {
        margin-left: 2%
    }
}

@media(min-width:761px) {

    .offset_11_inner,
    .offset_11,
    .grid_11_inner,
    .grid_11 {
        width: 91.5%
    }
}

@media(min-width:761px) and (min-width:761px) {

    .offset_11_inner,
    .offset_11,
    .grid_11_inner,
    .grid_11 {
        float: left
    }

    .offset_11_inner + .offset_11_inner,
    .offset_11 + .offset_11_inner,
    .grid_11_inner + .offset_11_inner,
    .grid_11 + .offset_11_inner,
    .offset_11_inner + .offset_11,
    .offset_11 + .offset_11,
    .grid_11_inner + .offset_11,
    .grid_11 + .offset_11,
    .offset_11_inner + .grid_11_inner,
    .offset_11 + .grid_11_inner,
    .grid_11_inner + .grid_11_inner,
    .grid_11 + .grid_11_inner,
    .offset_11_inner + .grid_11,
    .offset_11 + .grid_11,
    .grid_11_inner + .grid_11,
    .grid_11 + .grid_11 {
        margin-left: 2%
    }
}

.row {
    width: 100%;
    margin: 0 auto
}

.row:after {
    content: "";
    display: table;
    clear: both
}

.row__container {
    padding: 0 5%;
    margin: 0 auto;
    max-width: 1500px
}

@media(min-width:761px) {
    .row__container {
        padding: 0 30px
    }
}

.grid_3:nth-child(4n+1) {
    margin-left: 0
}

.grid_4:nth-child(3n+1) {
    margin-left: 0
}

.grid_12,
.grid_12_menu {
    width: 100%
}

@media(min-width:761px) {

    .grid_12,
    .grid_12_menu {
        float: left
    }

    .grid_12 + .grid_12,
    .grid_12_menu + .grid_12,
    .grid_12 + .grid_12_menu,
    .grid_12_menu + .grid_12_menu {
        margin-left: 2%
    }
}

.search-panel.grid_9 {
    width: 100%
}

.show-phone {
    display: none
}

.show-tablet {
    display: none
}

.show-screen {
    display: inherit
}

.hide-phone {
    display: inherit
}

.hide-tablet {
    display: inherit
}

.hide-screen {
    display: none
}

.layout--columnsThree {
    display: inline-block;
    width: 100%
}

.layout--columnsThree .master-wrapper-leftside-3 {
    margin: 0
}

@media(min-width:761px) {
    .layout--columnsThree .master-wrapper-center-3 {
        margin-left: 2%
    }
}

.layout--columnsThree .master-wrapper-center-3 .category-productingrid {
    width: 95%
}

@media(min-width:761px) {
    .layout--columnsThree .master-wrapper-rightside-3 {
        margin-left: 2%
    }
}

#toprow {
    background: #FFF
}

/* original top white header row */
#logorow {
    padding: 12px 0;
    background: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11)
}


/* new top row to make deeper 
#logorow {
    padding: 12px 0;
    background: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11)
}
*/


#logorow #headerRowRight {
    display: none
}

#logorow #headerRowLeft {
    width: 100%
}

@media(min-width:320px) {
    #logorow #headerRowLeft {
        position: relative;
        float: left;
        width: 100%;
        margin: 0;
        /*padding-right: 160px;*/
        box-sizing: border-box;
        overflow: visible;
       /* height: 50px */
    }

    #logorow #headerRowRight {
        position: absolute;
        top: 5px;
        margin: 0;
        overflow: hidden;
        max-height: 44px;
        width: auto;
        background: white;
        right: 30px;
        display: block;
		z-index:15;
    }

    #logorow #headerRowRight:hover {
        max-height: 1000px
    }

    #logorow .row__container {
        position: relative
    }
}

#menurow {
    background: #540e4a
}

@media(min-width:761px) {
    #menurow .grid_4_inner {
        margin-left: 2%
    }
}

#navlower {
    width: 100%;
    background-color: #97D0EE;
    overflow: hidden
}

#navlower .row__container {
    max-width: 100%;
    padding: 0
}

#navlower div,
#navlower ul {
    height: 100%
}

.layout--columnsThree,
#contentrow {
    margin: 4% 0 0
}

@media(min-width:761px) {

    .layout--columnsThree .grid_9,
    #contentrow .grid_9 {
        margin-left: 2%
    }
}

.layout--columnOne #contentrow {
    margin: 0
}

footer {
    background: #232323;
    padding-top: 2.5em;
    margin-top: 8.125em
}

footer h3,
footer li,
footer a {
    text-align: left;
    color: White
}

footer h3 {
    margin: 11px 0
}

footer h4,
footer .checkout-page__shipping-address #newAddressDiv .enter-address-title,
.checkout-page__shipping-address #newAddressDiv footer .enter-address-title {
    color: White
}

footer ul {
    margin: 27px 0
}

footer li {
    list-style: none
}


img#footerpartnerlogo {
    width: 80%;
    height: 80%;
}


footer .html-upper-footer-content > .contect-details:before {
    display: none !important;
}




/* old footer showing logo via css  
footer .html-upper-footer-content > .contect-details:before {
    content: "";
    height: 156px;
    background: url("/734168539/Handler/CSSOverride/GetImage/49/Parentkind-IN-Partnership.png") no-repeat 0 25%;
    background-size: contain;
    padding-top: 60px;
    width: 82%;
    display: block
}
*/


footer .html-upper-footer-content > .contect-details:before {
    content: "";
    height: 156px;
    background: none;
    background-size: contain;
    padding-top: 60px;
    width: 82%;
    display: block;
}





/* old footer with round Aquatint logo 
footer .html-upper-footer-content > .contect-details:before {
    content: "";
    height: 156px;
    background: url("/459928522/Handler/CSSOverride/GetImage/49/Aqua_roundal.gif") no-repeat 0 50%;
    background-size: contain;
    padding-top: 60px;
    width: 100%;
    display: block
}
*/

footer .contect-details .contect-details {
    width: 100%
}

footer .footerinner {
    margin: 55px 0
}

.html-footer,
.footercopyrightrow {
    position: relative
}

.html-footer p,
.footercopyrightrow p {
    margin: 0
}

.html-footer .grid_8,
.html-footer .layout--columnsThree .master-wrapper-center-3,
.layout--columnsThree .html-footer .master-wrapper-center-3,
.footercopyrightrow .grid_8,
.footercopyrightrow .layout--columnsThree .master-wrapper-center-3,
.layout--columnsThree .footercopyrightrow .master-wrapper-center-3 {
    width: 100%;
    text-align: center
}

.html-footer .grid_4,
.footercopyrightrow .grid_4 {
    display: none
}

.html-footer {
    position: relative;
    /*margin-top: 4.875em;*/
	margin-top: 1em;
    background: #1E1E1E;
    padding: 1.625em 0
}

.html-footer p {
    opacity: .5;
    color: #f5f5f5;
    font-size: .6875em;
    height: 3.25em
}

#sliderrow {
    margin: 0
}

#sliderrow .slides {
    height: 60vh
}

#sliderrow .slides li {
    margin: 0;
    height: 100%;
    overflow: hidden;
    position: relative;
    background-size: cover !important;
    background-position: 50% 50% !important
}

#sliderrow .slides li:before {
    content: "";
    background: #3A6377;
    height: 200%;
    display: block;
    width: 100%;
    opacity: .8;
    top: 0;
    position: absolute
}

#sliderrow .slides li img {
    min-height: 100% !important;
    position: relative;
    top: 35 %;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    width: 100%;
    opacity: .8
}

#sliderrow .slides li .flex-caption {
    height: 74%;
    position: absolute;
    top: 40%;
    color: white;
    text-align: center;
    font-family: "GothamRoundedBold", "Helvetica", "Arial", sans-serif;
    font-size: 64px;
    font-weight: 600;
    font-variant-ligatures: common-ligatures
}

#sliderrow .slides li .flex-caption span {
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
    color: #540e4a;
    font-size: 36px;
    text-align: center;
    width: 100%;
    display: block;
    line-height: 1.5
}

@media(min-width:761px) {
    #sliderrow .slides li .flex-caption span {
        font-size: 60px !important
    }
}

#sliderrow .slides li .flex-caption span.small {
    font-size: 16px !important
}

@media(min-width:761px) {
    #sliderrow .slides li .flex-caption span.small {
        font-size: 19px !important
    }
}

#sliderrow .slides li .flex-caption a {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    background: #540e4a;
    height: 37px;
    padding: 0 16px;
    line-height: 37px;
    color: white
}

#sliderrow .slides li .flex-caption a:hover {
    background: #3ba8df
}

#sliderrow .grid_12 .flexslider {
    background: 0
}

#sliderrow .grid_12 .flexslider .flex-control-nav {
    display: none
}

#sliderrow .grid_12 .flexslider .flex-direction-nav a {
    z-index: 2
}

.header-links-wrapper ul {
    margin: 0;
    text-align: left
}

.header-links-wrapper ul li {
    display: block;
    margin: 0
}

.header-links-wrapper ul li:first-child {
    margin-bottom: 13px
}

.header-links-wrapper ul li:nth-child(n+2) {
    border: 1px solid #eee;
    border-top: 0;
    border-bottom: 0
}

@media(min-width:320px) {
    .header-links-wrapper ul li:last-of-type {
        border-bottom: 1px solid #eee
    }
}

@media(min-width:320px) {
    .header-links-wrapper ul li.cf_headerlinks_myaccount:after {
        content: "\e64b";
        font-family: "themify";
        display: block;
        position: absolute;
        right: 0;
        top: 10px;
        color: #DE3255;
        border-left: 1px solid #eee;
        padding: 0 8px
    }
}

.header-links-wrapper ul li a {
    text-decoration: none;
    padding: 12px 19px;
    width: 154px;
    display: block;
    text-transform: uppercase;
    font-size: .85rem;
    font-weight: 600;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
    letter-spacing: 1px
}

.header-links-wrapper ul li i {
    display: none
}

.header-links-wrapper .cf_headerlinks_shoppngcart,
.header-links-wrapper .cf_headerlinks_privatemessages {
    display: none !important
}

.header-links-wrapper i {
    margin-right: 5px
}

.header-selectors-wrapper {
    display: none
}

.searchbox_wrapper {
    width: 100%;
    margin-top: 3px;
    float: right
}

@media(min-width:761px) {
    /*.searchbox_wrapper {
        max-width: 500px
    }*/
}

.searchbox_wrapper .searchbox {
    float: left;
    width: 75%;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border: 1px solid #eee;
    height: 36px;
    margin-top: 1px;
    border-radius: 4px 0 0 4px
}

.searchbox_wrapper .searchbox:hover,
.searchbox_wrapper .searchbox:active,
.searchbox_wrapper .searchbox:focus {
    border: 1px solid #efefef
}

.searchbox_wrapper .searchbutton {
    float: right;
    width: 25%;
    margin: 1px 0;
    padding: 0;
    border: 0;
    height: 36px;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-radius: 0 4px 4px 0
}

.breadcrumb {
    display: none
}

/*! Pikaday Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/ */
.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.pika-single.is-hidden {
    display: none
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5)
}

.pika-single {
    *zoom: 1
}

.pika-single:before,
.pika-single:after {
    content: " ";
    display: table
}

.pika-single:after {
    clear: both
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px
}

.pika-title {
    position: relative;
    text-align: center
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #333;
    background-color: #fff
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: 0;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
    *left: 0
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
    *right: 0
}

.pika-select {
    display: inline-block;
    *display: inline
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
    display: table-cell
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center
}

.pika-table abbr {
    border-bottom: 0;
    cursor: help
}

.pika-button {
    cursor: pointer;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
    border-radius: 0
}

.is-today .pika-button {
    color: #ff8000;
    font-weight: bold
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #ff8000;
    box-shadow: inset 0 1px 3px #ff6000;
    border-radius: 3px
}

.is-disabled .pika-button,
.is-outside-current-month .pika-button {
    color: #999;
    opacity: .3
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default
}

.pika-button:hover {
    color: #fff;
    background: #540e4a;
    box-shadow: none;
    border-radius: 3px
}

.pika-button .is-selection-disabled {
    pointer-events: none;
    cursor: default
}

.pika-week {
    font-size: 11px;
    color: #999
}

.is-inrange .pika-button {
    background: #D5E9F7
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px
}

.is-endrange .pika-button {
    color: #fff;
    background: #3af;
    box-shadow: none;
    border-radius: 3px
}

.attribute-datepicker__container {
    display: inline-block
}

.attribute-datepicker__container .attribute-datepicker {
    width: auto;
    border-radius: 5px 0 0 5px !important;
    margin: 0;
    float: left;
    height: 38px !important
}

.attribute-datepicker__container .attribute-datepickerbutton {
    height: 36px;
    border: 1px solid;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    line-height: 36px;
    float: left;
    border-radius: 0 19px 19px 0;
    border-width: 0
}

.pika-time-container {
    clear: both;
    padding: 0 5px
}

.pika-time {
    margin: 7px auto 7px
}

.pika-time td {
    display: table-cell;
    text-align: center
}

.pika-select {
    display: inline-block;
    width: 100%;
    background: #f5f5f5;
    border: 0
}

.priceError {
    float: right;
    padding-top: 7px;
    font-weight: bold
}

.ui-tabs {
    margin-top: 40px
}

.dragbox {
    overflow: hidden;
    border: 1px solid #eee;
    margin-bottom: 5px
}

.dragbox-content {
    background-color: transparent;
    min-height: 50px;
    position: relative;
    overflow: hidden
}

.dragbox-content:after {
    content: "";
    display: table;
    clear: both
}

.dragtitle {
    background: #eee;
    margin: 0;
    line-height: 1.25;
    padding: 7px
}

.dragtitle.collapse {
    background: 0
}



.button:focus, .button:hover, button:focus, .checkout-page.checkout-page_multi .select-button input:focus, .checkout-page__billing-address .address-grid td .address-item .select-button input:focus, .t-grid .t-button:focus, button:hover, .checkout-page.checkout-page_multi .select-button input:hover, .checkout-page__billing-address .address-grid td .address-item .select-button input:hover, .t-grid .t-button:hover, input[type="submit"]:focus, input[type="submit"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="button"]:focus, input[type="button"]:hover {
    background: #FFAA19;
    color: #FFF;
    border-color: #888;
    outline: 0;
}





#cartsliderrow .cart-slider .cart-item__container {
    background: #FFF;
    padding: 13px 36px 24px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5);
    margin: 10px
}

#cartsliderrow .cart-slider .cart-item__container .cart-item__image {
    position: relative;
    display: block
}

#cartsliderrow .cart-slider .cart-item__container .cart-item__image:after {
    padding-bottom: 100%;
    content: "";
    display: inline-block
}

#cartsliderrow .cart-slider .cart-item__container .cart-item__image img {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 100%;
    transform: translate(-50%, -50%)
}

#cartsliderrow .total-info,
#cartsliderrow .coupon-box {
    background: #FFF;
    padding: 13px 36px 24px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5)
}

#cartsliderrow .slick-next.slick-disabled {
    opacity: .2
}

#cartsliderrow .slick-next:after {
    content: "";
    display: block;
    border-left: 10px solid #540e4a;
    width: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 0;
    height: 0;
    background: 0
}

#cartsliderrow .slick-prev.slick-disabled {
    opacity: .2
}

#cartsliderrow .slick-prev:after {
    content: "";
    display: block;
    border-right: 10px solid #540e4a;
    width: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 0;
    height: 0;
    background: 0
}

#cartsliderrow .slick-dotted.slick-slider {
    margin-bottom: 30px
}

#cartsliderrow .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

#cartsliderrow .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

#cartsliderrow .slick-dots li button,
#cartsliderrow .slick-dots li .checkout-page.checkout-page_multi .select-button input,
.checkout-page.checkout-page_multi .select-button #cartsliderrow .slick-dots li input,
#cartsliderrow .slick-dots li .checkout-page__billing-address .address-grid td .address-item .select-button input,
.checkout-page__billing-address .address-grid td .address-item .select-button #cartsliderrow .slick-dots li input,
#cartsliderrow .slick-dots li .t-grid .t-button,
.t-grid #cartsliderrow .slick-dots li .t-button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: transparent
}

#cartsliderrow .slick-dots li button:hover,
#cartsliderrow .slick-dots li .checkout-page.checkout-page_multi .select-button input:hover,
.checkout-page.checkout-page_multi .select-button #cartsliderrow .slick-dots li input:hover,
#cartsliderrow .slick-dots li .checkout-page__billing-address .address-grid td .address-item .select-button input:hover,
.checkout-page__billing-address .address-grid td .address-item .select-button #cartsliderrow .slick-dots li input:hover,
#cartsliderrow .slick-dots li .t-grid .t-button:hover,
.t-grid #cartsliderrow .slick-dots li .t-button:hover,
#cartsliderrow .slick-dots li button:focus,
#cartsliderrow .slick-dots li .checkout-page.checkout-page_multi .select-button input:focus,
.checkout-page.checkout-page_multi .select-button #cartsliderrow .slick-dots li input:focus,
#cartsliderrow .slick-dots li .checkout-page__billing-address .address-grid td .address-item .select-button input:focus,
.checkout-page__billing-address .address-grid td .address-item .select-button #cartsliderrow .slick-dots li input:focus,
#cartsliderrow .slick-dots li .t-grid .t-button:focus,
.t-grid #cartsliderrow .slick-dots li .t-button:focus {
    outline: 0
}

#cartsliderrow .slick-dots li button:hover:before,
#cartsliderrow .slick-dots li .checkout-page.checkout-page_multi .select-button input:hover:before,
.checkout-page.checkout-page_multi .select-button #cartsliderrow .slick-dots li input:hover:before,
#cartsliderrow .slick-dots li .checkout-page__billing-address .address-grid td .address-item .select-button input:hover:before,
.checkout-page__billing-address .address-grid td .address-item .select-button #cartsliderrow .slick-dots li input:hover:before,
#cartsliderrow .slick-dots li .t-grid .t-button:hover:before,
.t-grid #cartsliderrow .slick-dots li .t-button:hover:before,
#cartsliderrow .slick-dots li button:focus:before,
#cartsliderrow .slick-dots li .checkout-page.checkout-page_multi .select-button input:focus:before,
.checkout-page.checkout-page_multi .select-button #cartsliderrow .slick-dots li input:focus:before,
#cartsliderrow .slick-dots li .checkout-page__billing-address .address-grid td .address-item .select-button input:focus:before,
.checkout-page__billing-address .address-grid td .address-item .select-button #cartsliderrow .slick-dots li input:focus:before,
#cartsliderrow .slick-dots li .t-grid .t-button:focus:before,
.t-grid #cartsliderrow .slick-dots li .t-button:focus:before {
    opacity: 1
}

#cartsliderrow .slick-dots li button:before,
#cartsliderrow .slick-dots li .checkout-page.checkout-page_multi .select-button input:before,
.checkout-page.checkout-page_multi .select-button #cartsliderrow .slick-dots li input:before,
#cartsliderrow .slick-dots li .checkout-page__billing-address .address-grid td .address-item .select-button input:before,
.checkout-page__billing-address .address-grid td .address-item .select-button #cartsliderrow .slick-dots li input:before,
#cartsliderrow .slick-dots li .t-grid .t-button:before,
.t-grid #cartsliderrow .slick-dots li .t-button:before {
    font-family: 'slick';
    font-size: 35px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #540e4a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#cartsliderrow .slick-dots li.slick-active button:before,
#cartsliderrow .slick-dots li.slick-active .checkout-page.checkout-page_multi .select-button input:before,
.checkout-page.checkout-page_multi .select-button #cartsliderrow .slick-dots li.slick-active input:before,
#cartsliderrow .slick-dots li.slick-active .checkout-page__billing-address .address-grid td .address-item .select-button input:before,
.checkout-page__billing-address .address-grid td .address-item .select-button #cartsliderrow .slick-dots li.slick-active input:before,
#cartsliderrow .slick-dots li.slick-active .t-grid .t-button:before,
.t-grid #cartsliderrow .slick-dots li.slick-active .t-button:before {
    opacity: .75;
    color: #540e4a
}

.newsLetterSmallWrapper {
    display: inline-block;
    width: 100%;
    padding: 10px 10px 7px;
    background: white;
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    margin-top: 10px
}

.newsLetterSmallWrapper input {
    width: 100%;
    max-width: none;
    margin: 5px 0
}

.postCoder {
    margin: 15px 0;
    padding: 15px 20px;
    background: #f1f1f1;
    border-radius: 5px
}

.postCoder .right input[type="button"] {
    border: 1px solid
}

.postCoder #presult ul {
    margin: 0
}

.postCoder #presult > ul {
    overflow-y: auto;
    height: 203px
}

.postCoder #presult > ul > li > a {
    display: none
}

.postCoder #presult ul ul li {
    margin: 0
}

.postCoder #presult li {
    margin: 0
}

.postCoder #presult a {
    padding: 7px;
    text-decoration: none;
    color: #333;
    display: block
}

.postCoder #presult ul li a {
    background: #ccc
}

.postCoder #presult ul ul li a {
    background: #F9F9F9
}

.postCoder #presult ul ul li a:hover {
    background: #eee
}

.postCoder #presult ul ul {
    overflow: visible
}

.postCoder .row {
    width: 100% !important;
    display: block !important;
    margin: 0 !important
}

.postCoder .row .left,
.postCoder .row .right {
    float: none !important
}

.postCoder h1 {
    margin: 0;
    padding: 0;
    font-weight: normal
}

.postCoder .searchField {
    max-width: 100px
}

.shared__cookie-banner {
    background: #000;
    background: rgba(0, 0, 0, 0.7)
}

.shared__cookie-banner .grid_12 {
    position: relative
}

.cookiebanner__message {
    margin: 30px 0;
    float: left;
    width: 90%;
    color: white;
    font-size: 15px;
    letter-spacing: 0;
    font-family: Montserrat-Regular, sans-serif
}

.cookiebanner__message a {
    color: white;
    text-decoration: underline
}

.cookiebanner__closeicon,
.cookiebanner__accept {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.cookiebanner__accept {
    background: white;
    border: 0;
    padding: .6rem 1.2rem;
    text-transform: uppercase;
    display: none
}

.cookiebanner__accept:hover {
    background: #eee
}

.cookiebanner__closeicon {
    font-size: 24px;
    color: white;
    padding-right: 21px;
    border-left: 1px solid white;
    padding-left: 32px;
    cursor: pointer
}

.cookiebanner__closeicon:hover {
    color: #eee
}

.headermenu {
    margin-top: 4px;
    margin-left: 15px
}

@media(min-width:761px) {
    .headermenu {
        float: left
    }
}

.headermenu ul {
    display: block;
    z-index: 597;
    margin: 0
}

.headermenu ul li {
    position: relative;
    display: inline-block;
    color: rgba(0, 0, 0, 0.7);
    margin: 0
}

.headermenu ul li:hover {
    background-color: white
}

.headermenu ul li:hover > ul {
    visibility: visible
}

.headermenu ul li a {
    color: #DE3255;
    font-family: "GothamRoundedBold", "Helvetica", "Arial", sans-serif;

}

.headermenu ul li ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    width: 200px;
    background-color: white;
    padding-top: 14px
}

.headermenu ul li ul li {
    display: block
}

.headermenu ul li ul li:hover {
    background: #e6e6e6;
}

.headermenu ul li ul li:hover a {
    color: #FFAA19;
}

.headermenu ul li ul li a {
    color: #DE3255 !important;
}

.headermenu .selectnavwrapper {
    display: none;
}

@media(max-width:760px) {
    .product-reviews-page .page-title {
        width: 100%
    }
}

@media(min-width:761px) {
    .product-reviews-page .page-title {
        margin-right: 13px
    }
}

@media(max-width:760px) {
    .product-reviews-page .page-title h1 {
        margin: 10px 0
    }
}

.product-reviews-page .page-title a {
    padding: 9px
}

.product-reviews-page .product-review-item,
.product-reviews-page .write-review {
    margin-bottom: 10px;
    position: relative;
    background: #FFF;
    padding: 23px 25px 36px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5)
}

.product-reviews-page .product-review-list {
    background: #FFF;
    padding: 24px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5);
    display: block;
    width: 100%;
    margin-top: 24px;
    margin-bottom: 27px
}

@media(min-width:761px) {
    .product-reviews-page .product-review-list {
        margin-top: 0
    }
}

.product-reviews-page .page-title:after,
.product-reviews-page .review-title:after,
.product-reviews-page .product-review-list:after {
    content: "";
    display: table;
    clear: both
}

.product-review-item {
    border: 1px solid #98d1ee
}

.review-title {
    color: #540e4a;
    margin-bottom: 10px
}

.review-text {
    margin-bottom: 10px;
    margin-top: 42px;
    padding-top: 15px
}

.review-info {
    margin-bottom: 10px
}

.product-reviews-overview .rating_stars {
    display: none
}

.vote {
    cursor: pointer;
    color: #540e4a;
    font-weight: bold
}

.vote:hover {
    color: #98d1ee
}

.product-review-box {
    background: #eee;
    padding: 2px;
    margin-bottom: 10px
}

.rating {
    background: #ccc
}

.rating .ratingamount {
    background: #540e4a;
    display: block;
    padding: 6px 15px;
    color: #fff;
    box-sizing: border-box
}

.ratingtable {
    max-width: 500px
}

.productwritereviewbutton {
    float: right
}

.write-review .field-validation-error {
    color: Red
}

.write-review .validation-summary-errors {
    color: white;
    background: #E67478;
    padding: 9px 15px;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 20px;
    border-radius: 0
}

.write-review .validation-summary-errors ul {
    margin: 0
}

.write-review .validation-summary-errors ul li {
    margin: 0
}

.last_ratings {
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    border: solid 1px #ccc;
    background: #F7F7F7;
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box
}

.last_ratings .rating_stars {
    margin-bottom: 5px
}

.last_ratings .review_title {
    margin-bottom: 5px
}

.last_ratings .review_text {
    margin-bottom: 5px
}

.last_ratings .review_details {
    float: left
}

.last_ratings .review_helpfull {
    float: right
}

.product-reviews-overview .fa,
.last_ratings .fa,
.rating_stars .fa {
    display: inline-block;
    margin: 0;
    color: #DE3255;
    font-size: 15px
}

.review_star_box .fa {
    display: inline-block;
    margin: 6px;
    color: #DE3255;
    font-size: 18px
}

.review_star_box .fa:hover {
    color: #FFAA19;
}

.rating_stars span {
    margin-right: 5px
}

.ratingtable {
    position: relative;
    float: left;
    width: 100%;
    max-width: none
}

.ratingtable .title {
    position: relative;
    float: left;
    width: 100%;
    font-size: 20px;
    margin-bottom: 13px
}

.ratingtable .review_row {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.ratingtable .input_title {
    position: relative;
    float: left;
    width: 20%;
    text-align: right;
    box-sizing: border-box;
    padding: 7px;
    padding-right: 24px;
    min-width: 100px
}

.ratingtable .input_field {
    position: relative;
    float: left;
    width: 80%
}

.ratingtable .input_field textarea {
    width: 100% !important
}

.review_star_box input {
    display: none
}

.review_star_box input + label .fa-star {
    display: inline-block
}

.review_star_box input + label .fa-star-o {
    display: none
}

.review_star_box input:checked ~ label .fa-star {
    display: none
}

.review_star_box input:checked ~ label .fa-star-o {
    display: inline-block
}

.review_star_box input:checked + label .fa-star {
    display: inline-block
}

.review_star_box input:checked + label .fa-star-o {
    display: none
}

.ratingtable .input_field .review_star_box {
    position: relative;
    float: left
}

@media only screen and (max-width:767px) {
    .ratingtable .input_field {
        width: 100%
    }

    .ratingtable .input_title {
        width: 100%;
        text-align: left
    }
}

.product-review-item .review-title {
    position: relative;
    float: left;
    margin-bottom: 5px
}

.product-review-item .rating_stars {
    position: relative;
    float: right
}

.product-review-item .review-text {
    margin-bottom: 10px;
    padding-top: 10px;
    border-top: solid 1px #DCDCDC
}

.last_ratings .review_text input {
    display: none
}

.last_ratings .review_text input + label span {
    color: #540e4a;
    cursor: pointer
}

.last_ratings .review_text input + label + span {
    display: none
}

.last_ratings .review_text input:checked + label {
    display: none
}

.last_ratings .review_text input:checked + label + span {
    display: initial
}

.product-review-item .review_info {
    position: relative;
    float: left
}

.product-review-item .product-review-helpfulness {
    position: relative;
    float: right;
    text-align: right
}

.product-review-item .product-review-helpfulness div {
    position: absolute;
    top: -60px;
    color: #DE3255;
}

.show_all_reviews {
    position: relative;
    float: right
}

#BeforeMainContainer .navigationmenu {
    margin-top: 120px;
    text-align: center
}

#BeforeMainContainer .navigationmenu .navigationmenu--title {
    display: none
}

#BeforeMainContainer .navigationmenu .navigationmenu--currentCategory {
    color: #DE3255;
    font-size: 3.2em;
    line-height: 1;
    display: block !important;
    padding-top: 5px;
    font-family: "GothamRoundedMedium", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
    margin-bottom: 30px
}

#BeforeMainContainer .navigationmenu .navigationmenu--currentCategory:before {
    content: "Shop "
}

@media(min-width:761px) {
    #BeforeMainContainer .navigationmenu .navigationmenu--currentCategory {
        font-size: 4.2em;
        margin-bottom: 50px;
        padding-top: 0
    }
}

#BeforeMainContainer .navigationmenu .navigationmenu--categories .expandedListItem {
    display: none
}

#BeforeMainContainer .navigationmenu li {
    margin: 0;
    display: inline-block;
    padding: 0 0 0 13px
}

#BeforeMainContainer .navigationmenu li a {
    color: rgba(0, 0, 0, 0.7);
    text-decoration: none;
    width: 100%;
    display: block;
    padding: 4px 3px;
    font-size: .9rem;
    transition: .3s ease-in;
    font-weight: 700;
    opacity: .2
}

#BeforeMainContainer .navigationmenu li a:hover {
    opacity: 1
}

@media(min-width:761px) {
    #BeforeMainContainer .navigationmenu li a {
        font-size: 1rem
    }
}

#BeforeMainContainer .navigationmenu li.active a {
    opacity: 1;
    border-bottom: 1px solid #540e4a
}

#BeforeMainContainer .navigationmenu .navigationmenu--subCategories {
    display: block !important;
    margin: 0
}

#BeforeMainContainer .navigationmenu .navigationmenu--subCategories ul {
    margin: 5px 0
}

#BeforeMainContainer .navigationmenu .navigationmenu--subCategories li {
    margin: 0 !important
}

#BeforeMainContainer .navigationmenu .navigationmenu--subCategories li a {
    color: #555;
    font-size: .8rem;
    opacity: .8
}

@media(min-width:761px) {
    #BeforeMainContainer .navigationmenu .navigationmenu--subCategories li a {
        font-size: .9rem
    }
}


footer {
    background: #DE3255;
}

.html-footer {
    background: ##DE3255 !important;
}



#LeftSideContainer .navigationmenu h6,
#LeftSideContainer .navigationmenu footer h4,
footer #LeftSideContainer .navigationmenu h4,
#LeftSideContainer .navigationmenu footer .checkout-page__shipping-address #newAddressDiv .enter-address-title,
footer .checkout-page__shipping-address #newAddressDiv #LeftSideContainer .navigationmenu .enter-address-title,
#LeftSideContainer .navigationmenu .checkout-page__shipping-address #newAddressDiv footer .enter-address-title,
.checkout-page__shipping-address #newAddressDiv footer #LeftSideContainer .navigationmenu .enter-address-title,
.category-page__sidebar .navigationmenu h6,
.category-page__sidebar .navigationmenu footer h4,
footer .category-page__sidebar .navigationmenu h4,
.category-page__sidebar .navigationmenu footer .checkout-page__shipping-address #newAddressDiv .enter-address-title,
footer .checkout-page__shipping-address #newAddressDiv .category-page__sidebar .navigationmenu .enter-address-title,
.category-page__sidebar .navigationmenu .checkout-page__shipping-address #newAddressDiv footer .enter-address-title,
.checkout-page__shipping-address #newAddressDiv footer .category-page__sidebar .navigationmenu .enter-address-title {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 2.36em
}

#LeftSideContainer .navigationmenu li,
.category-page__sidebar .navigationmenu li {
    margin: 0
}

#LeftSideContainer .navigationmenu li a,
.category-page__sidebar .navigationmenu li a {
    color: rgba(0, 0, 0, 0.45);
    text-decoration: none;
    width: 100%;
    display: block;
    padding: 10px 16px;
    font-size: 16px;
    font-style: italic
}

#LeftSideContainer .navigationmenu li a:before,
.category-page__sidebar .navigationmenu li a:before {
    font-family: Themify;
    content: "\e649";
    padding-right: 10px;
    font-size: 10px
}

#LeftSideContainer .navigationmenu li a:hover,
.category-page__sidebar .navigationmenu li a:hover {
    background: rgba(49, 163, 221, 0.1)
}

#LeftSideContainer .navigationmenu li.active a,
.category-page__sidebar .navigationmenu li.active a {
    background: rgba(49, 163, 221, 0.1)
}

.block-account-navigation {
    margin-top: 120px
}

.block-account-navigation .title {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 2.36em;
    color: #540e4a;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif
}

.block-account-navigation li {
    margin: 0
}

.block-account-navigation li a {
    color: rgba(0, 0, 0, 0.45);
    text-decoration: none;
    width: 100%;
    display: block;
    padding: 10px 16px;
    font-size: 16px;
    font-style: italic
}

.block-account-navigation li a:before {
    font-family: Themify;
    content: "\e649";
    padding-right: 10px;
    font-size: 10px
}

.block-account-navigation li a:hover {
    background: rgba(49, 163, 221, 0.1)
}

.block-account-navigation li a.active {
    background: rgba(49, 163, 221, 0.1)
}



a:hover {
    color: #FFAA19;
}

.belowCatNav img {
    width: 100%
}


/* commenting out original logo for testing 
.logo {
    width: 100%;
    display: block;
    max-width: 146px;
    margin: 0;
    float: left;
    height: 51px;
    background: url("/676135685/Handler/CSSOverride/GetImage/49/Parentkind_Wordmark_Strapline_logo.png") no-repeat 0 50%;
    background-size: contain
}
*/

/* commenting out new approved partner logo for testing 
.logo {
    width: 100%;
    display: block;
    max-width: 272px;
    margin: 0;
    float: left;
    height: 51px;
    background: url("/226571311/Handler/CSSOverride/GetImage/49/Parentkind_Approved-Supplier_Lock-Up-White.png") no-repeat 0 50%;
    background-size: contain
}
*/

.logo {
      width: 100%;
    display: block;
    max-width: 160px;
    margin: 0;
    float: left;
    height: 51px;
    background: none;
    background-size: contain
}



.logo img {
    width: 100%
}

.albumManagementTwo__albumPaging,
.pager {
    margin: 10px 0;
    text-align: center;
    width: 100%;
    display: inline-block
}

.albumManagementTwo__albumPaging span,
.pager span {
    opacity: .3
}

.albumManagementTwo__albumPaging a,
.albumManagementTwo__albumPaging span,
.pager a,
.pager span {
    position: relative;
    padding: 9px 12px;
    margin-left: -5px;
    line-height: 1.42857143;
    color: #540e4a;
    text-decoration: none;
    font-weight: 700
}

.albumManagementTwo__albumPaging a:hover,
.albumManagementTwo__albumPaging span:hover,
.pager a:hover,
.pager span:hover {
    background-color: #eee
}

.order-progress {
    display: none
}

#unpaidOrdersBanner {
    position: fixed;
    bottom: -7px;
    right: 10px;
    left: 10px;
    padding: 20px;
    z-index: 100;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px;
    border: solid 3px #fff;
    padding-right: 24px;
    padding-left: 42px;
    padding-bottom: 12px;
    background-color: #F55A2A;
    text-align: left;
    box-sizing: border-box;
    font-size: 14px;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear
}

#unpaidOrdersBanner .fa {
    display: inline-block;
    position: absolute;
    left: 10px;
    font-size: 26px;
    top: 50%;
    margin-top: -13px;
    color: #fff
}

.close_popup_link_container a {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 20px;
    height: 13px;
    max-width: 80%;
    background-color: #fff;
    text-align: center;
    font-weight: bold;
    border-bottom-left-radius: 5px;
    font-size: 18px;
    padding-bottom: 10px
}

@media only screen and (max-width:767px) {
    .prices-table td {
        position: relative;
        float: left;
        width: 100%
    }

    .prices-table td table {
        border-bottom: solid 1px #EEE
    }

    .prices-table tr {
        width: 100%
    }

    .prices-table td tr {
        position: relative;
        float: left;
        width: 50%
    }
}

[hidden] {
    display: none
}

.visually-hidden {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}

.searchbox_wrapper div.awesomplete {
    float: none !important
}

div.awesomplete > input {
    display: block
}

.awesomplete-popup {
    z-index: 10;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.9);
    background: linear-gradient(to bottom right, white, rgba(255, 255, 255, 0.8));
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: .05em .2em .6em rgba(0, 0, 0, 0.2);
    max-width: 30%
}

.awesomplete-popup[hidden],
.awesomplete-popup:empty {
    display: none
}

@supports(transform:scale(0)) {
    .awesomplete-popup {
        transition: .3s cubic-bezier(0.4, 0.2, 0.5, 1.4);
        transform-origin: 1.43em -.43em
    }

    .awesomplete-popup[hidden],
    .awesomplete-popup:empty {
        opacity: 0;
        transform: scale(0);
        display: block;
        transition-timing-function: ease
    }
}

.awesomplete-popup:before {
    content: "";
    position: absolute;
    top: -.43em;
    left: 1em;
    width: 0;
    height: 0;
    padding: .4em;
    background: white;
    border: inherit;
    border-right: 0;
    border-bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.awesomplete-popup > li {
    position: relative;
    padding: 10px 18px;
    cursor: pointer;
    margin: 0
}

.awesomplete-popup > li:hover {
    background: rgba(0, 0, 0, 0.1);
    color: black
}

.awesomplete-popup > li[aria-selected="true"] {
    background: #3d6d8f;
    color: white
}

.awesomplete-popup mark {
    background: #eaff00
}

.awesomplete-popup li:hover mark {
    background: #b5d100
}

.awesomplete-popup li[aria-selected="true"] mark {
    background: #3d6b00;
    color: inherit
}

.minishoppingcartwrapper {
   /* background: white;*/
    /*max-width: 290px;*/
    float: right;
    padding: 10px 37px
}

@media(min-width:991px) {
    .minishoppingcartwrapper {
        /*padding: 12px 37px*/
		padding:8px 4px;
    }
}

.minishoppingcartwrapper .minishoppingcart {
    position: relative;
}

.minishoppingcartwrapper .minishoppingcart .minishoppingcarticon:after {
    content: "\e60e";
    font-family: Themify;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #DE3255;
    font-size: 28px;
    padding-right: .5em;
    position: absolute;
    top: -9px;
    left: 0;
    z-index: 1
}

.minishoppingcartwrapper .minishoppingcart .minishoppingcartinner {
    height: 20px;
    width: 20px;
    position: absolute;
    top: -8px;
    left: 17px;
    z-index: 10;
    font-size: 20px;
    white-space: nowrap;
    text-indent: -9999px;
    margin: 0;
    background: #DE3255;
    border-radius: 50%;
    pointer-events: none
}

.minishoppingcartwrapper .minishoppingcart .minishoppingcartinner a {
    position: absolute;
    top: 4px;
    left: 54%;
    text-indent: 0;
    transform: translateX(-50%);
    color: #FFF;
    padding: 0 7px;
    line-height: 1.5;
    height: 31px;
    font-size: 9px
}

.minishoppingcartwrapper .minishoppingcart--empty .minishoppingcartinner {
    background: 0
}

.minishoppingcartwrapper .minishoppingcart--empty .minishoppingcarticon:after {
    content: "\e60d";
    font-family: Themify;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #DE3255;
    font-size: 28px;
    padding-right: .5em;
    position: absolute;
    top: -9px;
    left: 0;
    z-index: 1
}

.minishoppingcartwrapper img {
    /*display: none*/
	display:table;
	visibility:hidden;
}



.block-account-navigation li a.active {
    background: #FFDCA5;
}

.block-account-navigation li a:hover {
    background: #FFDCA5;
}


/* hide price breaks on product page */
table.prices-table {
    display: none;
}
.tier-prices.orderLineTotal {
    display: none;
}


#blockable .t-grid-header .t-header,
#blockable .t-grid-header .t-last-header {
    display: table-cell !important;
    height: 35px
}

#blockable .t-grid td {
    display: table-cell !important
}

#blockable #workflow--approval,
#blockable #WorkInProgressGrid {
    background: #FFF;
    padding: 0;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5)
}

.related-products-grid {
    margin-top: 10px
}

.related-products-grid .listItem {
    margin-bottom: 41px;
    background: white;
    transition: .3s ease-in;
    position: relative;
    overflow: hidden
}

.related-products-grid .listItem:hover {
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.1)
}

.related-products-grid .listItem .item {
    width: 100%
}

.related-products-grid .listItem:hover {
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.1)
}

.related-products-grid .listItem:hover .picture {
    opacity: .5
}

.related-products-grid .listItem .picture {
    position: relative;
    transition: .3s ease-in
}

.related-products-grid .listItem .picture:after {
    content: "";
    padding-bottom: 90%;
    display: block
}

.related-products-grid .listItem .picture a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #232323
}

.related-products-grid .listItem .picture a img {
    max-width: 100%;
    display: none
}

.related-products-grid .listItem .picture a div {
    display: block !important;
    height: 100%;
    width: 100%;
    background-size: cover !important;
    background-position: 50% 50% !important;
    transition: .3s ease-in
}

.related-products-grid .listItem .product-title {
    display: none
}

.related-products-grid .listItem .alternate--product-title {
    display: block !important;
    margin: 0;
    padding: 15px 17px 11px;
    font-size: 16px
}

.related-products-grid .listItem .alternate--product-title a {
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif
}

.related-products-grid .listItem .alternate--prices {
    position: absolute;
    bottom: 30px;
    right: 17px;
    font-size: 16px;
    display: none !important;
}

.related-products-grid .listItem .description {
    display: block !important;
    padding: 0 17px 10px;
    min-height: 33px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 10px;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
    opacity: .5;
    max-width: 80%;
    white-space: nowrap
}

.related-products-grid .listItem:hover .add-info {
    transform: translate(-50%, -50%);
    opacity: .9
}

.related-products-grid .listItem .add-info {
    display: block !important;
    position: absolute;
    top: 37%;
    left: 50%;
    text-align: center;
    max-width: 80%;
    width: 100%;
    transform: translate(-50%, -70%);
    transition: .3s ease-in;
    opacity: 0
}

.related-products-grid .listItem .add-info .prices {
    display: none
}

.related-products-grid .listItem .add-info input {
    width: 155px;
    padding: 0;
    max-width: 100%
}

.related-products-grid .grid_3 {
    margin-left: 2%
}

@media(min-width:761px) and (max-width:960px) {
    .related-products-grid .grid_3 {
        width: 100%
    }

    .related-products-grid .grid_3:nth-child(1n+1) {
        margin-left: 0
    }
}

@media(min-width:961px) and (max-width:1200px) {
    .related-products-grid .grid_3 {
        width: 49%
    }

    .related-products-grid .grid_3:nth-child(2n+1) {
        margin-left: 0
    }
}

@media(min-width:1201px) {
    .related-products-grid .grid_3 {
        width: 32%
    }

    .related-products-grid .grid_3:nth-child(3n+1) {
        margin-left: 0
    }
}

.mobile__menu {
    border-top: 3px solid #2ea3f2;
    position: absolute;
    background: #FFF;
    top: 100%;
    width: 100%;
    left: 50%;
    max-width: 400px;
    margin: 0 auto;
    transform: translateX(-50%);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.mobile__menu .headermenu {
    margin: 0
}

.mobile__menu .headermenu .selectnavwrapper {
    display: none
}

.mobile__menu .headermenu ul {
    display: block
}

.mobile__menu .headermenu ul li {
    width: 100%;
    text-align: center
}

.mobile__menu .headermenu ul li:hover > ul {
    visibility: visible;
    max-height: 200px
}

.mobile__menu .headermenu ul li ul {
    max-height: 0;
    transition: .5s all ease;
    overflow: hidden;
    position: static;
    width: 100%;
    padding: 0
}

.mobile__menu .searchbox_wrapper {
    padding: 10px
}

.mobile__menu .header-links-wrapper {
    width: 100%;
    border-bottom-left-radius: 0;
    position: static
}

.mobile__menu .header-links-wrapper ul {
    text-align: center
}

.mobile__menu .header-links-wrapper ul li {
    display: inline-block;
    margin: 10px 0
}

.mobile__menu .header-links-wrapper .fa {
    font-family: Themify;
    display: block;
    font-size: 24px
}

.mobile__menu .header-links-wrapper .fa.fa-user:before {
    content: "\e602"
}

.mobile__menu .header-links-wrapper .fa.fa-unlock:before {
    content: "\e603"
}

.mobile__menu .header-links-wrapper .fa.fa-cog:before {
    content: "\e686"
}

.mobile__menu .header-links-wrapper .fa.fa-lock:before {
    content: "\e62b"
}

.mobile__menu .adminlinks {
    display: inline-block;
    border-top: 1px solid #eee;
    margin: 0 auto;
    padding: 13px 0 0;
    width: 100%
}

.mobile__toggle {
    width: 60px;
    float: right;
    font-size: 22px;
    text-align: right;
    color: #540e4a;
    margin-top: 11px;
    line-height: 0
}

.mobile__toggle .fa {
    font-family: Themify;
    display: block;
    font-size: 24px
}

.mobile__toggle .fa.fa-bars:before {
    content: "\e68e"
}

.batchPreviewArea .jcarousel-skin-tango .batchPreviewItem {
    width: auto !important;
    height: auto !important
}

.batchDialogOnlyMode {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 20px;
    box-sizing: border-box
}

#batchDialogMain #wizard {
    padding-bottom: 50px
}

.batchPreviewArea ul.jcarousel-list.jcarousel-list-horizontal li {
    margin: 1px
}

.batchPreviewArea .jcarousel-skin-tango ul {
    width: 20000em !important
}

.homeFeaturedCategoriesWrapper .row__container {
    max-width: 100%;
    padding: 0
}

.homeFeaturedCategoriesWrapper .listItem {
    width: 100%;
    margin: 0
}

@media(min-width:761px) {
    .homeFeaturedCategoriesWrapper .listItem {
        width: 50%
    }
}

@media(min-width:961px) {
    .homeFeaturedCategoriesWrapper .listItem {
        width: 33.3%
    }
}

.homeFeaturedCategoriesWrapper .bestsellers {
    margin: 120px 0 40px;
    text-align: center
}

.homeFeaturedCategoriesWrapper .bestsellers h3 {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.homeFeaturedCategoriesWrapper .small-product-item .category-item {
    position: relative
}

.homeFeaturedCategoriesWrapper .small-product-item .category-item:after {
    content: "";
    padding-bottom: 75%;
    display: block
}

.homeFeaturedCategoriesWrapper .small-product-item .category-item:hover .picture div {
    opacity: .1
}

.homeFeaturedCategoriesWrapper .small-product-item .category-item:hover .product-title {
    transform: translateY(0);
    opacity: 1
}

.homeFeaturedCategoriesWrapper .small-product-item .category-item:hover .category-short-description {
    transform: translateY(0);
    opacity: 1
}

.homeFeaturedCategoriesWrapper .small-product-item .category-item .product-title {
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 2;
    transform: translateY(10px);
    transition: .3s ease-in;
    opacity: 0
}

.homeFeaturedCategoriesWrapper .small-product-item .category-item .product-title a {
    font-size: 16px;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
    color: white;
    cursor: pointer
}


/* removing capitalisation from home page categories 
.homeFeaturedCategoriesWrapper .small-product-item .category-item .category-short-description {
    display: block !important;
    position: absolute;
    top: 70px;
    right: 40px;
    cursor: pointer;
    pointer-events: none;
    color: white;
    transform: translateY(10px);
    transition: .3s ease-in;
    opacity: 0;
    font-size: 16px;
    font-style: italic;
    text-transform: capitalize
}
*/ 

.homeFeaturedCategoriesWrapper .small-product-item .category-item .category-short-description {
    display: block !important;
    position: absolute;
    top: 70px;
    right: 40px;
    cursor: pointer;
    pointer-events: none;
    color: white;
    transform: translateY(10px);
    transition: .3s ease-in;
    opacity: 0;
    font-size: 16px;
    font-style: italic;
      text-transform: none;
}
}







.homeFeaturedCategoriesWrapper .small-product-item .category-item .picture {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #232323
}

.homeFeaturedCategoriesWrapper .small-product-item .category-item .picture a {
    display: block;
    width: 100%;
    height: 100%
}

.homeFeaturedCategoriesWrapper .small-product-item .category-item .picture a img {
    max-width: 100%;
    display: none
}

.homeFeaturedCategoriesWrapper .small-product-item .category-item .picture a div {
    display: block !important;
    height: 100%;
    width: 100%;
    background-size: cover !important;
    background-position: 50% 50% !important;
    transition: .3s ease-in
}

.homeFeaturedProductsWrapper .bestsellers {
    margin: 120px 0 40px;
    text-align: center
}

.homeFeaturedProductsWrapper .bestsellers h3 {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.homeFeaturedProductsWrapper .grid_3 {
    margin-left: 2%
}

@media(min-width:761px) and (max-width:960px) {
    .homeFeaturedProductsWrapper .grid_3 {
        width: 49%
    }

    .homeFeaturedProductsWrapper .grid_3:nth-child(2n+1) {
        margin-left: 0
    }
}

@media(min-width:961px) and (max-width:1200px) {
    .homeFeaturedProductsWrapper .grid_3 {
        width: 32%
    }

    .homeFeaturedProductsWrapper .grid_3:nth-child(3n+1) {
        margin-left: 0
    }
}

@media(min-width:1201px) {
    .homeFeaturedProductsWrapper .grid_3 {
        width: 23.5%
    }

    .homeFeaturedProductsWrapper .grid_3:nth-child(4n+1) {
        margin-left: 0
    }
}

.banner img {
    width: 100%;
    display: block
}

.large-product-item-homepage {
    margin-bottom: 41px;
    background: white;
    transition: .3s ease-in;
    position: relative;
    overflow: hidden
}

.large-product-item-homepage:hover {
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.1)
}

.large-product-item-homepage:hover .picture {
    opacity: .5
}

.large-product-item-homepage .picture {
    position: relative;
    transition: .3s ease-in
}

.large-product-item-homepage .picture:after {
    content: "";
    padding-bottom: 90%;
    display: block
}

.large-product-item-homepage .picture a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #232323
}

.large-product-item-homepage .picture a img {
    max-width: 100%;
    display: none
}

.large-product-item-homepage .picture a div {
    display: block !important;
    height: 100%;
    width: 100%;
    background-size: cover !important;
    background-position: 50% 50% !important;
    transition: .3s ease-in
}

.large-product-item-homepage .product-title {
    margin: 0;
    padding: 15px 17px 11px;
    font-size: 16px
}

.large-product-item-homepage .product-title a {
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif
}

.large-product-item-homepage .alternate--prices {
    position: absolute;
    bottom: 30px;
    right: 17px;
    font-size: 16px;
    display: block;
}

.large-product-item-homepage .description {
    padding: 0 17px 10px;
    min-height: 33px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 10px;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
    opacity: .5;
    max-width: 80%;
    white-space: nowrap
}

.large-product-item-homepage:hover .add-info {
    transform: translate(-50%, -50%);
    opacity: .9
}

.large-product-item-homepage .add-info {
    position: absolute;
    top: 40%;
    left: 50%;
    text-align: center;
    max-width: 80%;
    width: 100%;
    transform: translate(-50%, -70%);
    transition: .3s ease-in;
    opacity: 0
}

.large-product-item-homepage .add-info .prices {
    display: none
}

.large-product-item-homepage .add-info input {
    width: 155px;
    padding: 0;
    max-width: 100%
}

.small-product-item.smaller-product-item-homepage {
    position: relative;
    width: 100%;
    margin-bottom: 70px
}

.small-product-item.smaller-product-item-homepage:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.small-product-item.smaller-product-item-homepage .product-item {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white
}

.small-product-item.smaller-product-item-homepage .product-item .product-title {
    margin-bottom: 14px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center
}

.small-product-item.smaller-product-item-homepage .product-item .product-title a {
    font-size: 1.333rem;
    line-height: 1.35;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.7)
}

.small-product-item.smaller-product-item-homepage .product-item .product-title a:visited {
    color: rgba(0, 0, 0, 0.7)
}

.small-product-item.smaller-product-item-homepage .product-item .picture {
    position: relative;
    overflow: hidden;
    background: white;
    height: 100%;
    padding: 10px;
    border: 1px solid #eee
}

.small-product-item.smaller-product-item-homepage .product-item .picture img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    top: 50%;
    left: 50%;
    position: relative;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.validation-summary-errors {
    border: #C02D3E solid 1px;
    padding: 5px;
    background: #fff
}

.validation-summary-errors ul {
    margin: 0
}

.validation-summary-errors ul li {
    margin-bottom: 0;
    font-weight: bold;
    margin-bottom: 2px;
    color: #fff;
    Background: #DE3255 url(/1250570087/Handler/Static/Content/Images/icons/bwpx-icns/error.gif) no-repeat left center;
    height: 20px;
    padding-left: 20px;
    line-height: 20px
}

.acceptedcc {
    background: #fff
}

.acceptedcc .item-name {
    vertical-align: middle
}

#searchPaneWrapper {
    width: 50%;
    float: left;
    position: relative
}

#middlePaneWrapper {
    width: 8%;
    float: left
}

#searchPaneWrapper h2,
#middlePaneWrapper h2 {
    padding-left: 10px
}

.addToComp {
    height: 200px;
    color: #fff;
    height: 606px;
    margin: 0 10%;
    width: 80%
}

.addToComp:hover {
    background: #a82b3e
}

#compilePaneWrapper {
    width: 42%;
    float: right
}

#SongTabs #searchPanelWrapper {
    width: 100%;
    position: relative
}

#SongTabs .filterArea {
    width: 25%;
    float: left;
    background: #F9F9F9
}

#SongTabs .ResultsListWrapper {
    background: #F6F6F6;
    float: right;
    width: 75%;
    min-height: 560px
}

#SongTabs #musicSearchFieldOptions {
    text-align: center;
    padding: 5px 1%
}

#SongTabs #musicSearchFieldOptions input[type=text] {
    width: 74%
}

#SongTabs #musicSearchFieldOptions select {
    width: 15%
}

#SongTabs #musicSearchFieldOptions input[type=button] {
    width: 8%
}

#imageImportDlg {
    min-width: 200px;
    width: 100%;
    text-align: center;
    padding: 0 20px;
    cursor: pointer
}

#pluginContainer {
    display: inline-block;
    text-align: center
}

#pluginContainer {
    margin: 10px 0;
    width: 100%
}

.imageContainer {
    position: relative
}

.ImgPlugButton {
    display: inline-block;
    position: relative;
    float: none;
    vertical-align: middle;
    margin: 4px
}

.ImgPlugButton button,
.ImgPlugButton .checkout-page.checkout-page_multi .select-button input,
.checkout-page.checkout-page_multi .select-button .ImgPlugButton input,
.ImgPlugButton .checkout-page__billing-address .address-grid td .address-item .select-button input,
.checkout-page__billing-address .address-grid td .address-item .select-button .ImgPlugButton input,
.ImgPlugButton .t-grid .t-button,
.t-grid .ImgPlugButton .t-button {
    padding: 0 !important;
    border: 0;
    border-radius: 5px;
    display: block;
    background: #517FA4;
    color: #fff
}

.ImgPlugButton button span,
.ImgPlugButton .checkout-page.checkout-page_multi .select-button input span,
.checkout-page.checkout-page_multi .select-button .ImgPlugButton input span,
.ImgPlugButton .checkout-page__billing-address .address-grid td .address-item .select-button input span,
.checkout-page__billing-address .address-grid td .address-item .select-button .ImgPlugButton input span,
.ImgPlugButton .t-grid .t-button span,
.t-grid .ImgPlugButton .t-button span {
    font-size: 10px;
    line-height: 10px;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    overflow: hidden;
    white-space: normal
}

#indirectUploadArea {
    margin-top: 30px;
    padding-bottom: 25px;
    border-bottom: solid 1px #55606E
}

.ImgPlugButton .fa {
    display: inline-block
}

.ImgPlugImageSelect {
    display: block;
    width: 9.4%;
    height: 70px;
    box-sizing: border-box;
    padding: 1px;
    position: relative;
    float: left;
    margin: .3%
}

@media only screen and (max-width:1200px) and (min-width:960px) {
    .ImgPlugImageSelect {
        width: 11.9%
    }
}

@media only screen and (max-width:959px) and (min-width:768px) {
    .ImgPlugImageSelect {
        width: 13.6%
    }
}
@media only screen and (max-width:991px) and (min-width:768px) {
   .login__wrapper {
       margin-top: 20px !important;
}
.shared__cookie-banner {
    margin-bottom: -38px !important;
}
}
@media only screen and (max-width:991px) and (min-width:700px) {
  
.price.title.ng-binding {
       top: -11px !important;
    right: 3px !important;
}
}

@media only screen and (max-width:767px) and (min-width:480px) {
    .ImgPlugImageSelect {
        width: 19.4%
    }
}

@media only screen and (max-width:479px) {
    .ImgPlugImageSelect {
        width: 24.4%
    }
}

.imageImportDlg .ImgPlugImageSelect {
    width: 19.4%
}

.selectedImg {
    border: 2px solid #428bca;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.ImgPlugPhotos,
.fbAlbums,
.fbFriends {
    margin-top: 10px;
    max-width: 410px
}

.ImgPlugPaging #next {
    float: right
}

.ImgPlugPaging #prev {
    float: left
}

.loadinganim {
    position: absolute;
    display: none;
    top: 230px;
    left: 150px
}

.upload #uploadButton {
    display: block;
    width: 200px;
    margin: 5px auto 10px;
    padding: 5px
}

.upload span {
    padding: 0 5px
}

.main-upload {
    border: 0;
    padding: 7px 40px
}

.main-upload .fa {
    margin: 0
}

#pluginContainer .fa {
    margin: 5px 5px 0
}

#pluginContainer .imgPlugFB {
    background: #3B5998
}

#pluginContainer .imgPlugINST {
    background: #517fa4
}

#pluginContainer .imgPlugDropBox {
    background: #517fa4
}

#pluginContainer .imgPlugFlickr {
    background: #517fa4
}

#pluginContainer .imgPlugAssetBank {
    background: #517fa4
}

button.tt.btn.btn-default.btn-me.dialogInit,
.checkout-page.checkout-page_multi .select-button input.tt.btn.btn-default.btn-me.dialogInit,
.checkout-page__billing-address .address-grid td .address-item .select-button input.tt.btn.btn-default.btn-me.dialogInit,
.t-grid .tt.btn.btn-default.btn-me.dialogInit.t-button {
    width: 65px;
    height: 65px
}

.upload span,
.ImgPlugPaging span {
    padding: 7px;
    display: inline-block;
    background: #22A8E5;
    color: #fff;
    cursor: pointer;
    margin: 2px
}

.upload span .fa,
.ImgPlugPaging span .fa {
    display: inline-block
}

.imageImportDlg .upload span,
#imageImportDlg .ImgPlugPaging span {
    background: #55606E;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px
}

.ImgSearch {
    padding: 5px;
    color: black
}

.ImgSearch #search,
.ImgSearch .ddSort {
    padding: 5px;
    margin: 5px;
    border-radius: 5px
}

.ImgSearch .ddSort {
    padding: 7px 5px
}

.depositPhotos .logo {
    padding: 0 10px 10px
}

button.tt.btn.btn-default.btn-me.dialogInit.imgPlugDP,
.checkout-page.checkout-page_multi .select-button input.tt.btn.btn-default.btn-me.dialogInit.imgPlugDP,
.checkout-page__billing-address .address-grid td .address-item .select-button input.tt.btn.btn-default.btn-me.dialogInit.imgPlugDP,
.t-grid .tt.btn.btn-default.btn-me.dialogInit.imgPlugDP.t-button {
    padding: 1px
}

.booklet .b-counter {
    background: transparent
}

.partHeader {
    font-size: larger;
    font-weight: bold
}

.mpMouseOver {
    background-color: Lime
}

.mpSelected {
    background-color: #22A8E5 !important
}

.template {
    display: none
}

.editorContainer {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.previewArea {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.multiPartContainer {
    height: 100%;
    overflow: auto
}

.validationFailed {
    color: Red
}

#errorSummary {
    position: fixed;
    right: 0;
    bottom: 0;
    padding: 15px;
    background-color: White;
    z-index: 100
}

.mainUICell {
    background: #fff;
    vertical-align: top
}

.leftside {
    border-right: 0 none
}

.UICenter {
    background: #C2C2C2;
    padding: 15px;
    border-right: 0;
    border-left: 0
}

.inputPart,
.rightInputPart {
    cursor: pointer;
    width: 98%;
    background: #fff;
    padding: 1%
}

.inputPart {
    width: 15%;
    float: left
}

.inputPart .inputPartInner,
.rightInputPart .inputPartInner {
    padding: 10px;
    background: #FCFCFC;
    border: 1px solid #eee;
    position: relative
}

.itemSelectorControls {
    position: absolute;
    top: 0;
    right: 0
}

.itemSelectorControls .addButton,
.deleteStaticItem,
.showSelectionList {
    color: #fff;
    padding: 5px;
    border: 0 none
}

.itemSelectorControls .addButton {
    background: #008000
}

.deleteStaticItem {
    background: #CB0800
}

.showSelectionList {
    background: #22A8E5;
    color: #fff
}

.multiPartItemSelectorTitle {
    position: absolute;
    top: 10px;
    left: 170px;
    width: 300px;
    text-align: left;
    font-size: 16px
}

.multiPartItemSelectorImage {
    border: 1px solid #EEE;
    text-align: center;
    display: table-cell;
    height: 150px;
    vertical-align: middle;
    width: 150px
}

.loadingEditor {
    width: 100%;
    text-align: center;
    font-size: larger
}

.multiPartItemSelectorImage img {
    max-width: 150px;
    max-height: 150px
}

.multiPartItem {
    background: #eee;
    position: relative;
    margin-bottom: 15px
}

#part-1 {
    padding-top: 0
}

.showSelectionList {
    position: absolute;
    right: 0;
    top: 0
}

.editableContentMultiPart,
.partHeader {
    padding: 5px;
    background: #fff
}

.selectedFocus {
    background: #22A8E5
}

.controlsWrapper {
    background: #eee
}

.constraintDescription {
    background: #ccc;
    padding: 5px
}

.validationFailed {
    background: #CB0800;
    color: #fff
}

.multiPartButton {
    padding: 5px;
    border: 0 none;
    background: #008000;
    color: #fff
}

.addSingleOption {
    position: absolute;
    right: 0;
    top: 0;
    background: #22A8E5;
    color: #fff
}

.modelError {
    color: #f00
}

.mainUIParent,
.mainUICellHelper {
    height: auto
}

.mainUITable {
    width: 100%;
    height: auto
}

.mainUICell {
    border: 0 none;
    padding: 10px;
    background: transparent
}

.mainUIParent .upload .partHeader {
    color: #000;
    background: url(/-1394238715/Handler/Static/Content/Themes/ThemeOneLegacy/images/multipart/upload-banner.gif) center top repeat;
    height: 185px;
    color: transparent
}

.mainUITableContainer {
    position: relative
}

.mainUIParent .multiPartButton {
    position: absolute;
    right: 0;
    margin: 0 !important;
    z-index: 1
}

.mainUIParent .fileinput-button {
    position: absolute !important;
    right: 30px;
    z-index: 1;
    top: 50px
}

.mainUIParent .fileUploadButton {
    background: url(/1466920304/Handler/Static/Content/Themes/ThemeOneLegacy/images/multipart/upload_button.gif) center top repeat;
    height: 31px;
    width: 163px;
    overflow: hidden;
    text-indent: -3000px
}

.mainUIParent #showPreview {
    background: url(/-99098103/Handler/Static/Content/Themes/ThemeOneLegacy/images/multipart/preview_button.gif) center top repeat;
    height: 31px;
    width: 163px;
    overflow: hidden;
    text-indent: -3000px;
    top: 120px;
    right: 40px
}

.mainUIParent #preview {
    padding: 0;
    border: 0 none;
    width: 100%;
    z-index: 0;
    position: relative
}

.mainUIParent .b-menu {
    display: none
}

.mainUIParent .gobackButton.multiPartButton {
    background: url(/1466133867/Handler/Static/Content/Themes/ThemeOneLegacy/images/multipart/back_button.gif) center top repeat;
    height: 31px;
    width: 163px;
    overflow: hidden;
    text-indent: -3000px;
    left: 10px;
    top: 10px
}

.mainUIParent .addtobasket.multiPartButton {
    top: 0;
    right: 10px;
    background: url(/-858809598/Handler/Static/Content/Themes/ThemeOneLegacy/images/multipart/add_to_basket.gif) center top repeat;
    height: 31px;
    width: 163px;
    overflow: hidden;
    text-indent: -3000px;
    top: 10px
}

.mainUIParent .uploadWrapper {
    padding: 0;
    text-align: center
}

.mainUIParent .uploadMultiPart .inputPart,
.uploadMultiPart .rightInputPart {
    background: #EEE
}

.mainUIParent #preview {
    background: #F9F9F9
}

.mainUIParent #previewAreaContainer {
    position: relative
}

.shipping-options .shipping-options-dispatch {
    margin-top: 50px
}

#opc-shipping_method .shipping-options-dispatch {
    display: none
}

p.custom-name-box input#customName {
    color: #000;
    padding: 2px
}

p.custom-name-box {
    margin-top: 20px
}

p.custom-name-box input#customProjectName {
    float: right
}

@media only screen and (max-width:959px) {

    .customer-addresses table td,
    .customer-addresses table th {
        padding: 5px 4px 5px 4px;
        font-size: 12px;
        line-height: 15px;
        text-align: left;
        position: relative;
        float: left;
        width: 100%;
        min-height: 16px
    }

    .customer-addresses table tbody {
        position: relative;
        float: left;
        width: 80%;
        text-align: left
    }

    .customer-addresses table thead {
        position: relative;
        float: left;
        width: 20%;
        text-align: left
    }

    .customer-addresses {
        background-color: #fff;
        padding: 5px;
        height: auto;
        overflow: visible
    }
}

.checkout_data_integrated .orderSummaryTitle {
    color: #f00;
    font-weight: bold
}

.checkout_data_integrated .order-overview {
    background: transparent;
    border: 0 none
}

.checkout_data_integrated .order-overview table td {
    padding: 0
}

.checkout_data_integrated .total-info {
    border-top: 1px solid #eee
}

.checkout_data_integrated .total-info tr {
    border-bottom: 1px solid #eee
}

.checkout_data_integrated .total-info .cart_total_left {
    width: 90%;
    text-align: right;
    border-right: 1px solid #eee
}

.checkout_data_integrated .total-info .cart_total_left.SubTotal {
    color: #f00
}

.checkout_data_integrated .total-info .cart_total_right {
    width: 10%
}

.checkout_data_integrated .total-info .OrderTotal {
    color: #f00
}

.checkout_data_integrated .total-info .OrderTotalValue {
    color: #f00
}

.checkout_data_integrated .products-box {
    background: #ddd
}

.checkout_data_integrated .products-box thead {
    background: #ccc
}

.checkout_data_integrated .products-box tbody tr {
    background: #fff
}

.checkout_data_integrated .products-box tbody td {
    border-right: 1px solid #eee
}

.checkout_data_integrated .order-details-box tbody {
    background: #fff;
    border: 1px #f00 solid
}

.checkout_data_integrated .order-details-box tbody .midColumn {
    border-left: 1px #f00 solid;
    border-right: 1px #f00 solid
}

.checkout_data_integrated .order-details-box thead b {
    color: #f00
}

.checkout_data_integrated .products-box .unitprice,
.checkout_data_integrated .products-box .qty,
.checkout_data_integrated .products-box .subtotal {
    text-align: center
}

.checkout_data_integrated .print-buttons a {
    color: #0195BA;
    font-weight: bold;
    Background: url(/1250635628/Handler/Static/Content/Images/icons/bwpx-icns/print.gif) no-repeat left center;
    height: 20px;
    padding-left: 20px;
    line-height: 20px
}

.checkout_data_integrated .itemValue {
    font-weight: bold
}

.checkoutCompletedWrapper a {
    font-weight: bold
}

.checkout_data_integrated .attributeInfo {
    display: none
}

.continueshoppingbutton,
.checkoutbutton {
    box-sizing: border-box;
    height: 28px
}

.priceScriptInfo {
    font-size: 14px;
    margin-top: 10px;
    float: left;
    width: 100%
}

.cart-item-row .productPrice {
    position: relative;
    width: 100%
}

@media(min-width:761px) {
    .cart-item-row .productPrice {
        float: left
    }
}

.priceScriptMessageItem {
    margin: 2px
}

.priceScriptType_Info {
    display: block
}

.priceScriptType_Error {
    color: red;
    padding: 2px;
    padding-left: 20px;
    padding-right: 5px;
    border: solid 1px red;
    display: inline-block;
    border-radius: 3px;
    background: url(/1747988338/Handler/Static/Content/Themes/ThemeOneLegacy/images/error_ico.png);
    background-position: 2px 2px;
    background-repeat: no-repeat;
    background-size: 15px
}

.priceScriptType_Debug {
    color: blue;
    padding: 2px;
    padding-left: 20px;
    padding-right: 5px;
    border: solid 1px blue;
    display: inline-block;
    border-radius: 3px;
    background: url(/1365913450/Handler/Static/Content/Themes/ThemeOneLegacy/images/bug_ico.png);
    background-position: 2px 2px;
    background-repeat: no-repeat;
    background-size: 15px
}

.priceScriptType_Warning {
    color: orange;
    padding: 2px;
    padding-left: 20px;
    padding-right: 5px;
    border: solid 1px orange;
    display: inline-block;
    border-radius: 3px;
    background: url(/-590401689/Handler/Static/Content/Themes/ThemeOneLegacy/images/warning_ico.png);
    background-position: 2px 2px;
    background-repeat: no-repeat;
    background-size: 15px
}

#SavedProjects form.t-grid-actions {
    display: block
}

.t-widget.t-grid {
    max-width: 100%;
    overflow: auto
}

.products-box td.subtotal,
.products-box td.product,
.products-box td.subtotal,
.products-box td.unitprice,
.products-box td.qty {
    vertical-align: middle
}

.smsPage h1 {
    font-size: 15px;
    padding: 2px
}

.smsRow {
    margin-bottom: 10px
}

.smsCol3 {
    position: relative
}

#ecHelpImg {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    background: #fff;
    padding: 3px
}

.smsPhoneWrapper {
    position: relative;
    height: 602px;
    width: 924px;
    background: url(/-184360440/Handler/Static/Content/Images/SMS/iphone_transparent.png)
}

.smsTextEditArea {
    height: 200px;
    width: 98%;
    border: 0 none;
    padding: 1%;
    font-size: 15px
}

.smsHelpers {
    background: #ccc;
    padding: 10px
}

.smsHelper {
    padding: 5px 0
}

.smsTextAreaWrapper {
    width: 98%;
    border: solid #eee 3px
}

.smsTextAreaFooter {
    background: #ddd;
    width: 96%;
    border: solid #eee 3px;
    padding: 1%;
    border-top: 0
}

.smsTextAreaHeader {
    background: #ddd;
    width: 96%;
    border: solid #eee 3px;
    padding: 1%;
    border-bottom: 0
}

.smsFooterLeft {
    float: left
}

.smsFooterRight {
    float: right
}

#csvUpload {
    padding: 0
}

#smsPreview .message {
    padding-left: 31px;
    height: 360px;
    padding-right: 24px;
    padding-top: 124px;
    width: 253px;
    float: left;
    display: block
}

#smsPreview .message .messageOriginator {
    background: #eee;
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid #ccc
}

#smsPreview .message .messageRecipient {
    padding: 5px 15px
}

#smsPreview .message .messageMessage {
    padding: 5px 15px
}

#smsPreview .message .messageMessage .messageInner {
    font-size: 15px;
    color: #fff;
    padding: 10px 20px;
    background: #19B0FC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 0 solid #000;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0px 1px 0 rgba(255, 255, 255, 0)
}

#AlbumSharingSubContainer .productShareList {
    padding-bottom: 2px
}

#AlbumSharingSubContainer .productShareList input {
    margin: 2px 2px 0 0
}

#AlbumSharingSubContainer .productShareList label {
    vertical-align: top
}

#AlbumSharingSubContainer #individualProductShares {
    padding: 5px 25px
}

.smsPage .hide {
    display: none
}

.smsPage #csvUpload {
    width: 85px
}

.smsPage #smsUploadText {
    display: block;
    margin-top: 5px
}

.smsPage .success {
    color: green
}

.smsPage .smsHelp {
    background-image: url(/-2009114610/Handler/Static/Catfish.Web/Content/images/011.png);
    width: 10px;
    height: 10px;
    text-indent: -999px
}

.smsPage .smsSendSelection {
    height: 50px;
    margin-top: 15px;
    width: 49%;
    display: inline-block
}

.smsPage .smsSendSelection label {
    margin: 0 10px 0 2px
}

.smsPage .smsHeader {
    display: block;
    clear: both
}

.smsPage .smsInstructionPanel {
    display: none;
    width: 49%
}

.smsPage #smsHelpImg {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 3px
}

.smsPage .bar {
    background-color: green;
    height: 20px
}

.smsPage #progress {
    background-color: #efefef
}

.SongTabWrapper {
    margin-top: 30px
}

.SongTabWrapper.ui-tabs,
.SongTabWrapper.ui-tabs .ui-tabs-nav {
    border: 0 none;
    padding: 0
}

.SongTabWrapper .ui-widget-header {
    background: #fff none
}

#searchPane {
    background: none repeat scroll 0 0 #Fff;
    border: 0 solid #EEE
}

#searchPane .currentFilterOptions {
    border: 1px solid #efefef;
    font-size: 9px;
    padding: 5px;
    margin: 10px 10px 0 10px
}

#searchPane .filterArea {
    background: none repeat scroll 0 0 #Fff
}

#searchPane .filterArea .filterAreaInner {
    font-size: 9px;
    border: 1px solid #efefef;
    min-height: 550px;
    padding: 5px;
    margin: 10px 0 10px 10px
}

#bookFooter {
    float: right;
    width: 18%
}

#previewBookBtn {
    text-transform: uppercase;
    text-align: center;
    float: right;
    background: url(/1118441371/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/red_button_large.png);
    width: 78%;
    padding: 22px 10%;
    display: block;
    margin-top: 0;
    border: 1px solid #666;
    border-radius: 3px;
    color: #fff
}

#previewBookBtn:hover {
    text-decoration: none
}

#searchPane .ResultsListWrapper {
    background: none repeat scroll 0 0 #Fff
}

#searchPane .ResultsListWrapper #ResultsList li {
    padding: 0;
    margin: 10px;
    border: 1px solid #efefef
}

#compilePane {
    background: none repeat scroll 0 0 #fff;
    min-height: 604px;
    padding: 10px
}

#compilePane .pageNumber,
#compilePane .itemInfo {
    float: left
}

#compilePane .itemInfo {
    border-left: 1px solid #eee;
    margin-left: 10px;
    padding: 5px
}

#compilePane .item .itemContributor,
#compilePane .item .itemTitle {
    padding: 0
}

#compilePane .resultItem .itemDetailsWrapper {
    width: 15%;
    background: #eee
}

#compilePane .resultItem .itemDetailsWrapper .removeBtn {
    width: 70%;
    float: right;
    padding: 5px 2% 5px 2%
}

#compilePane .resultItem .itemDetailsWrapper .handle {
    width: 20%;
    float: left
}

#compiledList {
    border: solid 1px #efefef;
    margin: 10px 0;
    border-bottom: 0 none
}

#songSelectTab,
#yourBookTab {
    width: 40%;
    height: 75px;
    background: url(/-1609852161/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/music_tab_bg.jpg)
}

#songSelectTab.ui-state-active,
#yourBookTab.ui-state-active {
    background: url(/715156842/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/music_tab_bg_selected.jpg)
}

.progressWrapper {
    float: right;
    padding: 10px 2%;
    width: 55%
}

.progressLabel {
    width: 100%;
    position: absolute;
    margin-top: 5px;
    font-weight: 700;
    text-shadow: 1px 1px 0 #fff
}

.progressText {
    line-height: 25px;
    float: left
}

#progressBar {
    position: relative;
    width: 100%;
    text-align: center;
    display: inline-block
}

.progressWrapper p {
    font-weight: normal;
    font-size: 10px;
    white-space: normal;
    text-align: center
}

#songSelectTab a,
#yourBookTab a,
#compiledList .itemTitle,
#compiledList .itemContributor {
    display: block
}

#SongTabs li a {
    margin: 0;
    width: 100%;
    padding: 0
}

#SongTabs li a .tabTitle {
    float: left;
    font-size: 18px;
    padding: 10px 5%;
    text-transform: none;
    width: 31%
}

#songSelection,
#yourBook {
    background: #efefef
}

#songSelection .tabHeader {
    display: none
}

.SongTabWrapper .ui-progressbar .ui-progressbar-value {
    background: url(/1119227801/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/button-general.jpg) repeat-x #ededed;
    transition: all 1s ease-in-out 0s
}

.SongTabWrapper .ui-progressbar .ui-progressbar-value.songPageCountMinError {
    background: #B0002D;
    color: #fff;
    animation: myfirst 2s;
    -moz-animation: myfirst 2s infinite;
    -webkit-animation: myfirst 2s infinite
}

.SongTabWrapper .ui-progressbar .ui-progressbar-value.songPageCountMaxError {
    background: #B0002D;
    color: #fff;
    animation: myfirst 2s;
    -moz-animation: myfirst 2s infinite;
    -webkit-animation: myfirst 2s infinite
}

@-moz-keyframes myfirst {
    0% {
        background: #890022
    }

    50% {
        background: #E4051F
    }

    100% {
        background: #890022
    }
}

.progressLabel.songPageCountMaxError {
    color: #fff;
    text-shadow: 1px 1px 0 #000
}

.progressLabel.songPageCountMinError {
    color: #f00;
    text-shadow: 1px 1px 0 #fff
}

#ResultsList .itemSelection,
#compiledList .itemSelection {
    background: #eee;
    padding: 5px;
    width: 70%;
    float: right
}

.item.itemContainer {
    width: 75%;
    vertical-align: top;
    margin-top: 0
}

.item .itemTitle {
    font-weight: 700;
    font-size: 13px;
    position: relative;
    padding: 5px
}

.item .itemContributor {
    padding: 0 5px 5px 5px;
    font-size: 11px
}

.addToBookBtn:hover {
    background: #a82b3e;
    color: #fff
}

#compiledList:before,
#compiledList:after {
    text-align: center;
    display: block;
    border: 1px solid #000;
    border-bottom: 0;
    width: 48%
}

#compiledList li {
    color: #000;
    border-bottom: 1px #eee solid;
    position: relative;
    background: #FFF
}

#compiledList .ui-sortable-helper,
#compiledList .ui-sortable-helper:hover {
    background: url(/1713597805/Handler/Static/Content/Images/mini_icons/arrow_up_down.gif) no-repeat scroll 98% center #000
}

#compiledList .ui-sortable-helper,
#compiledList .ui-sortable-helper:hover div {
    color: #fff
}

#musicSearchFieldOptions,
#musicModifyFieldOptions {
    padding: 5px;
    background: #efefef
}

#SongTabs #musicSearchFieldOptions {
    padding: 0 0 10px 0
}

.resultItem .itemDetailsWrapper {
    float: right;
    width: 25%
}

.previewItem .previewBtn,
.addToBook .addToBookBtn,
#compilePane .removeBtn input,
#compilePane .resultItem .itemDetailsWrapper .handle {
    border: 1px solid #666;
    border-radius: 3px;
    width: 100%;
    text-transform: uppercase
}

.previewItem .previewBtn {
    background: url(/1119227801/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/button-general.jpg) repeat-x #ededed;
    margin-bottom: 5px
}

#compilePane .resultItem .itemDetailsWrapper .handle {
    background: url(/-1609655549/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/music_drag_button.gif) repeat-x center center #ededed;
    width: 20%;
    margin: 5px 0 5px 2%;
    height: 31px
}

.addToBook .addToBookBtn,
#compilePane .removeBtn input {
    background: url(/716074346/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/button-red.jpg) repeat-x #9f0029;
    color: #fff
}

#musicModifyFieldOptions {
    text-align: right
}

.filterArea {
    width: 30%;
    float: left;
    background: #F9F9F9
}

.filterHeading {
    font-weight: 700;
    padding-bottom: 5px
}

.filterContent .filterItem,
.expendableFilterContent .filterItem {
    padding-bottom: 2px;
    margin-bottom: 2px;
    border-bottom: outset none
}

.filterContent .filterItem input {
    vertical-align: bottom
}

.filterContent .filterItem label {
    padding-left: 2px
}

#arrangementsDiv {
    margin-bottom: 20px
}

.filterExpander,
.filterCollapser {
    color: #CB3650;
    text-decoration: underline;
    cursor: pointer;
    float: right
}

.ResultsListWrapper {
    background: #F6F6F6;
    float: right;
    width: 70%;
    min-height: 560px
}

#ResultsList {
    background: #fff;
    margin: 0;
    min-height: 900px
}

#ResultsList li.current {
    background: #22A8E5
}

.searchboxDropDown {
    padding: 7px
}

.popularButton {
    background: url(/2063544171/Handler/Static/Content/Images/mini_icons/arrow_dash_down.gif) no-repeat scroll 95% center #22A8E5;
    border: 0 none;
    color: #FFF;
    display: none;
    right: 5px;
    top: 5px;
    position: absolute;
    margin: 0;
    padding: 7px 30px 7px 7px !important
}

.popularButtonUp {
    background: url(/2063544171/Handler/Static/Content/Images/mini_icons/arrow_dash_up.gif) no-repeat scroll 95% center #22A8E5
}

.popularButton:hover,
.popularButtonUp:hover {
    background-color: #00415F
}

#feedback {
    font-size: 1.4em
}

.searchbutton {
    color: #FFF;
    height: 33px;
    margin: 0;
    padding: 0
}

#ResultsList .pageNum {
    float: right;
    margin: 5px;
    background: #ccc;
    color: #fff;
    font-weight: 400;
    z-index: 99;
    font-size: 10px;
    cursor: help;
    line-height: 20px;
    text-align: center;
    color: #000;
    background: url(/-446725068/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/musicsearch-pages-icon.gif) repeat-x #fff;
    width: 21px;
    height: 27px
}

li .handle {
    background: #f8f8f8;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99
}

li .handle:hover {
    cursor: pointer;
    background: none repeat scroll 0 0 #EBB8BE
}

li .handle .ui-icon-carat-2-n-s {
    margin: 12px
}

.ui-selecting {
    background: #eee
}

.ui-selecting .handle {
    background: #ddd;
    cursor: pointer
}

.currentFilterItem {
    margin-left: 2px;
    margin-right: 2px
}

.currentFilterOptionHeading {
    font-weight: 700
}

.clearFilterOptionsButton {
    color: #D73F57 !important;
    text-decoration: none;
    margin-left: 5px
}

.clearFilterOptionsButton :hover {
    text-decoration: underline
}

#compiledList li.ui-selected {
    background: #D54359
}

#compiledList li.ui-selected div {
    color: #fff;
    cursor: pointer
}

.ui-selected .handle {
    background: #EBB8BE
}

#compiledList .itemContainer {
    margin-left: 0;
    cursor: pointer
}

.aboveSearchPane {
    padding: 5px 5px 10px
}

.instructionsWrapper {
    float: left;
    width: 50%
}

#paginationInfo {
    font-size: 11px;
    width: 100%;
    padding-top: 20px;
    height: 30px;
    margin: 10px
}

#pageItems {
    margin-bottom: 5px
}

.pagingItem {
    margin-left: 2px;
    margin-right: 2px;
    background-color: #EFEFEF;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 10px
}

.pagingLink {
    cursor: pointer
}

.pagingLink:hover {
    border: 1px solid #000
}

.currentPagingItem {
    background: none repeat scroll 0 0 #CB3650;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #fff
}

.loadingdiv {
    font-size: 14px
}

#compiledList .ui-selected,
#compiledList ol {
    color: #000
}

.filterExpander .ui-icon,
.filterCollapser .ui-icon {
    float: left
}

.tagCloudContainer,
.itemId {
    display: none
}

.item {
    display: inline-block
}

#compiledList .pageNum {
    width: 5%;
    text-align: center
}

.cover {
    width: 100%;
    background-color: #efefef
}

.coverImg {
    display: inline-block;
    padding: .6em
}

.coverImg img {
    height: 100px;
    width: 75px
}

.coverInfo {
    width: 89%;
    display: inline-block
}

.coverInfo span {
    display: block
}

input#addToComp,
input#previewSong {
    width: 100%;
    margin: 2px
}

span.clearCurrentFilterItem {
    text-indent: -9999px;
    height: 13px;
    width: 18px;
    background-image: url(/00000000-0000-0000-0000-000000000000/Handler/Static/Themes/DarkOrange/Content/images/ico-delete.gif);
    display: inline-block;
    cursor: pointer
}

.noSongsPlaceholder {
    display: block;
    width: 100%;
    height: 500px
}

.noSongsPlaceholder img {
    display: table;
    margin: 0 auto;
    padding-top: 50px
}

#bookPreview {
    width: 70%;
    float: left;
    margin-right: 10px
}

#confLogic {
    width: 28%;
    float: left
}

.TagSearchBox .freetextsearch {
    padding-bottom: 20px
}

.TagSearchBox .freetextsearch .freetextsearchleft {
    float: left;
    width: 80%
}

.TagSearchBox .freetextsearch .freetextsearchleft .searchboxtext-filter {
    width: 93%;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 5px;
    padding-bottom: 5px
}

.TagSearchBox .freetextsearch .freetextsearchright {
    float: right;
    width: 20%
}

.TagSearchBox .freetextsearch .freetextsearchright .searchboxbutton,
.TagSearchBoxButton {
    width: 100%;
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 0 solid;
    background: #22A8E5;
    color: #fff
}

.TagSearchBox .tagSearch .TagSearchMainArea .tagCategory {
    margin-bottom: 20px
}

.TagSearchBox .tagSearch .TagSearchMainArea .TagSearchLabelArea {
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px
}

.TagSearchBox .tagSearch .TagSearchMainArea .TagSearchLabelArea .TagSearchLabel {
    font-size: 14px
}

.TagSearchBox .tagSearch .TagSearchMainArea .toggler {
    display: block;
    height: 20px;
    width: 20px;
    float: right;
    background: center center no-repeat url(/1368797041/Handler/Static/Content/Themes/ThemeOneLegacy/images/common/minus-icon-sml.gif)
}

.TagSearchBox .tagSearch .TagSearchMainArea .toggler.minus {
    background: center center no-repeat url(/1795764071/Handler/Static/Content/Themes/ThemeOneLegacy/images/common/plus-icon-sml.gif)
}

.TagSearchBox .tagSearch .TagSearchMainArea .toggler:hover {
    cursor: pointer
}

.TagSearchBox .tagSearch .TagSearchMainArea .TagSearchChoiceArea .TagSearchChk {
    padding: 1px 0 1px 0
}

.TagSearchBox .tagSearch .TagSearchMainArea .TagSearchChoiceArea .TagSearchChk input {
    margin-right: 5px;
    vertical-align: middle
}

#pagerContainer {
    border: 1px solid #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    min-height: 40px;
    padding: 0 5px;
    margin-bottom: 10px
}

#pager {
    display: block;
    margin: 4px 0
}

#pager .pagerLink {
    border: 1px solid #999;
    width: 30px;
    line-height: 25px;
    display: inline-block;
    margin: 3px;
    text-align: center
}

#pager .pagerLink:hover,
#pager .currentPage {
    background-color: #22A8E5;
    color: #fff;
    text-decoration: none
}

.pageActions .yearbook-studententries-editor-actions-boxheader .editor-actions-filter-pane {
    position: absolute
}

.yb-selection-item,
.yb-unavailable-item {
    margin-bottom: 1px;
    padding: 10px 30px;
    cursor: pointer;
    background-position: 8px 8px;
    background-repeat: no-repeat
}

.yb-selection-item {
    background-image: url(/1250635627/Handler/Static/Content/Images/icons/bwpx-icns/album.gif)
}

.yb-unavailable-item {
    background-image: url(/1251487601/Handler/Static/Content/Images/icons/bwpx-icns/album_remove.gif)
}

.yb-selection-item-selected {
    background-image: url(/1251487601/Handler/Static/Content/Images/icons/bwpx-icns/album_select.gif)
}

.studentPage .pageTitle,
.pollquestions .pageTitle,
.booklayout .pageTitle {
    float: left
}

.studentPage .layoutoptions,
.pollquestions .layoutoptions,
.booklayout .layoutoptions {
    float: right
}

.pollquestionsList textarea,
.pollquestionsList .question-question-text,
.pollquestionsList .question-sequence {
    width: 98%;
    padding: 1%;
    margin-bottom: 5px
}

.pollquestions table tr td {
    border-bottom: 1px solid #CCC;
    padding: 5px;
    vertical-align: top
}

.pollquestionsList button,
.pollquestionsList .checkout-page.checkout-page_multi .select-button input,
.checkout-page.checkout-page_multi .select-button .pollquestionsList input,
.pollquestionsList .checkout-page__billing-address .address-grid td .address-item .select-button input,
.checkout-page__billing-address .address-grid td .address-item .select-button .pollquestionsList input,
.pollquestionsList .t-grid .t-button,
.t-grid .pollquestionsList .t-button,
.pollquestionsList input {
    margin-bottom: 5px
}

.pollquestions table tr th {
    border-bottom: 2px solid #CCC;
    padding: 5px;
    vertical-align: top
}

.ui-widget-overlay {
    background: #333 !important;
    opacity: .7 !important
}

.ui-dialog,
.ui-dialog-titlebar {
    border: 0 none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important
}

.ui-dialog {
    border: 4px solid #eee !important;
    background: #fff !important
}

.ui-dialog-titlebar {
    font-weight: normal !important;
    color: #000 !important
}

.dialogOptionRow {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee
}

.feature-page-item-container {
    padding: 4px
}

#preview {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    display: none;
    color: #fff;
    z-index: 3400
}

#previewDialog {
    height: 500px
}

.book-unit-list,
.book-unit-group {
    padding: 0;
    text-align: left
}

.template-item,
.template-item,
.book-unit-dynamic-item,
.book-unit-static-item,
.book-unit-group-item,
.book-unit-placeholder,
.book-unit-helper {
    min-height: 200px;
    _height: 100px;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    padding: 0;
    margin-bottom: 5px;
    margin-right: 5px;
    border-collapse: collapse
}

.book-unit-static-item,
.template-item {
    border: dashed #fff 1px
}

.book-unit-dynamic-item {
    border: dashed #22A8E5 1px
}

.moving-div {
    border: dashed #999 1px;
    background: #fff
}

.book-unit-dynamic-item,
.book-unit-static-item {
    cursor: pointer;
    cursor: hand
}

.book-unit-dynamic-item,
.book-unit-static-item,
.book-unit-placeholder,
.book-unit-helper {
    width: 107px
}

.book-unit-group-item-title {
    display: none
}

.layoutoptions {
    float: right
}

.book-unit-item-title {
    padding: 3px;
    min-height: 30px
}

.book-unit-item-container,
.template-item-container {
    text-align: center;
    background-color: #fff;
    min-height: 160px;
    margin: 3px
}

.book-unit-group-item .book-unit-item-container .book-unit-dynamic-item {
    min-height: 150px;
    margin: 0
}

.book-unit-group-item .book-unit-item-container .book-unit-group {
    margin: 0
}

.book-unit-group-item .book-unit-item-container {
    min-height: 154px
}

.book-unit-placeholder {
    border: dashed 1px #fff;
    background: #22A8E5
}

.book-unit-helper {
    height: 100px
}

.book-unit-item-selected,
.template-item-selected {
    background-color: #ccc
}

.book-unit-item-container {
    position: relative
}

.book-unit-item-options-container {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    border: 1px solid #22A8E5
}

.book-unit-item-options-container a {
    color: White;
    padding: 5px;
    display: block;
    width: 90px;
    overflow: hidden
}

.book-unit-item-options-container a:hover {
    background-color: White;
    color: Black
}

.yb-comments-list-table-name {
    padding: 5px;
    font-size: 14px;
    color: #fff
}

.yb-comments-list-table-body .commentFrom {
    background: url(/1251487596/Handler/Static/Content/Images/icons/bwpx-icns/comment_user.gif) no-repeat 5px 10px;
    padding-left: 30px
}

.yb-comments-list-table-body .commentTo {
    background: url(/1250635630/Handler/Static/Content/Images/icons/bwpx-icns/comment.gif) no-repeat 5px 10px;
    padding-left: 30px
}

.yb-comments-list-table-body tr {
    border-bottom: solid 1px #ccc
}

.yb-comments-list-table {
    text-align: left
}

.yb-comments-list-table td {
    width: 50%
}

.yb-comments-list-item label {
    cursor: default
}

.yb-comments-list-table-header {
    border-bottom: solid 1px #ccc
}

.warningElem {
    position: absolute;
    color: White;
    font-weight: bold;
    padding: 2px;
    cursor: default;
    margin: 1px
}

.resolutionWarningElem {
    left: 0;
    top: 0;
    z-index: 300
}

.albumManagement,
.uploadControl {
    padding: 1%
}

.albumManagement .subTitle {
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 14px;
    background: url(/1251487601/Handler/Static/Content/Images/icons/bwpx-icns/album_select.gif) no-repeat
}

.uploadControl .subTitle {
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 14px;
    background: url(/-322883735/Handler/Static/Content/Images/icons/bwpx-icns/photo_add.gif) no-repeat
}

.albumContentList {
    padding: 1%
}

.albumContentList .subTitle {
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 14px;
    background: url(/1251487602/Handler/Static/Content/Images/icons/bwpx-icns/photos.gif) no-repeat
}

.nonImageInAlbum,
.warningElem {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 20px;
    background: rgba(211, 0, 0, 0.5) 2px 3px url(/1250570087/Handler/Static/Content/Images/icons/bwpx-icns/error.gif) no-repeat
}

.albumManagement .album {
    float: left;
    width: 8.3%;
    vertical-align: top;
    padding: .5%;
    margin-right: .25%;
    margin-left: .25%;
    margin-bottom: .5%;
    height: 120px;
    overflow: hidden;
    -webkit-border-radius: 0 20px 0 0;
    -moz-border-radius: 0 20px 0 0;
    border-radius: 0 20px 0 0;
    background-color: #F9F9F9
}

.fileinput-button {
    margin: 0;
    padding: 0
}

.albumManagement .album {
    text-decoration: none;
    color: #000;
    background: #d2d2d2;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZDJkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzljOWM5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzg0ODQ4NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZmFmYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #d2d2d2 0, #9c9c9c 50%, #848484 51%, #afafaf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2d2d2), color-stop(50%, #9c9c9c), color-stop(51%, #848484), color-stop(100%, #afafaf));
    background: -webkit-linear-gradient(top, #d2d2d2 0, #9c9c9c 50%, #848484 51%, #afafaf 100%);
    background: -o-linear-gradient(top, #d2d2d2 0, #9c9c9c 50%, #848484 51%, #afafaf 100%);
    background: -ms-linear-gradient(top, #d2d2d2 0, #9c9c9c 50%, #848484 51%, #afafaf 100%);
    background: linear-gradient(to bottom, #d2d2d2 0, #9c9c9c 50%, #848484 51%, #afafaf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2d2d2', endColorstr='#afafaf', GradientType=0)
}

.albumManagement .currentSelectedAlbum {
    -webkit-box-shadow: #666 2px 2px 2px;
    -moz-box-shadow: #666 2px 2px 2px;
    box-shadow: #666 2px 2px 2px;
    color: #fff;
    background: #b7deed;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b7deed), color-stop(50%, #57b9e0), color-stop(51%, #22a8e5), color-stop(100%, #7cc4e2));
    background-image: -webkit-linear-gradient(top, #b7deed 0, #57b9e0 50%, #22a8e5 51%, #7cc4e2 100%);
    background-image: -moz-linear-gradient(top, #b7deed 0, #57b9e0 50%, #22a8e5 51%, #7cc4e2 100%);
    background-image: -ms-linear-gradient(top, #b7deed 0, #57b9e0 50%, #22a8e5 51%, #7cc4e2 100%);
    background-image: -o-linear-gradient(top, #b7deed 0, #57b9e0 50%, #22a8e5 51%, #7cc4e2 100%);
    background-image: linear-gradient(to bottom, #b7deed 0, #57b9e0 50%, #22a8e5 51%, #7cc4e2 100%);
    background-repeat: no-repeat
}

.facebookbutton {
    background-image: url(/1760717510/Handler/Static/Content/Images/icons/bwpx-icns/facebook.png);
    background-repeat: no-repeat;
    padding-left: 30px;
    background-position: 5px 4px
}

.facebookbutton:hover {
    background-image: url(/1760717510/Handler/Static/Content/Images/icons/bwpx-icns/facebook.png);
    background-repeat: no-repeat;
    padding-left: 30px;
    background-position: 5px 4px
}

.albumManagement .albumName {
    font-size: 12px;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase
}

.albumOwner,
.albumDescription {
    font-size: 10px
}

.yb-menu {
    padding: 0;
    margin: 0
}

.yb-menu ul {
    padding: 0;
    margin: 0
}

.yb-menu .menu-item {
    float: left;
    display: block;
    padding: 10px;
    border-right: 1px solid #fff
}

.yb-sub-menu {
    border: solid 1px #22A8E5
}

.yb-sub-menu .menu-item {
    float: left;
    display: block;
    padding: 10px
}

.yb-menu .menu-item-img,
.yb-sub-menu .menu-item-img {
    display: none
}

.selected-menu-item {
    background: #7ac2de;
    background: url(data:image/svg+xml;
    base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhYzJkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI4YTZkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzE3OGJjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OWFjZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #7ac2de 0, #28a6d8 50%, #178bc1 51%, #49acd7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7ac2de), color-stop(50%, #28a6d8), color-stop(51%, #178bc1), color-stop(100%, #49acd7));
    background: -webkit-linear-gradient(top, #7ac2de 0, #28a6d8 50%, #178bc1 51%, #49acd7 100%);
    background: -o-linear-gradient(top, #7ac2de 0, #28a6d8 50%, #178bc1 51%, #49acd7 100%);
    background: -ms-linear-gradient(top, #7ac2de 0, #28a6d8 50%, #178bc1 51%, #49acd7 100%);
    background: linear-gradient(to bottom, #7ac2de 0, #28a6d8 50%, #178bc1 51%, #49acd7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ac2de', endColorstr='#49acd7', GradientType=0)
}

.ybmenutitle {
    color: #FFF;
    float: right;
    font-weight: bold;
    padding: 10px;
    text-shadow: 0 0 3px #666;
    text-transform: uppercase
}

.yb-sub-menu .tabTitle {
    border-right: 1px solid #22A8E5
}

.yearbook-studententries-leftpanel,
.yearbook-studententries-leftpanel-editor {
    width: 200px;
    float: left;
    overflow: auto
}

.student-list-item-progress-icon-container {
    height: 16px;
    overflow: hidden;
    position: relative;
    width: 16px
}

.section-header .questiontitle {
    background: url(/00000000-0000-0000-0000-000000000000/Handler/Static/Themes/Unibind.YearBooksDirect/Content/images/questionicon.png) no-repeat scroll right center #DDD;
    border-bottom: 1px solid #999;
    color: #000;
    cursor: pointer;
    font-size: 16px;
    list-style-type: none;
    margin: 0;
    padding: 8px 20px;
    white-space: nowrap
}

.pageActions .yearbook-studententries-editor-actions-boxheader .editor-actions-filter-pane {
    position: absolute;
    right: 0;
    top: 0
}

.editor-actions-filter-pane select {
    padding: 5px
}

.pageActions h2,
.pageActions h3 {
    color: #FFF;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 2px 5px 2px 2px;
    line-height: 24px
}

.student-list-item-progress-icon {
    position: relative
}

.progress-icon-not-started {
    left: -48px;
    top: -176px
}

.progress-icon-started {
    left: -64px;
    top: -176px
}

.progress-icon-advanced {
    left: -80px;
    top: -176px
}

.progress-icon-profile-complete {
    left: -208px;
    top: -192px
}

.yearbook-studententries-mainpanel {
    background: none repeat scroll 0 0 #FFF;
    float: left;
    padding: 0;
    width: 760px
}

.student-list-item,
.yb-navigation-item {
    border-bottom: 1px dotted #999;
    padding: 5px 5px 5px 15px;
    margin: 0
}

.pageActions {
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
    padding: 2px 10px
}

.pageActions .yearbook-studententries-editor-actions-boxheader {
    position: relative
}

.section-header .title,
.saveButtonWrapper,
.yearbook-studententries-editor .title {
    background-repeat: repeat-x;
    border-bottom: 0 none;
    color: #FFF;
    padding: 5px 10px;
    position: relative
}

.saveSignOffStudentButton {
    margin-left: 5px
}

.saveStudentButton,
.saveSignOffStudentButton {
    float: right
}

.theTitle {
    padding: 3px;
    float: left;
    font-size: 15px
}

.student-list {
    border-top: 1px solid #333;
    margin: 0
}

.yb-navigation-item-progress-icon-container {
    float: right;
    overflow: hidden;
    height: 16px;
    width: 16px
}

.yb-navigation-item-progress-icon {
    position: relative
}

.yb-navigation-item-progress-icon-complete {
    top: -192px;
    left: -208px
}

.yb-navigation-item-progress-icon-none {
    display: none
}

.subtitle {
    background-color: #999;
    background-repeat: repeat-x;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #FFF;
    float: right;
    list-style-type: none;
    margin-top: 10px;
    padding: 8px 20px;
    white-space: nowrap
}

.t-button {
    float: right;
    font-size: 12px !important
}

.studentPage {
    margin-top: 20px
}

.student-list-item-selected,
.yb-navigation-item-selected {
    background-color: #FF9C00;
    background-image: url(/00000000-0000-0000-0000-000000000000/Handler/Static/Themes/Unibind.YearBooksDirect/Content/images/YBD-general/ybd-menu-bg-orange.jpg);
    background-repeat: repeat-x
}

.student-list-item-name {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.student-list-item-progress-text,
.student-list-item-progress-icon-container {
    float: right
}

.student-list-item-progress-icon-container {
    height: 16px;
    overflow: hidden;
    position: relative;
    width: 16px
}

.student-list-item-progress-text,
.student-list-item-progress-icon-container {
    float: right
}

.yearbook-studententries-menu .title,
.yearbook-studententries-leftpanel-editor .title {
    padding: 10px
}

.yearbook-studententries-menu .infoPanel {
    padding: 10px
}

.yb-home-top-editor {
    border-bottom: 0 none;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    background-image: url(/00000000-0000-0000-0000-000000000000/Handler/Static/Themes/Unibind.YearBooksDirect/Content/images/Home/title-bg.jpg);
    background-repeat: repeat-x;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    background-color: #C00
}

.yb-home-top-editor p {
    font-size: 12px;
    font-weight: normal
}

.yb-home-main-column-editor-wrapper {
    position: relative
}

.YBhomePageWrapper {
    min-height: 500px
}

.tabTitle {
    font-size: 12px;
    padding: 10px;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none
}

.theme_bg_colour2 .tabTitle {
    color: #fff
}

.YBinnerTabWrapper {
    margin: 2px;
    padding: 10px
}

.getstartedbutton {
    border: 0 none;
    padding: 5px
}

.yb-home-main-column-editor-wrapper .yb_tab h3 {
    padding: 10px
}

.yb-home-main-column-editor-wrapper .selected {
    background-color: #FEC200
}

.yb-home-main-column-editor-wrapper h3.last {
    margin-right: 0
}

.yb-home-main-column-editor {
    padding: 0;
    padding-top: 0;
    position: absolute
}

.yb-home-main-column-editor h3 {
    padding: 10px;
    background-color: #FEC200;
    margin-bottom: 10px;
    background-image: url(/00000000-0000-0000-0000-000000000000/Handler/Static/Themes/Unibind.YearBooksDirect/Content/images/Home/title-bg-yellow.jpg);
    background-repeat: repeat-x
}

.yb-home-main-column-editor ul {
    padding: 10px;
    margin-bottom: 0
}

.yb-home-main-column-editor ul li {
    display: block;
    padding-bottom: 10px
}

.yb-home-main-column-list-item-editor {
    list-style-type: none
}

.yb-home-main-column-list-item-editor a {
    text-decoration: underline
}

.yb-home-main-column-list-item-editor a:hover {
    text-decoration: none
}

.designStyleTemplates {
    background-color: #EEE;
    padding: 10px
}

.yb-book-unit-template-list-container {
    overflow: auto;
    white-space: nowrap;
    width: 100%
}

.bookStatusRow {
    font-size: 16px
}

.currentStatusMarker {
    padding: 4px
}

.currentStatusMarker.Review {
    background: #22A8E5;
    color: #fff
}

.currentStatusMarker.Open {
    background: green;
    color: #fff
}

.yb-book-unit-template-list-item {
    cursor: pointer;
    display: inline-block;
    white-space: normal
}

.designStyleTemplateInfo {
    background-color: #DDD;
    border: 2px solid #FFF;
    padding: 10px
}

.designStyleTemplateInfo table {
    width: auto
}

.question-row {
    border-bottom: 1px #eee solid
}

.designStyleTemplateInfo table td,
.yb-filter-pane table td {
    padding: 5px;
    text-align: center
}

.designStyleTemplateInfo table td input {
    background: transparent;
    border: none 0
}

.adminContent td {
    text-align: left !important
}

.adminContent {
    width: auto
}

.bootSetupTextLine {
    padding-bottom: 10px
}

.bookoptions {
    float: right;
    margin-top: 10px
}

.bookoptions button,
.bookoptions .checkout-page.checkout-page_multi .select-button input,
.checkout-page.checkout-page_multi .select-button .bookoptions input,
.bookoptions .checkout-page__billing-address .address-grid td .address-item .select-button input,
.checkout-page__billing-address .address-grid td .address-item .select-button .bookoptions input,
.bookoptions .t-grid .t-button,
.t-grid .bookoptions .t-button {
    margin-left: 5px
}

.previewfieldset {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px
}

.previewfieldset legend {
    font-size: 14px
}

.previewYB {
    float: right;
    width: 50%;
    height: 200px;
    background: #efefef
}

.ammendYB {
    float: left;
    width: 50%;
    height: 200px;
    background: #efefef
}

.yb-book-unit-template {
    border-color: transparent;
    border-style: solid;
    border-width: thick;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    text-align: center
}

.yb-book-unit-template-list {
    margin: 0
}

.startYBPreview {
    font-size: 22px
}

#steps {
    margin-bottom: 0
}

#steps li {
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    padding: 8px;
    width: auto
}

#steps .setTitle {
    margin-bottom: 0
}

.yb-filter-pane table {
    width: auto
}

.setTitle {
    font-size: 14px;
    margin-bottom: 10px
}

.pie-chart img {
    width: 100%
}

.report-list-item {
    padding: 5px;
    border-bottom: 1px dashed #E3E3E3;
    font-size: 14px
}

.mainProductLoading {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 99;
    background: center center #E3E5E5 no-repeat url(/-1079355737/Handler/Static/Content/Themes/ThemeOneLegacy/images/loder_thin.gif);
    background-size: 32px 32px
}

.albumManagement {
    position: relative
}

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

.albumManagement #newAlbum {
    margin: 10px;
    position: absolute;
    bottom: 0;
    right: 0
}

#uploadControl #fileupload {
    width: 250px;
    display: inline-block
}

.imagePluginBox .subTitle {
    margin-top: 20px
}

.albumContent #albumContentListContainer #pluginContainer {
    text-align: left;
    margin: 10px 0 0
}

.imageContainer .ImgPlugPhotos,
.imageContainer .ImgSearch,
.imageContainer .ImgPlugPaging,
.imageContainer .ImgPlugFooter,
.imageContainer .upload,
.imageContainer .albumContent {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    max-width: none;
    background: 0
}

.imageContainer .upload {
    margin-bottom: 10px
}

.albumContent #albumContentListContainer .imageContainer input,
.albumContent #albumContentListContainer .imageContainer select {
    padding: 5px;
    position: relative;
    float: left;
    width: auto;
    box-sizing: border-box
}

.albumContent #albumContentListContainer .imageContainer {
    padding: 0;
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box
}

.upload span .fa,
.ImgPlugPaging span .fa {
    display: inline-block;
    margin: 0
}

.albumContent #albumContentListContainer .upload #uploadButton {
    background-color: #22A8E5;
    padding: 10px;
    color: #fff;
    border: 0;
    margin: 0 auto;
    text-align: center;
    width: 250px
}

.albumContent #albumContentListContainer .ImgPlugFooter {
    text-align: center
}

.albumContent #albumContentListContainer .selectedImg {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.albumContent #albumContentListContainer .loadinganim {
    position: absolute;
    top: 50px;
    left: 150px
}

.albumManagement .currentSelectedAlbum {
    background-image: none
}

.albumManagement .albumName {
    border: 0
}

.albumManagement .album {
    margin-top: 10px
}

.albumManagement #newAlbum {
    margin-top: 10px
}

/*! Justified Gallery - v3.6.1 http://miromannino.github.io/Justified-Gallery/ Copyright (c) 2015 Miro Mannino Licensed under the MIT license. */
@-webkit-keyframes "justified-gallery-show-caption-animation" {
    from {
        opacity: 0
    }

    to {
        opacity: .7
    }
}

@-moz-keyframes "justified-gallery-show-caption-animation" {
    from {
        opacity: 0
    }

    to {
        opacity: .7
    }
}

@-o-keyframes "justified-gallery-show-caption-animation" {
    from {
        opacity: 0
    }

    to {
        opacity: .7
    }
}

@keyframes "justified-gallery-show-caption-animation" {
    from {
        opacity: 0
    }

    to {
        opacity: .7
    }
}

@-webkit-keyframes "justified-gallery-show-entry-animation" {
    from {
        opacity: 0
    }

    to {
        opacity: 1.0
    }
}

@-moz-keyframes "justified-gallery-show-entry-animation" {
    from {
        opacity: 0
    }

    to {
        opacity: 1.0
    }
}

@-o-keyframes "justified-gallery-show-entry-animation" {
    from {
        opacity: 0
    }

    to {
        opacity: 1.0
    }
}

@keyframes "justified-gallery-show-entry-animation" {
    from {
        opacity: 0
    }

    to {
        opacity: 1.0
    }
}

.justified-gallery {
    width: 100%;
    position: relative;
    overflow: hidden
}

.justified-gallery > a {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    display: inline-block;
    overflow: hidden;
    -moz-transition: 360ms all cubic-bezier(0.42, 0, 1, 1);
    -o-transition: 360ms all cubic-bezier(0.42, 0, 1, 1);
    -webkit-transition: 360ms all cubic-bezier(0.42, 0, 1, 1);
    transition: 360ms all cubic-bezier(0.42, 0, 1, 1);
    opacity: 0;
    margin: 4px
}

.justified-gallery > a > img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    border: 0
}

.justified-gallery > a > a > img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    border: 0
}

.justified-gallery > a > .caption {
    display: none;
    position: absolute;
    bottom: 0;
    padding: 5px;
    background-color: #000;
    left: 0;
    right: 0;
    margin: 0;
    color: white;
    font-size: 12px;
    font-weight: 300;
    font-family: sans-serif
}

.justified-gallery > a > .caption.caption-visible {
    display: initial;
    opacity: .7;
    filter: "alpha(opacity=70)";
    -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -o-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    animation: justified-gallery-show-caption-animation 500ms 0 ease
}

.justified-gallery > a:hover {
    -moz-transition: 360ms all cubic-bezier(0, 0, 0.58, 1);
    -o-transition: 360ms all cubic-bezier(0, 0, 0.58, 1);
    -webkit-transition: 360ms all cubic-bezier(0, 0, 0.58, 1);
    transition: 360ms all cubic-bezier(0, 0, 0.58, 1)
}

.justified-gallery > div {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    display: inline-block;
    overflow: hidden;
    -moz-transition: 360ms all cubic-bezier(0.42, 0, 1, 1);
    -o-transition: 360ms all cubic-bezier(0.42, 0, 1, 1);
    -webkit-transition: 360ms all cubic-bezier(0.42, 0, 1, 1);
    transition: 360ms all cubic-bezier(0.42, 0, 1, 1);
    opacity: 0;
    margin: 4px
}

.justified-gallery > div > img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    border: 0
}

.justified-gallery > div > a > img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    border: 0
}

.justified-gallery > div > .caption {
    display: none;
    position: absolute;
    bottom: 0;
    padding: 5px;
    background-color: #000;
    left: 0;
    right: 0;
    margin: 0;
    color: white;
    font-size: 12px;
    font-weight: 300;
    font-family: sans-serif
}

.justified-gallery > div > .caption.caption-visible {
    display: initial;
    opacity: .7;
    filter: "alpha(opacity=70)";
    -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    -o-animation: justified-gallery-show-caption-animation 500ms 0 ease;
    animation: justified-gallery-show-caption-animation 500ms 0 ease
}

.justified-gallery > div:hover {
    -moz-transition: 360ms all cubic-bezier(0, 0, 0.58, 1);
    -o-transition: 360ms all cubic-bezier(0, 0, 0.58, 1);
    -webkit-transition: 360ms all cubic-bezier(0, 0, 0.58, 1);
    transition: 360ms all cubic-bezier(0, 0, 0.58, 1)
}

.justified-gallery > .entry-visible {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -webkit-animation: justified-gallery-show-entry-animation 500ms 0 ease;
    -moz-animation: justified-gallery-show-entry-animation 500ms 0 ease;
    -o-animation: justified-gallery-show-entry-animation 500ms 0 ease;
    animation: justified-gallery-show-entry-animation 500ms 0 ease
}

.justified-gallery > .jg-filtered {
    display: none
}

.justified-gallery > .spinner {
    position: absolute;
    bottom: 0;
    margin-left: -24px;
    padding: 10px 0 10px 0;
    left: 50%;
    opacity: initial;
    filter: initial;
    overflow: initial
}

.justified-gallery > .spinner > span {
    display: inline-block;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 8px;
    height: 8px;
    margin: 0 4px 0 4px;
    background-color: #000;
    border-radius: 6px
}

.album__lightbox {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.album__lightbox i {
    display: inline-block;
    color: white;
    font-size: 1.6em
}

.album__lightbox img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 80%;
    max-height: 80%
}

.album__lightbox .caption {
    width: 100%;
    margin-top: 10px;
    text-align: center;
    font-size: 1em;
    font-weight: 700;
    color: #eee
}

.album__lightbox .album__options__popup {
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 1px 3px #000, 0 1px 2px #000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    z-index: 20
}

.album__lightbox .album__options__popup a {
    font-size: 1.1em;
    color: #000;
    color: rgba(0, 0, 0, 0.7)
}

.album__lightbox .album__options__popup a:hover {
    text-decoration: none;
    color: #000;
    color: rgba(0, 0, 0, 0.7)
}

.album__lightbox .album__options__popup li {
    cursor: pointer;
    background-color: white;
    padding: 22px 41px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    margin: 0
}

.album__lightbox .album__options__popup li:hover {
    background-color: #efefef
}

.album__lightbox--Back {
    position: absolute;
    left: 32px;
    top: 32px
}

.album__lightbox--Edit {
    position: absolute;
    right: 66px;
    top: 30px
}

.album__lightbox--OptionsContainer {
    right: 8px;
    position: absolute;
    top: 13px;
    padding: 18px
}

.album__lightbox--Prev {
    top: 60px;
    position: absolute;
    font-size: 4em !important;
    bottom: 60px;
    width: 10%
}

.album__lightbox--Prev:before {
    position: absolute;
    right: 4%;
    top: 50%;
    height: 40px;
    margin-top: -20px;
    vertical-align: middle;
    line-height: 40px
}

.album__lightbox--Next {
    position: absolute;
    top: 60px;
    right: 0;
    font-size: 4em !important;
    bottom: 60px;
    width: 10%
}

.album__lightbox--Next:before {
    position: absolute;
    top: 50%;
    left: 4%;
    height: 40px;
    margin-top: -20px;
    vertical-align: middle;
    line-height: 40px
}

.album__lightbox__container {
    position: absolute;
    width: 80%;
    height: 100%;
    left: 10%
}

.album__lightbox__container img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 80%;
    max-height: 80%
}

#AddAlbum {
    display: none;
    position: absolute;
    left: 30%;
    width: 40%;
    z-index: 999
}

#AlbumManagement .albumManagementTwo {
    position: relative;
    background-color: White;
    min-height: 627px;
    background: #FFF;
    padding: 0;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5)
}

#AlbumManagement .albumManagementTwo:after {
    content: "";
    display: table;
    clear: both
}

#AlbumManagement .albumManagementTwo em {
    display: inline-block;
    color: black;
    font-size: 1.65em;
    cursor: pointer
}

#AlbumManagement #albums {
    height: 100%
}

#AlbumManagement .albumManagementTwo__addAlbum {
    position: absolute;
    right: 3px;
    top: -50px
}

#AlbumManagement .albumManagementTwo__addAlbum #AddAlbumButton {
    -moz-transition: 200ms all cubic-bezier(0.17, 0.67, 0.83, 0.67);
    -o-transition: 200ms all cubic-bezier(0.17, 0.67, 0.83, 0.67);
    -webkit-transition: 200ms all cubic-bezier(0.17, 0.67, 0.83, 0.67);
    transition: 200ms all cubic-bezier(0.17, 0.67, 0.83, 0.67)
}

#AlbumManagement .albumManagementTwo__addAlbum #AddAlbumButton:hover {
    color: rgba(0, 0, 0, 0.7)
}

#AlbumManagement .albumOwner {
    opacity: 0;
    -moz-transition: 150ms opacity cubic-bezier(0, 0, 0.58, 1);
    -o-transition: 150ms opacity cubic-bezier(0, 0, 0.58, 1);
    -webkit-transition: 150ms opacity cubic-bezier(0, 0, 0.58, 1);
    transition: 150ms opacity cubic-bezier(0, 0, 0.58, 1);
    margin: 0 11px;
    position: absolute;
    top: 18px;
    left: 0;
    color: rgba(0, 0, 0, 0.7);
    font-size: 12px;
    line-height: 0
}

#AlbumManagement .albumOptions__add {
    opacity: 0;
    -moz-transition: 150ms opacity cubic-bezier(0, 0, 0.58, 1);
    -o-transition: 150ms opacity cubic-bezier(0, 0, 0.58, 1);
    -webkit-transition: 150ms opacity cubic-bezier(0, 0, 0.58, 1);
    transition: 150ms opacity cubic-bezier(0, 0, 0.58, 1)
}

#AlbumManagement .album__item {
    position: relative;
    float: left;
    width: 32.33%;
    margin: .5%;
    cursor: pointer;
    -moz-transition: 500ms all ease;
    -o-transition: 500ms all ease;
    -webkit-transition: 500ms all ease;
    transition: 500ms all ease;
    background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.26), transparent 56px, transparent);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.26), transparent 56px, transparent)
}

#AlbumManagement .album__item:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -moz-transition: all 150ms cubic-bezier(0.42, 0, 1, 1);
    -o-transition: all 150ms cubic-bezier(0.42, 0, 1, 1);
    -webkit-transition: all 150ms cubic-bezier(0.42, 0, 1, 1);
    transition: all 150ms cubic-bezier(0.42, 0, 1, 1)
}

#AlbumManagement .album__item:hover .albumOwner {
    opacity: 1;
    -moz-transition: 150ms opacity cubic-bezier(0.42, 0, 1, 1);
    -o-transition: 150ms opacity cubic-bezier(0.42, 0, 1, 1);
    -webkit-transition: 150ms opacity cubic-bezier(0.42, 0, 1, 1);
    transition: 150ms opacity cubic-bezier(0.42, 0, 1, 1)
}

#AlbumManagement .album__item:hover .albumOptions__add {
    opacity: 1;
    -moz-transition: 150ms opacity cubic-bezier(0.42, 0, 1, 1);
    -o-transition: 150ms opacity cubic-bezier(0.42, 0, 1, 1);
    -webkit-transition: 150ms opacity cubic-bezier(0.42, 0, 1, 1);
    transition: 150ms opacity cubic-bezier(0.42, 0, 1, 1)
}

#AlbumManagement .album__item:nth-child(3) {
    margin-right: 0
}

#AlbumManagement .album__item * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#AlbumManagement .album__item__image {
    position: relative;
    width: 100%;
    height: 200px;
    display: block;
    overflow: hidden
}

#AlbumManagement .album__item__image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#AlbumManagement .album__item__info {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    color: white;
    width: 100%;
    height: 84%;
    pointer-events: none
}

#AlbumManagement .album__item__title {
    color: white;
    font-size: 1.3em;
    display: inline-block;
    margin-bottom: 4px;
    margin-top: 47px;
    background: rgba(0, 0, 0, 0.8);
    max-width: 60%;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 2.1
}

#AlbumManagement .album__item__desc {
    font-size: .85em;
    background: rgba(0, 0, 0, 0.8);
    padding: 0 10px;
    line-height: 1.8;
    position: relative;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 83%;
    max-height: 64px
}

#album .photoalbum__header.grid_12 {
    width: 100%;
    overflow: visible
}

#album .photogallery.grid_12 {
    width: 100%;
    margin: 0
}

#album .photo__add__options {
    display: none;
    position: absolute;
    z-index: 999
}

#album .photoalbum__header em {
    display: inline;
    color: black;
    font-size: 1.25em;
    cursor: pointer
}

#album .photoalbum__header em:hover {
    color: #333
}

#album .photoalbum__header h1 {
    display: inline;
    color: black;
    font-size: 1.65em;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-left: 34px;
    margin-top: 3px;
    display: block
}

#album .photoalbum__header .grid_12 {
    overflow: visible
}

#album .photoalbum__header .row {
    margin: 0 !important;
    width: 100% !important
}

#album .photoalbum__header--left {
    width: 50%;
    height: 55px;
    position: relative;
    float: left
}

#album .photoalbum__header--left em {
    margin-right: 10px
}

#album .photoalbum__header--left a {
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 7px
}

#album .photoalbum__header--left #errorMessage {
    color: #D9534F;
    margin-left: 28px;
    font-size: 1.1em;
    font-weight: 500
}

#album .photoalbum__header--right {
    width: 50%;
    height: 55px;
    position: relative;
    float: right
}

#album .photoalbum__header--right em {
    margin-right: 10px;
    font-size: 1.55em;
    margin-left: 10px
}

#album .photoalbum__header--right a {
    text-decoration: none;
    cursor: pointer;
    top: 7px
}

#album .photoalbum__header--right .photoalbum__options {
    float: right;
    margin-top: 7px
}

#album .photoalbum__header--right .photoalbum__options .photo__add {
    float: left;
    margin-right: 2px
}

#album .photoalbum__header--right .photoalbum__options .photo__options {
    display: inline-block;
    overflow: hidden;
    -moz-transition: 200ms all cubic-bezier(0.17, 0.67, 0.83, 0.67);
    -o-transition: 200ms all cubic-bezier(0.17, 0.67, 0.83, 0.67);
    -webkit-transition: 200ms all cubic-bezier(0.17, 0.67, 0.83, 0.67);
    transition: 200ms all cubic-bezier(0.17, 0.67, 0.83, 0.67);
    width: 0
}

#album .photoalbum__header--right .photoalbum__options .photo__options.open {
    width: 43px
}

#album .photoalbum__header--right .photoalbum__options .photo__options--image {
    width: 100px
}

#album .photoalbum__header--right .photoalbum__options .album__options {
    position: relative;
    float: right
}

#album .photoalbum__header--right .photoalbum__options .album__options a {
    font-size: 1.1em;
    color: #000;
    color: rgba(0, 0, 0, 0.7)
}

#album .photoalbum__header--right .photoalbum__options .album__options a:hover {
    text-decoration: none;
    color: #000;
    color: rgba(0, 0, 0, 0.7)
}

#album .photoalbum__header--right .photoalbum__options .album__options__popup {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 1px 3px #000, 0 1px 2px #000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    z-index: 20;
    width: auto
}

#album .photoalbum__header--right .photoalbum__options .album__options__popup li {
    cursor: pointer;
    background-color: white;
    padding: 22px 41px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    margin: 0
}

#album .photoalbum__header--right .photoalbum__options .album__options__popup li:hover {
    background-color: #efefef
}

#album .photogallery {
    position: relative;
    padding: 12px;
    background-color: White;
    box-shadow: 0 1px 3px #000, 0 1px 2px #000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    height: 600px !important;
    overflow-y: scroll;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#album .photogallery__item {
    cursor: pointer
}

#album .photogallery__item em {
    position: absolute;
    top: 12px;
    left: 13px;
    color: white;
    font-size: 2em;
    opacity: .5;
    pointer-events: all
}

#album .photogallery__item.error {
    border: 3px solid red
}

#album .photogallery__item:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)
}

#album .photogallery__item:hover .photogallery__item__selector {
    background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.26), transparent 56px, transparent);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.26), transparent 56px, transparent);
    opacity: 1
}

#album .photogallery__item:hover .photogallery__item__selector em {
    display: block
}

#album .photogallery__item:hover .photogallery__item__selector em:hover {
    opacity: .9;
    -moz-transition: 250ms all ease;
    -o-transition: 250ms all ease;
    -webkit-transition: 250ms all ease;
    transition: 250ms all ease
}

#album .photogallery__item .photogallery__item__selector {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    -moz-transition: 250ms all ease;
    -o-transition: 250ms all ease;
    -webkit-transition: 250ms all ease;
    transition: 250ms all ease;
    z-index: 10
}

#album .photogallery__item img {
    width: 100%
}

#album .photogallery__item__selector--selected {
    position: absolute;
    opacity: 1;
    z-index: 10;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.26), transparent 56px, transparent);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.26), transparent 56px, transparent)
}

#album .photogallery__item__selector--selected em {
    position: absolute;
    top: 12px;
    left: 13px;
    display: block;
    color: white;
    font-size: 2em;
    opacity: 1;
    pointer-events: all
}

.albumOptions .album__options__popup {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 1px 3px #000, 0 1px 2px #000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    z-index: 20;
    width: auto
}

.albumOptions .album__options__popup a {
    font-size: 1.1em;
    color: #000;
    color: rgba(0, 0, 0, 0.7)
}

.albumOptions .album__options__popup a:hover {
    text-decoration: none;
    color: #000;
    color: rgba(0, 0, 0, 0.7)
}

.albumOptions .album__options__popup li {
    cursor: pointer;
    background-color: white;
    padding: 22px 41px;
    margin: 0;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap
}

.albumOptions .album__options__popup li:hover {
    background-color: #efefef
}

.grid_9 {
    overflow: visible !important
}

#ImageUploader {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 645px;
    width: 60%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: white;
    padding: 12px;
    border-radius: 2px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
}

#ImageUploader * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#ImageUploader .row {
    margin: 0 !important;
    width: 100% !important
}

#ImageUploader #AlbumName {
    width: 100%;
    padding: 12px 7px;
    border: 0;
    border-bottom: 5px solid #540e4a;
    font-size: 2.2em;
    box-sizing: content-box;
    max-width: 87%
}

#ImageUploader #AlbumName:focus {
    border-bottom: 5px solid #1E87E4 !important
}

#ImageUploader .AddAlbum__Close {
    position: relative;
    width: 8%;
    display: block;
    height: 70px;
    float: right;
    font-size: 1.9em
}

#ImageUploader .AddAlbum__Close i {
    display: block;
    position: absolute;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    cursor: pointer
}

#ImageUploader .AddAlbum__Close i:hover {
    color: rgba(0, 0, 0, 0.7)
}

#ImageUploader .imageUpload__fileName {
    position: absolute;
    left: 5%;
    bottom: 12%;
    width: 90%;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#ImageUploader .AlbumGallery {
    height: 300px;
    position: relative;
    border: 2px solid #000;
    border: 2px solid rgba(0, 0, 0, 0.2);
    padding: 3px;
    margin: 11px 0;
    overflow-y: scroll
}

#ImageUploader .AlbumGallery__item {
    float: left;
    padding: 9.9%;
    width: 0;
    overflow: hidden;
    position: relative;
    margin: .1%
}

#ImageUploader .AlbumGallery__item .fa-spin {
    position: absolute;
    font-size: 1.5em;
    left: 39%;
    top: 45%;
    display: inline
}

#ImageUploader .AlbumGallery__item .fa-file-pdf-o {
    font-size: 2.5em;
    left: 36%;
    top: 32%
}

#ImageUploader .AlbumGallery__item img {
    top: 50%;
    position: absolute;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 100%;
    max-width: 100%
}

#ImageUploader .AddAlbum__options .row {
    width: 50% !important;
    display: block;
    float: left
}

#ImageUploader .AddAlbum__options button,
#ImageUploader .AddAlbum__options .checkout-page.checkout-page_multi .select-button input,
.checkout-page.checkout-page_multi .select-button #ImageUploader .AddAlbum__options input,
#ImageUploader .AddAlbum__options .checkout-page__billing-address .address-grid td .address-item .select-button input,
.checkout-page__billing-address .address-grid td .address-item .select-button #ImageUploader .AddAlbum__options input,
#ImageUploader .AddAlbum__options .t-grid .t-button,
.t-grid #ImageUploader .AddAlbum__options .t-button {
    background: #696969;
    color: white;
    border: 0
}

#ImageUploader .AddAlbum__options button:hover,
#ImageUploader .AddAlbum__options .checkout-page.checkout-page_multi .select-button input:hover,
.checkout-page.checkout-page_multi .select-button #ImageUploader .AddAlbum__options input:hover,
#ImageUploader .AddAlbum__options .checkout-page__billing-address .address-grid td .address-item .select-button input:hover,
.checkout-page__billing-address .address-grid td .address-item .select-button #ImageUploader .AddAlbum__options input:hover,
#ImageUploader .AddAlbum__options .t-grid .t-button:hover,
.t-grid #ImageUploader .AddAlbum__options .t-button:hover {
    background: #838383
}

#ImageUploader #FileUpload {
    display: none
}

#ImageUploader #file #AddAlbum #UploadExisting {
    width: 250px
}

#ImageUploader .AddAlbum__options__social em {
    display: inline-block;
    cursor: pointer;
    font-size: 2.8em;
    margin: 7px 2px
}

#ImageUploader .AddAlbum__options__social em.fa-facebook-square {
    color: #3B5999
}

#ImageUploader .AddAlbum__options__social em.fa-facebook-square:hover {
    color: #4d70ba
}

#ImageUploader .AddAlbum__options__social em.fa-instagram {
    color: #DE4B39
}

#ImageUploader .AddAlbum__options__social em.fa-instagram:hover {
    color: #e57365
}

#ImageUploader .AddAlbum__options__social em.fa-dropbox {
    color: #54ABEE
}

#ImageUploader .AddAlbum__options__social em.fa-dropbox:hover {
    color: #82c2f3
}

#ImageUploader #AddAlbum__Done button,
#ImageUploader #AddAlbum__Done .checkout-page.checkout-page_multi .select-button input,
.checkout-page.checkout-page_multi .select-button #ImageUploader #AddAlbum__Done input,
#ImageUploader #AddAlbum__Done .checkout-page__billing-address .address-grid td .address-item .select-button input,
.checkout-page__billing-address .address-grid td .address-item .select-button #ImageUploader #AddAlbum__Done input,
#ImageUploader #AddAlbum__Done .t-grid .t-button,
.t-grid #ImageUploader #AddAlbum__Done .t-button {
    background-color: #540e4a;
    color: white;
    float: right
}

#ImageUploader #AddAlbum__Done button:hover,
#ImageUploader #AddAlbum__Done .checkout-page.checkout-page_multi .select-button input:hover,
.checkout-page.checkout-page_multi .select-button #ImageUploader #AddAlbum__Done input:hover,
#ImageUploader #AddAlbum__Done .checkout-page__billing-address .address-grid td .address-item .select-button input:hover,
.checkout-page__billing-address .address-grid td .address-item .select-button #ImageUploader #AddAlbum__Done input:hover,
#ImageUploader #AddAlbum__Done .t-grid .t-button:hover,
.t-grid #ImageUploader #AddAlbum__Done .t-button:hover {
    background: #5ab5e4
}

#ImageUploader #AddAlbum__Loading {
    float: right;
    position: relative;
    top: 13px;
    margin: 0 9px 0 4px
}

#ImageUploader #AddAlbum__Loading i {
    display: inline;
    font-size: 1.8em
}

#ImageUploader #AddAlbum__FileLimit {
    display: block;
    float: right;
    line-height: 54px;
    height: 37px;
    margin-right: 10px
}

#ImageUploader #imageErrors .imageError {
    margin: 8px 0
}

.AlbumGallery__item.albumItemLoading .fa-times {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    color: white;
    font-size: 25px;
    display: none;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgba(98, 98, 98, 0.3);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 6.3px 9.7px;
    z-index: 999
}

.AlbumGallery__item.albumItemLoading:hover .fa-times {
    display: block
}

.AlbumGallery__item.albumItemLoading .fa-times:hover {
    background: rgba(98, 98, 98, 0.5)
}

.albumManagement__sharingSettings {
    display: none
}

.albumManagement__sharingSettings #individualCategoryShares {
    max-height: 105px;
    overflow-y: auto;
    padding: 10px 17px;
    background-color: #fafafa;
    margin: 7px 0
}

.albumManagement__sharingSettings #individualProductShares {
    max-height: 105px;
    overflow-y: auto;
    padding: 10px 17px;
    background-color: #fafafa;
    margin: 7px 0
}

.albumManagement__sharingSettings .row {
    margin: 10px 0
}

.albumManagement__sharingSettings input {
    margin: 10px 2px 0 0 !important
}

.albumManagement__sharingSettings label {
    font-size: 1.1em;
    margin-left: 9px;
    display: inline-block
}

.albumManagement__sharingSettings #CustomerRoleId {
    margin-left: 8px;
    padding: 4px
}

.albumManagement__sharingSettings.albumManagementSettings {
    max-width: 350px;
    padding: 22px;
    width: 100%
}

#categoryShare ~ #individualCategoryShares {
    display: none
}

#categoryShare:checked ~ #individualCategoryShares {
    display: block
}

#productShare ~ #individualProductShares {
    display: none
}

#productShare:checked ~ #individualProductShares {
    display: block
}

#AlbumSharingSubContainer #SaveSharingType {
    background-color: #540e4a;
    padding: 11px 20px;
    border-radius: 4px;
    color: white;
    font-size: 1.1em;
    float: right;
    text-align: center;
    margin-top: 10px;
    cursor: pointer
}

#AlbumSharingSubContainer #SaveSharingType:hover {
    background: #5ab5e4
}

#AlbumSharingSubContainer #CancelSharing {
    background-color: #696969;
    padding: 11px 20px;
    border-radius: 4px;
    color: white;
    font-size: 1.1em;
    float: left;
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
    margin-left: 0
}

#AlbumSharingSubContainer #CancelSharing:hover {
    background: #838383
}

.albumManagement__renameAlbum {
    display: none;
    width: 80%;
    max-width: 548px
}

.albumManagement__renameAlbum .albumManagementContainer {
    height: 100%
}

.albumManagement__renameAlbum #renameAlbum__Name {
    width: 90%;
    float: left;
    margin: 0;
    height: 58px;
    padding: 10px 13px;
    border: 0;
    border-bottom: 5px solid #540e4a;
    font-size: 2.2em;
    max-width: 90%
}

.albumManagement__renameAlbum #renameAlbum__Done {
    right: -3px;
    position: absolute;
    background: #540e4a;
    border-bottom-right-radius: 4px;
    color: white;
    font-size: 1.2em;
    border-top-right-radius: 4px;
    display: block;
    height: 100%;
    width: 80px;
    text-align: center;
    line-height: 57px;
    margin: 0
}

.albumManagement__renameAlbum #renameAlbum__Done:hover {
    background: #5ab5e4
}

.albumManagement__renameAlbum #renameAlbum__Done:hover ~ input {
    border-bottom: 5px solid #5ab5e4
}

.albumManagement__deleteAlbum {
    display: none
}

.albumManagement__deleteAlbum .row {
    margin: 0 !important;
    width: 100% !important
}

.albumManagement__deleteAlbum label {
    background: #696969;
    color: white;
    padding: 11px 25px;
    display: inline-block;
    border-radius: 5px
}

.albumManagement__deleteAlbum label:hover {
    background: #838383
}

.albumManagement__deleteAlbum.albumManagementSettings {
    padding: 17px;
    max-width: 235px;
    width: 100%
}

.deleteAlbum__error {
    width: 170px;
    display: block;
    color: #D9534F;
    padding: 3px 0 17px;
    font-weight: 500
}

#deleteAlbum--No {
    float: left
}

#deleteAlbum--Yes {
    float: right
}

#ExistingImageUploader {
    display: none;
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    background: white;
    padding: 12px;
    border-radius: 2px;
    box-shadow: 0 1px 3px #000, 0 1px 2px #000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)
}

#ExistingImageUploader #AddExistingAlbumViewer {
    display: none;
    position: absolute;
    z-index: 40;
    width: 499px
}

#ExistingImageUploader #AddExistingAlbumViewer * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#ExistingImageUploader #AddExistingAlbumViewer .row {
    margin: 0 !important;
    width: 100% !important
}

#ExistingImageUploader #ExistingImageUploader__Cancel {
    padding: 10px 20px;
    border-radius: 4px;
    color: white;
    font-size: 1.1em;
    text-align: center;
    cursor: pointer;
    background: gray;
    float: left
}

#ExistingImageUploader #ExistingImageUploader__AddImages {
    padding: 10px 20px;
    border-radius: 4px;
    color: white;
    font-size: 1.1em;
    text-align: center;
    cursor: pointer;
    background: #2E7C32;
    float: right
}

#ExistingImageUploader #ExistingImageViewer {
    height: 309px;
    position: relative;
    left: 0;
    margin: 3px 0 15px;
    border: 2px solid rgba(0, 0, 0, 0.23);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: scroll
}

#ExistingImageUploader .ExistingImageViewer__Folder {
    padding: 9px;
    border-bottom: 1px solid gray
}

#ExistingImageUploader .ExistingImageViewer__Folder:hover {
    background: rgba(46, 124, 50, 0.1)
}

#ExistingImageUploader .ExistingImageViewer__Folder #albumName {
    font-size: 1.15em;
    font-weight: bold;
    letter-spacing: .5px;
    line-height: 1.6
}

#ExistingImageUploader .ExistingImageViewer__Folder #albumDescription {
    font-size: .9em;
    margin-left: 6px
}

#ExistingImageUploader .ExistingImageViewer__Folder .fa {
    color: black;
    display: inline-block;
    padding: 4px
}

#ExistingImageUploader .ExistingImageViewer__Folder--selected {
    padding: 9px;
    border-bottom: 1px solid gray;
    background-color: #2E7C32;
    color: white
}

.albumManagementSettings {
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: white;
    border-radius: 2px;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22)
}

#imageErrorModal {
    display: none;
    position: fixed;
    top: 50%;
    padding: 20px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 1px 3px #000, 0 1px 2px #000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999
}

#imageErrorModal .row {
    width: 100%;
    margin: 0;
    display: block
}

#imageErrorModal h3 {
    color: #D9534F;
    margin: 0
}

#imageErrorModal #imageErrors {
    margin: 12px 0 27px
}

#imageErrorModal #imageError__Close {
    float: right;
    background-color: #696969;
    color: white;
    border: 0
}

.photoalbum__header.grid_12 .row {
    overflow: visible
}

#albums .albumOptions__add {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 0;
    right: 0
}

#albums .albumOptions__add i {
    display: block;
    position: absolute;
    top: 9px;
    right: 12px;
    font-size: 1.8em;
    color: rgba(0, 0, 0, 0.7)
}

.albumManagementTwo__albumPaging {
    float: right
}

.albumManagementTwo__albumPaging li {
    margin: 0;
    opacity: 1
}

.albumManagementTwo__albumPaging li.active {
    opacity: .3
}

.albumManagementTwo__albumSearch {
    display: none;
    position: absolute;
    top: -44px;
    right: 61px
}

.albumManagementTwo__albumSearch input {
    font-size: 17px;
    padding: 7px;
    margin: 0;
    border: 0;
    background: #eee;
    width: 100%;
    border-radius: 2px
}

.albumManagementTwo__albumSearch input:focus {
    border: 0
}

.albumManagementTwo__albumSearch .icon {
    position: absolute;
    right: -6px;
    display: inline-block;
    top: 10px
}

.albumManagementTwo__albumSearch .icon i {
    display: block
}

@media(max-width:959px) {
    #AlbumManagement .album__item {
        width: 49%
    }

    #AlbumManagement .album__item:nth-child(3) {
        margin-right: 1%
    }

    #AlbumManagement .album__item:nth-child(even) {
        margin-right: 0
    }

    #album .photogallery__item {
        width: 48%
    }

    #ImageUploader {
        width: 75%
    }
}

@media(max-width:479px) {
    #AlbumManagement .album__item {
        width: 100%;
        margin-bottom: 1.5%
    }

    #AlbumManagement .album__item:nth-child(even) {
        margin-right: 1%
    }

    #album .photogallery__item {
        width: 92%
    }
}

@media(max-width:767px) {
    #album .photogallery__item {
        width: 47%
    }

    #ImageUploader {
        width: 90%
    }

    .albumManagementTwo__albumSearch {
        position: static;
        width: 99.2%;
        margin: 6px 1px
    }
}

@media(max-width:768px) {
    #ImageUploader .AlbumGallery__item .fa-file-pdf-o {
        font-size: 5vw;
        left: 33%;
        top: 30%
    }
}

@media screen and (max-width:480px) {
    .albumManagement__renameAlbum {
        display: none;
        width: 90%;
        max-width: 548px
    }

    #album .photoalbum__header em {
        font-size: 1.3em
    }

    #album .photoalbum__header h1 {
        font-size: 1.3em
    }

    #album .photoalbum__header--right em {
        font-size: 1.6em;
        margin-left: 0
    }

    #album .photoalbum__header--right .photoalbum__options .photo__options.open {
        width: 35px
    }
}

@media screen and (max-width:768px) {
    .albumManagement__renameAlbum #renameAlbum__Done {
        padding: 11.8px 10px 19px
    }

    .albumManagement__renameAlbum #renameAlbum__Name {
        font-size: 1.25em;
        width: 90%
    }
}

.customer-addresses .address-item .buttonWrapper {
    position: relative
}

.customer-addresses .select-button {
    position: absolute;
    right: 0
}

.customer-addresses .address_text {
    padding: 5px
}

.customer-addresses .address_text div {
    padding-bottom: 2px;
    border-bottom: 1px dashed #eee;
    margin-bottom: 3px
}

.order-item .buttons {
    float: right;
    padding: 10px
}

.order-item .content {
    float: left
}

.address-item .buttons {
    float: right;
    padding: 10px
}

.address-item .content {
    float: left
}

.addAddressButtonWrapper {
    float: right
}

.saveAddressButtons {
    text-align: left
}

.albumItemContainer {
    float: left;
    width: 20%;
    max-width: 177px;
    height: 215px;
    overflow: hidden;
    position: relative
}

.albumItemContainer .marker {
    padding: 0;
    margin: 0
}

.fileinput-button {
    float: none !important
}

.imageItem {
    width: 177px;
    height: 150px;
    overflow: hidden;
    background: #ccc;
    border: 1px solid #EEE;
    margin-bottom: 10px
}

.imageItem img {
    min-height: 150px;
    min-width: 177px
}

.externalToken {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 300px
}

.button {
    text-align: right;
    margin-top: 10px
}

.albumManagement .currentSelectedAlbum {
    background-image: none;
    background-color: #540e4a
}

.account-page {
    min-height: 500px;
    margin-bottom: 30px
}

.account-page h1 {
    margin-top: 2rem
}

.account-page .section-title {
    font-size: 1rem;
    line-height: 1.625em;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
    color: #540e4a;
    font-weight: 600;
    font-variant-ligatures: common-ligatures
}

.account-page .customer-info-box .customer-info-box {
    max-width: 909px
}

.account-page .customer-info-box .section-body {
    background: #FFF;
    padding: 19px 27px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5);
    margin-bottom: 18px;
    margin-top: 8px
}

.account-page .customer-info-box .section-body:last-of-type {
    margin-top: 0
}

.account-page .customer-info-box .customer__section {
    float: left;
    width: 100%
}

@media(min-width:761px) {
    .account-page .customer-info-box .customer__section {
        width: 49%;
        margin-right: 2%
    }
}

.account-page .customer-info-box .customer__section:nth-child(even) {
    margin: 0
}

.account-page .customer-addresses th,
.account-page .customer-addresses td {
    display: table-cell;
    min-width: 82px;
    padding: 3px
}

@media(max-width:959px) {

    .account-page .customer-addresses th,
    .account-page .customer-addresses td {
        margin-top: 9px;
        font-size: .9rem
    }
}

@media(min-width:960px) {

    .account-page .customer-addresses th,
    .account-page .customer-addresses td {
        text-align: center
    }
}

.account-page .customer-addresses th {
    height: 45px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1.36363636363636em;
    color: #333;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif
}

.account-page .customer-addresses input {
    width: 100%
}

.account-page .customer-addresses .address-item table table {
    font-size: 12px;
    vertical-align: middle
}

.account-page .customer-addresses .address-item table table tbody {
    padding: 16px;
    display: block
}

.account-page .customer-addresses .address-item table table tr td:first-child,
.account-page .customer-addresses .address-item table table tr label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
    margin: 0
}

.account-page .editAddressTable,
.account-page .addAddressTable,
.account-page .editAddressTable + table,
.account-page .addAddressTable + table {
    max-width: 430px;
    margin: 0 auto
}

@media(min-width:1041px) {

    .account-page .editAddressTable,
    .account-page .addAddressTable,
    .account-page .editAddressTable + table,
    .account-page .addAddressTable + table {
        max-width: 833px
    }
}

@media(min-width:1041px) {

    .account-page .editAddressTable tr,
    .account-page .addAddressTable tr {
        display: inline-block;
        width: 50%
    }
}

.account-page .address-item,
.account-page .order-item,
.account-page .addAddressTable,
.account-page .editAddressTable {
    background: #FFF;
    padding: 13px 19px 13px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5);
    margin-bottom: 4px
}

@media(min-width:960px) {

    .account-page .address-item th,
    .account-page .order-item th,
    .account-page .addAddressTable th,
    .account-page .editAddressTable th {
        border-bottom: 2px solid #540e4a
    }
}

@media(min-width:960px) {

    .account-page .address-item tr th:nth-child(4) td:first-child,
    .account-page .address-item tr td:nth-child(4) td:first-child {
        text-align: right
    }
}

.account-page .address-item tr th:nth-child(4) td:nth-child(2),
.account-page .address-item tr td:nth-child(4) td:nth-child(2) {
    text-align: left
}

.account-page .order-item b {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 2.36em;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif
}

.account-page input[type="button"],
.account-page input[type="reset"],
.account-page input[type="submit"] {
    float: right;
    margin-left: 5px
}

.account-page .albumManagement,
.account-page .albumContentList,
.account-page .uploadControl {
    background: #FFF;
    padding: 20px 23px 17px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5);
    margin-bottom: 10px
}

.account-page #imageControls {
    padding: 0 29px
}

.account-page .customer-pass-recovery {
    margin: 0 auto;
    background: #FFF;
    padding: 20px 23px 17px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5)
}

@media(min-width:960px) {
    .account-page .customer-pass-recovery {
        max-width: 426px
    }
}

.account-page .customer-pass-recovery .button {
    float: none;
    width: 100%;
    margin-top: 12px
}

.orderLineItems .t-toolbar {
    text-align: center
}

.orderLineItems #searchBtn {
    text-indent: -9999px;
    overflow: hidden;
    width: 27px;
    display: inline-block;
    vertical-align: -9px;
    margin-left: 4px;
    position: relative
}

.orderLineItems #searchBtn:hover:before {
    color: #5ab5e4
}

.orderLineItems #searchBtn:before {
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e610";
    position: absolute;
    top: 0;
    left: 1px;
    font-size: 21px;
    color: #540e4a;
    text-indent: 0
}

.orders_v2 {
    padding-left: 10px;
    display: block;
    font-family: Helvetica, Arial, sans-serif;
    margin-top: 30px;
    background: #FFF;
    padding: 24px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5)
}

.orders_v2:after {
    content: "";
    display: table;
    clear: both
}

.orders_v2 * {
    box-sizing: content-box
}

.orders_v2 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-indent: 0
}

.orders_v2 li {
    list-style: none;
    padding: 0;
    margin: 0
}

.orders_v2 .orders_row {
    position: relative;
    float: left;
    margin-bottom: 10px;
    background-color: transparent;
    width: 100%
}

.orders_v2 .orders_halfrow {
    position: relative;
    float: left;
    margin-bottom: 10px;
    background-color: transparent;
    width: 50%
}

.orders_v2 .order_show {
    position: relative;
    float: left;
    width: 100%
}

.orders_v2 .order_toggle_filter {
    position: relative;
    float: right;
    width: 12.7%;
    padding-left: 1%;
    padding-right: 1%;
    margin-left: 1%;
    height: 25px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 25px;
    vertical-align: middle
}

.orders_v2 .order_Pending {
    background-color: #196ea9
}

.orders_v2 .order_Pending:hover {
    background-color: #196ea9 !important;
    color: #fff !important
}

.orders_v2 .order_Unpaid {
    background-color: #25686e
}

.orders_v2 .order_Unpaid:hover {
    background-color: #25686e !important;
    color: #fff !important
}

.orders_v2 .order_Processing {
    background-color: #ffa600
}

.orders_v2 .order_Processing:hover {
    background-color: #ffa600 !important;
    color: #fff !important
}

.orders_v2 .order_Complete {
    background-color: #81df20
}

.orders_v2 .order_Complete:hover {
    background-color: #81df20 !important;
    color: #fff !important
}

.orders_v2 .order_Cancelled {
    background-color: #e11e21
}

.orders_v2 .order_Cancelled:hover {
    background-color: #e11e21 !important;
    color: #fff !important
}

.orders_v2 .order_All {
    background-color: #2b3238;
    color: #fff !important
}

.orders_v2 .order_All:hover {
    background-color: #2b3238 !important;
    color: #fff !important
}

.orders_v2 .default {
    opacity: 1;
    background-color: #f2f2f2;
    color: #808080 !important
}

.orders_v2 .order_filt {
    position: relative;
    float: left;
    width: 0
}

.orders_v2 .order_filt select {
    position: relative;
    float: left;
    width: 49%;
    padding: 0;
    height: 25px;
    border: solid 2px #e5e5e5
}

.orders_v2 .order_filt .order_txt {
    width: 49%;
    margin-right: 1%;
    text-align: right
}

.orders_v2 .order_txt {
    position: relative;
    float: left;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    color: #252525
}

.orders_v2 .order_sort {
    position: relative;
    float: left;
    width: 100%
}

.orders_v2 .order_sort .order_txt {
    line-height: 37px
}

.orders_v2 .order_sort select {
    box-sizing: border-box;
    margin-left: 10px
}

.orders_v2 .orders_page_title {
    float: left
}

.orders_v2 .order_search {
    position: relative;
    float: right;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: .5%;
    width: 70%
}

.orders_v2 .order_search .order_searchbox {
    float: right;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.orders_v2 .order_search .order_search_button {
    margin: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.orders_v2 .order_page_select_container {
    position: relative;
    float: right
}

.orders_v2 .order_page_select_container .order_page_but {
    position: relative;
    float: left;
    width: 25px;
    height: 25px;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
    margin-left: 5px;
    background-color: #e5e5e5;
    color: #828080;
    border: 0;
    padding: 0
}

.orders_v2 .order_page_select_container .order_page_but:hover {
    background-color: #540e4a;
    text-decoration: none;
    color: #fff
}

.orders_v2 .order_page_select_container .order_page_state {
    position: relative;
    float: left;
    width: 58px;
    height: 25px;
    line-height: 26px;
    vertical-align: middle;
    text-align: center;
    margin-left: 5px;
    background-color: #e5e5e5;
    color: #828080;
    border: 0;
    padding: 0
}

.orders_v2 .inactive {
    opacity: .5;
    background-color: #e5e5e5 !important;
    color: #f2f2f2 !important;
    cursor: default
}

.orders_v2 .active {
    opacity: 1
}

.orders_v2 .current {
    background-color: #540e4a !important;
    color: #fff !important
}

.orders_v2 .order_container {
    position: relative;
    float: left;
    width: 100%;
    background-color: #e5e5e5
}

.orders_v2 .order_container .order_details {
    position: relative;
    float: left;
    width: 29%;
    padding: 2%;
    background: #f2f2f2;
    background-image: linear-gradient(to bottom, #f7f7f7 0, #e5e5e5 100%)
}

.orders_v2 .order_container ul {
    margin-bottom: 13px
}

.orders_v2 .order_container ul li {
    margin-bottom: 2px;
    color: #7f7f7f
}

.orders_v2 .order_container .order_show_details_but {
    position: relative;
    float: left;
    width: 80%;
    line-height: 36px;
    text-align: center;
    background-color: #540e4a;
    color: #fff
}

.orders_v2 .order_container .order_show_details_but:hover {
    text-decoration: none;
    background-color: #FFAA19;
}

.orders_v2 .order_container .order_hide_details_but {
    position: relative;
    float: left;
    width: 100%;
    line-height: 36px;
    text-align: center;
    background-color: #540e4a;
    color: #fff
}

.orders_v2 .order_container .hide {
    display: none
}

.orders_v2 .order_container .short_view_order_details {
    max-height: 46px;
    overflow: hidden;
    width: 76%;
    transition: all .3s linear
}

.orders_v2 .order_container .short_view_status_details {
    height: 47px;
    padding: 2%;
    width: 16%;
    background-color: #e11e21;
    line-height: 47px;
    transition: all .3s linear
}

.orders_v2 .order_container .short_view_prod_list_details {
    display: none;
    transition: all .3s linear
}

.orders_v2 .order_q_info .order_title {
    color: #540e4a;
    font-size: 14px;
    margin-bottom: 5px
}

.orders_v2 .order_q_info .order_title .o_data {
    font-weight: bold;
    color: #2b3238
}

.orders_v2 .order_q_info .order_info .o_data {
    color: #540e4a
}

.orders_v2 .order_info_total {
    position: absolute;
    bottom: 0;
    right: 0;
    min-width: 17.5%;
    padding-left: 1%;
    padding-right: 1.5%;
    height: 33px;
    padding-top: 3px;
    text-align: right;
    background-color: #2b3238;
    color: #fff;
    font-size: 13px;
    z-index: 2
}

.orders_v2 .order_info_total .o_data {
    font-size: 17px;
    font-weight: bold
}

.orders_v2 .order_f_info .order_title {
    color: #540e4a
}

.orders_v2 .order_f_info .order_info .o_data {
    color: #000
}

.orders_v2 .order_status_container {
    position: relative;
    float: right;
    width: 20%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff
}

.orders_v2 .order_status_container .order_status {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.orders_v2 .order_products_list {
    position: relative;
    float: right;
    width: 63%;
    padding: 2%
}

.orders_v2 .order_products_list li {
    position: relative;
    float: left;
    min-height: 90px;
    line-height: 16px;
    vertical-align: baseline;
    background-color: #fff;
    text-align: center;
    padding-top: 5px
}

.orders_v2 .order_products_list ul {
    position: relative;
    float: left;
    width: 100%;
    background-color: #fff;
    margin-bottom: 7px;
    min-height: 150px
}

.orders_v2 .order_products_list .order_line_Cancelled {
    border: solid 1px #e11e21;
    box-sizing: border-box
}

.orders_v2 .order_products_list .order_line_Cancelled .order_Cancelled {
    background-color: #e11e21;
    padding: 5px;
    text-align: right;
    color: #fff;
    padding-right: 12px
}

.orders_v2 .order_products_list .order_line_Cancelled .order_prod_total {
    background-color: #e11e21
}

.orders_v2 .order_products_list .order_line_Cancelled .order_prod_name {
    color: #e11e21
}

.orders_v2 .order_products_list .order_prodlist_head {
    text-align: center
}

.orders_v2 .order_products_list .order_prodlist_head .order_prod_thumbnail {
    width: 40%;
    min-height: 25px !important
}

.orders_v2 .order_products_list .order_prodlist_head .order_prod_name {
    width: 30%;
    min-height: 25px !important
}

.orders_v2 .order_products_list .order_prodlist_head .order_prod_custom_name {
    width: 25%;
    min-height: 25px !important
}

.orders_v2 .order_products_list .order_prodlist_head .order_prod_price {
    width: 10%;
    min-height: 25px !important
}

.orders_v2 .order_products_list .order_prodlist_head .order_prod_quantity {
    width: 10%;
    min-height: 25px !important
}

.orders_v2 .order_products_list .order_prodlist_head .order_prod_total {
    width: 10%;
    min-height: 25px !important
}

.orders_v2 .order_products_list .order_prod_thumbnail {
    width: 40%;
    overflow: hidden
}

.orders_v2 .order_products_list .order_prod_thumbnail img {
    max-height: 200px;
    max-width: 100%;
    border: solid 1px #e5e5e5
}

.orders_v2 .order_products_list .order_prod_name {
    line-height: 24px;
    width: 60%;
    position: relative;
    float: left;
    text-align: left;
    line-height: 20px;
    margin-top: 10px;
    color: #540e4a;
    font-weight: bold
}

.orders_v2 .order_products_list .order_prod_name .custom_name {
    color: #2b3238
}

.orders_v2 .order_products_list .order_prod_total {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 16%;
    padding: 1%;
    background-color: #540e4a;
    text-align: center;
    color: #fff;
    border-top-left-radius: 10px
}

.orders_v2 .completepaymentbutton {
    position: absolute;
    left: 0;
    bottom: 11px;
    border: 0;
    background-color: #25686e;
    color: #fff
}

.orders_v2 .completepaymentbutton:hover {
    background-color: #314e51;
    text-decoration: none
}

.orders_v2 .order_fullinfo {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 37px
}

.AbortPayment {
    position: absolute;
    top: 5px;
    right: 9px;
    font-size: 19px;
    color: #626262 !important;
    cursor: pointer
}

.AbortPayment .fa {
    display: inline-block;
    margin: 0
}

@media only screen and (max-width:1200px) and (min-width:959px) {
    .orders_v2 .order_container .short_view_order_details {
        width: 70%
    }

    .orders_v2 .order_container .short_view_status_details {
        width: 22%
    }

    .orders_v2 .order_container .order_show_details_but {
        width: 74%
    }

    .orders_v2 .order_info_total {
        width: 23.5%
    }
}

@media only screen and (max-width:959px) and (min-width:768px) {
    .orders_v2 .order_container .short_view_order_details {
        width: 60%
    }

    .orders_v2 .order_container .short_view_status_details {
        width: 32%
    }

    .orders_v2 .order_container .order_show_details_but {
        width: 64%
    }

    .orders_v2 .order_container .order_details {
        position: relative;
        float: left;
        width: 96%;
        border-bottom: solid 1px #fff
    }

    .orders_v2 .order_info_total {
        width: 33.5%
    }

    .orders_v2 .order_f_info {
        position: relative;
        float: left;
        width: 50%
    }

    .orders_v2 .order_status_container {
        position: absolute;
        top: 0;
        right: 0;
        width: 36%;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: #fff
    }

    .orders_v2 .order_products_list {
        position: relative;
        float: right;
        width: 96%;
        padding: 2%
    }

    .orders_v2 .order_toggle_filter {
        width: 15%
    }

    .orders_v2 .order_sort select {
        width: 219px
    }

    #order_details_v2 .od_products_container .od_product_box .od_product_quantity {
        left: 60%
    }
}

@media only screen and (max-width:767px) {
    .orders_v2 .order_container .short_view_order_details {
        width: 60%
    }

    .orders_v2 .order_container .short_view_status_details {
        width: 32%
    }

    .orders_v2 .order_container .order_show_details_but {
        width: 64%;
        line-height: 38px
    }

    .orders_v2 .order_container .order_details {
        position: relative;
        float: left;
        width: 96%;
        border-bottom: solid 1px #fff
    }

    .orders_v2 .order_info_total {
        width: 33.5%;
        padding-left: 1%;
        padding-right: 1.5%;
        height: 35px;
        padding-top: 3px;
        text-align: right;
        background-color: #2b3238;
        color: #fff;
        font-size: 13px;
        z-index: 2;
        line-height: 30px
    }

    .orders_v2 .order_f_info {
        position: relative;
        float: left;
        width: 100%
    }

    .orders_v2 .order_status_container {
        position: absolute;
        top: 0;
        right: 0;
        width: 36%;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: #fff
    }

    .orders_v2 .order_products_list {
        position: relative;
        float: right;
        width: 96%;
        padding: 2%
    }

    .orders_v2 .order_products_list .order_prod_thumbnail {
        width: 100%;
        overflow: hidden
    }

    .orders_v2 .order_products_list .order_prod_name {
        width: 96%;
        padding-left: 2%;
        position: relative;
        float: left;
        text-align: left;
        line-height: 20px;
        margin-top: 10px;
        color: #540e4a;
        font-weight: bold;
        margin-bottom: 50px
    }

    .orders_v2 .order_products_list .order_prod_price {
        position: absolute;
        bottom: 0;
        left: 2%;
        width: 40%;
        height: 40px
    }

    .orders_v2 .order_products_list .order_prod_quantity {
        position: absolute;
        bottom: 0;
        left: 30%;
        width: 20%;
        height: 40px
    }

    .orders_v2 .order_products_list .order_prod_total {
        position: absolute;
        bottom: 0;
        left: 55%;
        width: 41%;
        padding: 1%;
        background-color: #540e4a;
        text-align: center;
        color: #fff;
        border-top-left-radius: 10px
    }

    .orders_v2 .order_sort {
        width: 100%
    }

    .orders_v2 .order_sort select {
        width: 219px;
        width: 93%;
        height: 40px;
        margin-bottom: 10px
    }

    .orders_v2 .order_toggle_filter {
        width: 12%;
        position: relative;
        float: right;
        width: 13.6%;
        padding-left: .5%;
        padding-right: .5%;
        margin: 1%;
        height: 48px;
        text-align: center;
        text-decoration: none;
        color: #2b3238;
        line-height: 48px;
        vertical-align: middle
    }

    .orders_v2 .orders_page_title {
        width: 25.5%;
        padding-left: 4%;
        height: 54px;
        line-height: 54px;
        vertical-align: middle;
        font-size: 30px;
        margin: 0
    }

    .orders_v2 .order_search {
        padding-right: 2%;
        width: 68.5%
    }

    .orders_v2 .order_search .order_searchbox {
        width: 75%;
        padding: 0;
        padding-left: 7px;
        height: 44px
    }

    .orders_v2 .order_search .order_search_button {
        position: relative;
        float: right;
        width: 47px;
        padding: 0;
        height: 44px;
        border: 0;
        background-color: #540e4a;
        color: #fff
    }

    .orders_v2 .order_page_select_container .order_page_state {
        position: relative;
        float: left;
        width: 129px;
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
        text-align: center;
        margin: 2px;
        background-color: #e5e5e5;
        color: #828080;
        border: 0;
        padding: 0;
        font-size: 20px
    }

    .orders_v2 .order_page_select_container .order_page_but {
        position: relative;
        float: left;
        width: 74px;
        height: 30px;
        line-height: 20px;
        vertical-align: middle;
        text-align: center;
        margin: 2px;
        background-color: #e5e5e5;
        color: #828080;
        border: 0;
        padding: 0;
        font-size: 20px
    }

    .orders_v2 .order_txt {
        display: none
    }

    .orders_v2 .orders_halfrow {
        position: relative;
        float: left;
        margin-bottom: 10px;
        background-color: transparent;
        width: 100%;
        text-align: center
    }

    .orders_v2 .order_q_info .order_title {
        font-size: 20px
    }

    .order_f_info_m {
        width: 50% !important
    }
}

@media only screen and (max-width:480px) {
    .orders_v2 .orders_page_title {
        width: 100%;
        padding: 0;
        text-align: center
    }

    .orders_v2 .order_search {
        padding-right: .5%;
        width: 99.5%
    }

    .orders_v2 .order_search .order_searchbox {
        width: 80%
    }

    .orders_v2 .order_toggle_filter {
        width: 98%;
        padding: 0
    }

    .orders_v2 .order_page_select_container .order_page_but {
        width: 45px;
        height: 35px
    }

    .orders_v2 .order_page_select_container .order_page_state {
        width: 90px;
        height: 35px;
        line-height: 35px
    }

    .orders_v2 .order_container .short_view_status_details {
        position: relative;
        width: 96%;
        height: 20px;
        line-height: 30px;
        margin-bottom: -3px
    }

    .orders_v2 .order_container .order_show_details_but {
        width: 100%;
        margin-top: 38px
    }

    .orders_v2 .order_container .short_view_order_details {
        max-height: 41px
    }

    .orders_v2 .order_info_total {
        width: 100%;
        padding: 0;
        height: 35px;
        bottom: 38px;
        text-align: center;
        line-height: 35px
    }

    .orders_v2 .order_status_container {
        position: relative;
        width: 100%
    }

    #order_details_v2 .od_half_row {
        width: 100%
    }

    #order_details_v2 .od_p5_row {
        width: 50%
    }

    #order_details_v2 .od_print_button {
        width: 130px
    }

    #order_details_v2 .od_pdf_button {
        width: 130px
    }

    #order_details_v2 .od_status {
        width: 270px
    }

    #order_details_v2 .od_products_container .od_product_box .od_product_thumb {
        width: 200px
    }

    #order_details_v2 .od_products_container .od_product_box .od_product_general {
        position: relative;
        float: left;
        width: 208px;
        margin-bottom: 87px;
        font-size: 13px;
        text-align: left
    }

    #order_details_v2 .od_products_container .od_product_box .od_product_price {
        position: absolute;
        bottom: 60px;
        left: auto;
        right: 0;
        padding: 16px;
        font-size: 16px
    }

    #order_details_v2 .od_products_container .od_product_box .od_product_quantity {
        position: absolute;
        bottom: 37px;
        left: auto;
        right: 0;
        padding: 16px;
        font-size: 16px
    }

    #order_details_v2 .od_products_container .od_product_box .od_product_total {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 14px;
        font-size: 16px;
        background: #540e4a;
        color: #fff;
        border-top-left-radius: 20px;
        padding-left: 20px;
        width: 199px;
        text-align: right
    }
}

#order_details_v2 {
    position: relative;
    float: left;
    width: 100%
}

#order_details_v2 li {
    margin: 0
}

#order_details_v2 .od_row {
    position: relative;
    float: left;
    width: 100%;
    background: #fff;
    margin-bottom: 10px
}

#order_details_v2 .od_half_row {
    position: relative;
    float: left;
    width: 50%
}

#order_details_v2 .od_p5_row {
    position: relative;
    float: left;
    width: 20%
}

#order_details_v2 .od_row_formating {
    position: relative;
    float: left;
    box-sizing: border-box;
    padding: 15px;
    min-height: 50px
}

#order_details_v2 .od_title {
    font-size: 24px;
    line-height: 30px;
    color: #540e4a
}

#order_details_v2 .od_print_button {
    position: relative;
    border: 0;
    float: right;
    width: 145px;
    height: 30px;
    margin-left: 10px;
    line-height: 30px;
    text-align: center;
    background: #306794;
    font-size: 15px;
    font-weight: bold;
    color: #fff
}

#order_details_v2 .od_pdf_button {
    position: relative;
    border: 0;
    float: right;
    width: 145px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #bd1f2c;
    font-size: 15px;
    font-weight: bold;
    color: #fff
}

#order_details_v2 .od_status {
    position: relative;
    float: right;
    width: 300px;
    height: 30px;
    text-align: center;
    background: #bd1f2c;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    margin-left: 1px
}

#order_details_v2 .completepaymentbutton {
    position: relative;
    float: left;
    border: 0;
    background-color: #f55a2a;
    color: #fff;
    margin-bottom: 5px
}

#order_details_v2 .completepaymentbutton:hover {
    background-color: #b3421f;
    text-decoration: none
}

#order_details_v2 .od_info_box {
    position: relative;
    float: left;
    margin: 0
}

#order_details_v2 .od_info_box .od_info_title {
    color: #540e4a;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 8px
}

#order_details_v2 .od_info_box .od_info {
    margin-bottom: 5px
}

#order_details_v2 .od_field_title {
    color: #9e9e9e;
    font-weight: bold
}

#order_details_v2 .od_products_title {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
    color: #540e4a
}

#order_details_v2 .od_notes_title {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
    color: #540e4a
}

#order_details_v2 .od_products_container {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    padding-bottom: 0;
    background: #f0eeee
}

#order_details_v2 .od_products_container .od_product_box {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 10px;
    padding: 15px
}

#order_details_v2 .od_products_container .od_product_box .od_product_thumb {
    position: relative;
    float: left;
    width: 36%;
    min-height: 200px;
    background: #f0eeee;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border: solid 10px #f0eeee
}

#order_details_v2 .od_products_container .od_product_box .od_product_general {
    position: relative;
    float: right;
    width: 58%;
    margin-bottom: 55px;
    font-size: 13px
}

#order_details_v2 .od_products_container .od_product_box .od_product_name {
    font-size: 15px;
    margin-bottom: 10px;
    color: #540e4a
}

#order_details_v2 .od_products_container .od_product_box .od_product_info {
    margin-bottom: 10px
}

#order_details_v2 .od_products_container .od_product_box .od_product_price {
    position: absolute;
    bottom: 0;
    left: 41%;
    padding: 16px;
    font-size: 16px
}

#order_details_v2 .od_products_container .od_product_box .od_product_quantity {
    position: absolute;
    bottom: 0;
    left: 65%;
    padding: 16px;
    font-size: 16px
}

#order_details_v2 .od_products_container .od_product_box .od_product_total {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 14px;
    font-size: 16px;
    background: #540e4a;
    color: #fff;
    border-top-left-radius: 20px;
    padding-left: 20px
}

#order_details_v2 .od_reorder {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 10px
}

#order_details_v2 .od_reorder .od_reorder_button {
    float: right
}

#order_details_v2 .od_total {
    position: relative;
    float: left;
    width: 100%;
    background: #f0eeee;
    margin-bottom: 5px;
    box-sizing: border-box
}

#order_details_v2 .od_total_title {
    position: relative;
    float: left;
    padding: 10px;
    font-size: 16px;
    text-align: right;
    width: 50%;
    padding-left: 0;
    padding-right: 0
}

#order_details_v2 .od_total_value {
    position: relative;
    float: left;
    padding: 10px;
    font-size: 16px;
    text-align: right;
    width: 48%;
    padding-left: 0;
    padding-right: 2%
}

#order_details_v2 .od_order_total {
    position: relative;
    float: left;
    width: 100%;
    background: #540e4a;
    margin-bottom: 5px;
    box-sizing: border-box;
    color: #fff
}

#order_details_v2 .od_order_total .od_total_value {
    font-size: 20px
}

#order_details_v2 .od_notes {
    position: relative;
    float: left;
    width: 100%
}

#order_details_v2 .od_notes_info {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 5px
}

#order_details_v2 .order_Pending {
    background-color: #196ea9
}

#order_details_v2 .order_Processing {
    background-color: #ffa600
}

#order_details_v2 .order_Complete {
    background-color: #81df20
}

#order_details_v2 .order_Cancelled {
    background-color: #e11e21
}

#order_details_v2 .fa {
    margin-right: 5px;
    display: inline
}

#order_details_v2 .od_product_box .od_field_title {
    color: #540e4a;
    font-weight: bold
}

@media only screen and (max-width:767px) and (min-width:480px) {
    #order_details_v2 .od_title {
        font-size: 22px;
        line-height: 30px;
        color: #540e4a
    }

    #order_details_v2 .od_status {
        width: 145px
    }

    #order_details_v2 .od_row_formating {
        padding: 10px
    }

    #order_details_v2 .od_products_container .od_product_box .od_product_price {
        position: absolute;
        bottom: 69px;
        left: auto;
        right: 0;
        padding: 16px;
        font-size: 16px
    }

    #order_details_v2 .od_products_container .od_product_box .od_product_quantity {
        position: absolute;
        bottom: 42px;
        left: auto;
        right: 0;
        padding: 16px;
        font-size: 16px
    }

    #order_details_v2 .od_products_container .od_product_box .od_product_general {
        position: relative;
        float: right;
        width: 50%;
        margin-bottom: 90px;
        font-size: 13px;
        text-align: right
    }

    #order_details_v2 .od_products_container .od_product_box .od_product_thumb {
        width: 43%
    }
}

.symphonyDashboardLink {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.symphonyDashboardLink a {
    position: relative;
    float: left;
    padding: 5px;
    background: #22A8E5;
    color: #fff;
    border-bottom-right-radius: 7px;
    padding-right: 7px
}

.symphonyDashboardLink a:hover {
    text-decoration: none;
    background-color: #5FC4F2
}

#SagePay_Checkout_Popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999999;
    overflow: auto
}

#SagePay_Checkout_Popup .Sagepay-popup-container {
    height: auto;
    width: 600px;
    float: left;
    left: 50%;
    display: block;
    padding: 30px;
    background-color: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
    box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px;
    border-radius: 5px;
    position: relative;
    margin-left: -330px
}

#SagePay_Checkout_Popup .Sagepay-popup-container .SagePay_header {
    position: relative;
    float: left;
    width: 100%
}

#SagePay_Checkout_Popup .Sagepay-popup-container .SagePay_header .sp_logo {
    width: 150px;
    float: left;
    max-width: 50%
}

#SagePay_Checkout_Popup .Sagepay-popup-container .SagePay_header .storefront_logo {
    float: right;
    max-width: 50%
}

#SagePay_Checkout_Popup .Sagepay-popup-container #paymentMethodWindow {
    width: 600px;
    height: 570px
}

#SagePay_Checkout_Popup .Sagepay-popup-container .SagePay_footer {
    width: 100%;
    display: block;
    text-align: center;
    border-top: solid 1px #ccc;
    padding-top: 10px
}

#SagePay_Checkout_Popup .Sagepay-popup-container .SagePay_footer img {
    width: 17%
}

@media only screen and (max-width:767px) {
    #SagePay_Checkout_Popup .Sagepay-popup-container #paymentMethodWindow {
        width: 100%;
        height: 687px
    }

    #SagePay_Checkout_Popup .Sagepay-popup-container {
        height: auto;
        width: 90%;
        float: none;
        left: 0;
        display: block;
        padding: 5px;
        margin: 10px auto;
        padding-bottom: 90px
    }
}

.checkout-page--title {
    text-align: center
}

/*!*=======ORDERSUMMERY==============*!
.order-summary-title {
  padding-top: 10px;
  padding-bottom: 10px;
}

.opc .cart-collaterals {
  margin-top: 10px;
}*/
.opc .grid_12 {
    margin: 0
}

.checkout-data {
    max-width: 980px;
    float: none;
    margin: 0 auto
}

.checkout-data .section {
    display: none
}

.checkout-data .section.active {
    display: block
}

.checkout-data .opc {
    list-style: none
}

.checkout-data .opc .section {
    border: 1px solid #ccc
}

.checkout-data .opc .section .sectionheader {
    text-align: center;
    background: #f9f9f9
}

.checkout-data .opc .section .sectionheader .number {
    padding: 1.4% 1.6%;
    background: #22A8E5;
    float: left;
    color: #fff
}

.checkout-data .opc .section .sectionright {
    float: left
}

.checkout-data .opc .section .step-title {
    padding: 11px 0
}

.checkout-data .opc .section .step-title.request-after-confirm {
    display: none
}

.checkout-data .opc .section .step-title h2 {
    padding: 0;
    margin: 0
}

.checkout-data .opc .section .step {
    background: #fff;
    padding: 3% 4%;
    text-align: center
}

.checkout-data .opc .section .step .buttons {
    padding: 10px 0;
    text-align: center
}

.checkout-data .opc .section .back-link {
    position: absolute;
    top: -39px;
    left: 2px;
    text-align: right;
    width: auto
}

.shipping-options,
.payment-methods {
    padding: 10px
}

.checkout-buttons .continueshoppingbutton {
    float: right;
    margin-right: 5px
}

.checkout-data .opc .section .shipping-option-item {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 40px
}

@media(min-width:601px) {
    .checkout-data .opc .section .shipping-option-item {
        width: 25%
    }
}

@media(min-width:761px) {
    .checkout-data .opc .section .shipping-option-item {
        width: 20%
    }
}

.checkout-data .opc .section .shipping-option-item .ui-buttonset {
    margin: 0
}

.checkout-data .opc .section .shipping-option-item .ui-buttonset input {
    opacity: 0
}

.checkout-data .opc .section .shipping-option-item label {
    background: url(/844196547/Handler/Static/Content/Themes/ThemeOneLegacy/images/checkout/delivery_option.jpg) no-repeat scroll center -61px transparent !important;
    height: 61px;
    width: 100%;
    padding: 64px 0 0 0
}

.checkout-data .opc .section .shipping-option-item label.ui-state-active {
    background: url(/844196547/Handler/Static/Content/Themes/ThemeOneLegacy/images/checkout/delivery_option.jpg) no-repeat scroll center 0 transparent !important
}

.checkout-data .opc .section .shipping-option-item span {
    width: 100%;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1.36363636363636em;
    color: #333;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
    vertical-align: top;
    font-weight: 600
}

.checkout-data .opc .section .shipping-option-item .option-description {
    padding-top: 40px;
    text-align: center
}

.checkout-page {
    min-height: 400px;
    margin-top: 20px
}

.checkoutleft img {
    width: 100%
}

@media(max-width:760px) {
    select.date_picker {
        width: 32%;
        float: left;
        margin-bottom: 13PX
    }
}

.input-validation-error {
    border-color: red
}

.address-select:focus,
#PurchaseOrderNumber:focus {
    border-color: #22A8E5
}

#AddressSearch {
    margin-bottom: 5px
}

.checkout-data input:focus {
    outline: 0
}

.checkout-data .field-validation-error {
    padding-top: 6px
}

.checkout-data input[type="button"] {
    border: 0
}

.checkout-data #applydiscountcouponcode,
.checkout-data #applygiftcardcouponcode {
    border: 1px solid #540e4a
}

.checkout-data .proof-value-error {
    padding: 13px
}

.checkout-data .checkout-billing-load {
    padding-left: 36px;
    padding-top: 22px
}

.checkout-data .proof-selector {
    padding: 7px
}

.checkout-data .proof-selector.rbNames {
    margin: 5px
}

.checkout-data h2 {
    font-size: 1.414rem
}

.checkout-data .opc .section .sectionheader .number {
    display: none
}

.checkout-data input:focus {
    border-color: #540e4a
}

.checkout-data .address-select:focus,
.checkout-data #PurchaseOrderNumber:focus {
    border-color: #540e4a
}

.checkout-data .proof-value-error {
    color: #DE3255
}

.checkout-data .grid_12 .checkout-data-info p a {
    color: #DE3255
}

.checkout-data .back-link {
    line-height: 38px
}

.checkout-data th,
.checkout-data td {
    display: table-cell
}

.checkout-data th label,
.checkout-data td label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1.36363636363636em;
    color: #333;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
    vertical-align: top;
    margin: 0
}

.checkout-data tr:last-of-type {
    border: 0
}

.checkout-data .cartTableWrapper {
    border: 1px solid #eee;
    border-radius: 3px
}

.checkout-data .cartTableWrapper th,
.checkout-data .cartTableWrapper td {
    min-width: 67px
}

.checkout-data table.cart-total th,
.checkout-data table.cart-total td {
    padding: 12px 0 12px
}

.checkout-data table.cart-total .cart_total_left {
    text-align: left
}

.checkout-data #opc-billing,
.checkout-data #opc-shipping,
.checkout-data #opc-shipping_method,
.checkout-data #opc-payment_method,
.checkout-data #opc-payment_info,
.checkout-data #opc-confirm_order {
    position: relative
}

.checkout-data #opc-billing:after,
.checkout-data #opc-shipping:after,
.checkout-data #opc-shipping_method:after,
.checkout-data #opc-payment_method:after,
.checkout-data #opc-payment_info:after,
.checkout-data #opc-confirm_order:after {
    display: block;
    position: absolute;
    font-family: "Themify";
    font-size: 26px;
    top: 3px;
    left: 12px
}

.checkout-data #opc-billing:after {
    content: "\e69b"
}

.checkout-data #opc-shipping:after {
    content: "\e687"
}

.checkout-data #opc-shipping_method:after {
    content: "\e66d"
}

.checkout-data #opc-payment_method:after {
    content: "\e721"
}

.checkout-data #opc-payment_info:after {
    content: "\e717"
}

.checkout-data #opc-confirm_order:after {
    content: "\e64d"
}

.checkout-data #opc-billing {
    text-align: center
}

.checkout-data #opc-billing label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1.36363636363636em;
    color: #333;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
    vertical-align: top
}

.checkout-data #opc-billing #billing-address-select {
    margin: 5px 0 20px
}

.checkout-data #opc-billing #billing-new-address-form {
    text-align: left;
    max-width: 575px;
    margin: 0 auto;
    border: 1px solid #eee;
    padding: 15px 20px
}

.checkout-data #opc-shipping {
    text-align: center
}

.checkout-data #opc-shipping label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1.36363636363636em;
    color: #333;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
    vertical-align: top
}

.checkout-data #opc-shipping #shipping-address-select {
    margin: 5px 0 20px
}

.checkout-data #opc-shipping #shipping-new-address-form {
    text-align: left;
    max-width: 575px;
    margin: 0 auto;
    border: 1px solid #eee;
    padding: 15px 20px
}

.checkout-data #opc-payment_method .order-summary-body-payment-method {
    display: none !important
}

.checkout-data #opc-payment_method .payment-methods {
    margin-bottom: 18px
}

.checkout-data #opc-payment_method .payment-methods .payment-method-item {
    width: 74px;
    display: inline-block;
    margin: 31px 10px 0
}

.checkout-data #opc-payment_method .payment-methods .order-summary-body-payment-method {
    display: none
}

.checkout-data #opc-payment_method .payment-methods .payment__PaymentsWorldPay input,
.checkout-data #opc-payment_method .payment-methods .payment__PaymentsPayPalStandard input,
.checkout-data #opc-payment_method .payment-methods .payment__PaymentsSagePayServerEnterprise input,
.checkout-data #opc-payment_method .payment-methods .payment__PaymentsPurchaseOrder input,
.checkout-data #opc-payment_method .payment-methods .payment__PaymentsAuthorizeDotNet input,
.checkout-data #opc-payment_method .payment-methods .payment__PaymentsPayPalStandard input {
    position: relative;
    width: 0;
    opacity: 0
}

.checkout-data #opc-payment_method .payment-methods .payment__PaymentsWorldPay label,
.checkout-data #opc-payment_method .payment-methods .payment__PaymentsPayPalStandard label,
.checkout-data #opc-payment_method .payment-methods .payment__PaymentsSagePayServerEnterprise label,
.checkout-data #opc-payment_method .payment-methods .payment__PaymentsPurchaseOrder label,
.checkout-data #opc-payment_method .payment-methods .payment__PaymentsAuthorizeDotNet label,
.checkout-data #opc-payment_method .payment-methods .payment__PaymentsPayPalStandard label {
    height: 20px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1.36363636363636em;
    color: #333;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
    vertical-align: top;
    position: relative
}

.checkout-data #opc-payment_method .payment-methods .payment__PaymentsWorldPay label:before,
.checkout-data #opc-payment_method .payment-methods .payment__PaymentsPayPalStandard label:before,
.checkout-data #opc-payment_method .payment-methods .payment__PaymentsSagePayServerEnterprise label:before,
.checkout-data #opc-payment_method .payment-methods .payment__PaymentsPurchaseOrder label:before,
.checkout-data #opc-payment_method .payment-methods .payment__PaymentsAuthorizeDotNet label:before,
.checkout-data #opc-payment_method .payment-methods .payment__PaymentsPayPalStandard label:before {
    font-family: "paymentfont-webfont";
    font-size: 34px;
    color: #C2C2C2;
    position: absolute;
    top: -55px;
    left: 50%;
    transform: translate(-50%);
    height: 30px
}

.checkout-data #opc-payment_method .payment-methods .payment__PaymentsWorldPay input:checked + label:before,
.checkout-data #opc-payment_method .payment-methods .payment__PaymentsPayPalStandard input:checked + label:before,
.checkout-data #opc-payment_method .payment-methods .payment__PaymentsSagePayServerEnterprise input:checked + label:before,
.checkout-data #opc-payment_method .payment-methods .payment__PaymentsPurchaseOrder input:checked + label:before,
.checkout-data #opc-payment_method .payment-methods .payment__PaymentsAuthorizeDotNet input:checked + label:before,
.checkout-data #opc-payment_method .payment-methods .payment__PaymentsPayPalStandard input:checked + label:before {
    color: #DE3255
}

.checkout-data #opc-payment_method .payment-methods .payment__PaymentsAuthorizeDotNet label:before {
    content: "\f012"
}

.checkout-data #opc-payment_method .payment-methods .payment__PaymentsSagePayServerEnterprise label:before {
    content: "\f012"
}

.checkout-data #opc-payment_method .payment-methods .payment__PaymentsWorldPay label:before {
    content: "\f012"
}

.checkout-data #opc-payment_method .payment-methods .payment__PaymentsPayPalStandard label:before {
    content: "\f033"
}

.checkout-data #opc-payment_method .payment-methods .payment__PaymentsPurchaseOrder label:before {
    content: "\f025"
}

.checkout-data #checkout-step-payment-info #checkout-payment-info-load {
    text-align: left;
    max-width: 270px;
    margin: 0 auto
}

.checkout-data #checkout-step-payment-info #checkout-payment-info-load label {
    margin: 0;
    vertical-align: middle
}

.checkout-data .item-name {
    position: relative
}

@media(max-width:599px) {
    .checkout-data .item-name label {
        display: inline
    }
}

.checkout-data .item-name .requiredField {
    font-size: 10px;
    margin: 0 2px;
    vertical-align: top
}

@media(max-width:599px) {
    .checkout-data .item-name .requiredField {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 24px
    }
}

@media(max-width:599px) {
    .checkout-data .enter-address-body div {
        padding: 2px 0
    }
}

@media(max-width:599px) {
    .checkout-data #opc-confirm_order .cartTableWrapper thead {
        display: none
    }
}

@media(max-width:599px) {
    .checkout-data #opc-confirm_order .cartTableWrapper td {
        display: block
    }
}

@media(max-width:760px) {
    .checkout-data #opc-confirm_order .cartTableWrapper .summaryShortDescription {
        display: none
    }
}

@media(max-width:760px) {
    .checkout-data #opc-confirm_order .cart-item-row {
        padding: 15px 0;
        display: block
    }

    .checkout-data #opc-confirm_order .cart-item-row .product__title:before {
        content: "Product:";
        font-weight: 700;
        margin-right: 15px
    }

    .checkout-data #opc-confirm_order .cart-item-row .productPrice:before {
        content: "Price:";
        font-weight: 700;
        margin-right: 15px
    }

    .checkout-data #opc-confirm_order .cart-item-row .product__quantity:before {
        content: "Quantity:";
        font-weight: 700;
        margin-right: 15px
    }

    .checkout-data #opc-confirm_order .cart-item-row .productPrice__total:before {
        content: "Total:";
        font-weight: 700;
        margin-right: 15px
    }
}

.checkout-data #opc-confirm_order .cart-collaterals {
    margin: 0
}

.checkout-data #opc-confirm_order #cartTotals {
    max-width: 370px;
    margin: 0 auto;
    float: none;
    margin: 15px auto
}

.checkout-data #opc-confirm_order #cartTotals:before {
    content: "Cart Totals";
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1.36363636363636em;
    color: #DE3255;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif
}

.checkout-data #opc-confirm_order #cartTotals td + td {
    text-align: right
}

.checkout-data #opc-confirm_order #cartTotals tr {
    font-size: 12px
}

.checkout-data #opc-confirm_order #cartTotals tr:last-of-type {
    font-size: 20px;
    border-top: 2px solid #DE3255;
    line-height: 2.2
}

@media(max-width:760px) {
    .checkout-data .cart_total_left {
        text-align: left
    }
}

.cart-footer {
    display: inline-block;
    width: 100%
}

.checkout-page.grid_12 {
    margin: 0
}

.checkout-page .section {
    margin: 0
}

.checkout-page .select-button {
    text-align: right;
    padding: 100px 50px 50px
}

.checkout-page .checkout-data-info strong {
    font-size: 16px
}

.checkout-page .please-wait {
    padding: 10px;
    display: block
}

.checkout-page .checkoutleft {
    display: none
}

.checkout-page .checkoutright {
    width: 100%
}

.checkout-page .page-title {
    padding-bottom: 10px
}

.checkout-page .checkout_data_integrated {
    text-align: center
}

.checkout-page .checkout_data_integrated .select-button {
    text-align: center
}

.checkout-page .shipping-options,
.checkout-page .payment-methods {
    padding: 0
}

.checkout-page .shipping-options .ui-button {
    display: block;
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.checkout-page .shipping-options-dispatch {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-top: 60px
}

.checkout-page .cartTableWrapper {
    margin-bottom: 18px;
    text-align: center;
    border: 1px solid #eee;
    background: white
}

.checkout-page .cartTableWrapper td.product,
.checkout-page .cartTableWrapper th.picture + th {
    text-align: left
}

.checkout-page .cartTableWrapper .productpicture img {
    max-width: none;
    max-height: 60px
}

@media(max-width:760px) {
    .checkout-page .cartTableWrapper thead {
        display: none
    }
}

.checkout-page .cartTableWrapper thead th {
    height: 45px;
    border-bottom: 2px solid #DE3255;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1.36363636363636em;
    color: #333;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif
}

.checkout-page .cartTableWrapper th,
.checkout-page .cartTableWrapper td {
    display: block;
    white-space: normal !important;
    text-align: center !important;
    padding: 5px 15px 0
}

@media(min-width:761px) {

    .checkout-page .cartTableWrapper th,
    .checkout-page .cartTableWrapper td {
        display: table-cell
    }
}

.checkout-page .cartTableWrapper tr {
    border-bottom: 1px solid #eee
}

@media(max-width:760px) {
    .checkout-page .cartTableWrapper tr {
        display: block;
        text-align: center;
        padding: 18px 0 90px;
        position: relative
    }
}

.checkout-page .cartTableWrapper tr:last-of-type {
    border: 0
}

@media(min-width:761px) {
    .checkout-page .cartTableWrapper .product {
        max-width: 160px
    }
}

.checkout-page .cartTableWrapper .product .summaryShortDescription {
    margin-top: 10px
}

@media(min-width:761px) {
    .checkout-page .cartTableWrapper .cart-item-row .productPrice {
        position: relative;
        min-height: 60px;
       line-height: 20px
    }
}

@media(max-width:760px) {
    .checkout-page .cartTableWrapper .cart-item-row {
        padding: 28px 0 !important
    }

    .checkout-page .cartTableWrapper .cart-item-row td {
        padding: 4px 15px
    }

    .checkout-page .cartTableWrapper .cart-item-row .product__title:before {
        content: "Product:";
        font-weight: 700;
        margin-right: 15px;
        font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
        font-size: .69rem;
        text-transform: uppercase;
        letter-spacing: 1px
    }

    .checkout-page .cartTableWrapper .cart-item-row .productPrice:before {
        content: "Price:";
        font-weight: 700;
        margin-right: 15px;
        font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
        font-size: .69rem;
        text-transform: uppercase;
        letter-spacing: 1px
    }

    .checkout-page .cartTableWrapper .cart-item-row .product__quantity:before {
        content: "Quantity:";
        font-weight: 700;
        margin-right: 15px;
        font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
        font-size: .69rem;
        text-transform: uppercase;
        letter-spacing: 1px
    }

    .checkout-page .cartTableWrapper .cart-item-row .productPrice__total:before {
        content: "Total:";
        font-weight: 700;
        margin-right: 15px;
        font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
        font-size: .69rem;
        text-transform: uppercase;
        letter-spacing: 1px
    }
}

.shipping-option-item {
    position: relative
}

.shipping-option-item .tooltip {
    color: #555;
    position: absolute;
    right: -10px;
    top: -15px;
    font-size: 20px;
    width: auto !important;
    bottom: auto !important;
    padding: 10px !important;
    z-index: 2
}

.shipping-option-item .tooltip .option-description {
    padding: 10px !important;
    display: inline-block;
    width: auto
}

.shipping-option-item .tooltip .option-description div {
    float: left;
    white-space: nowrap
}

button[data-tooltip],
.checkout-page.checkout-page_multi .select-button input[data-tooltip],
.checkout-page__billing-address .address-grid td .address-item .select-button input[data-tooltip],
.t-grid [data-tooltip].t-button {
    overflow: visible
}

[data-tooltip] {
    position: relative
}

.shipping-option-item .tooltip .option-description,
[data-tooltip]:before {
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .18s ease-out .18s;
    transition: all .18s ease-out .18s;
    position: absolute;
    z-index: 10;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    bottom: auto;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-88%, -10px);
    -ms-transform: translate(-88%, -10px);
    transform: translate(-88%, -10px)
}

[data-tooltip]:before {
    -webkit-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px)
}

.shipping-option-item .tooltip .option-description {
    margin-top: 45px;
    background: rgba(17, 17, 17, 0.9);
    border-radius: 4px;
    color: #fff;
    content: attr(data-tooltip);
    font-size: 12px;
    padding: .5em 1em;
    margin-bottom: 11px;
    max-height: 250px;
    min-width: 250px;
    overflow-y: auto
}

[data-tooltip]:before {
    content: "";
    top: 34px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
    background-size: 100% auto;
    height: 6px;
    width: 18px;
    margin-top: 5px;
    margin-bottom: 0
}

.shipping-option-item .tooltip:hover .option-description,
[data-tooltip]:hover:before {
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate(-88%, 0);
    -ms-transform: translate(-88%, 0);
    transform: translate(-88%, 0)
}

[data-tooltip]:hover:before {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

[data-tooltip].font-awesome:after {
    font-family: FontAwesome
}

.shipping-address-form-controls.flex-buttons {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: .5rem
}

.shipping-address-form-controls.flex-buttons .button {
    margin: 0
}

.shipping-address-form-controls.flex-buttons .button:not(:last-child) {
    margin-right: .5rem
}

.checkout-page.checkout-page_multi .page-title {
    padding: 0;
    margin: 0;
    border: 0
}

.checkout-page.checkout-page_multi .button {
    padding: 0;
    border: 0;
    margin: 15px 0 0;
    float: right
}

.checkout-page.checkout-page_multi .cartTableWrapper {
    background: #FFF;
    padding: 8px 19px 3px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5);
    margin-bottom: 10px;
    text-align: center
}

.checkout-page.checkout-page_multi .cartTableWrapper .productpicture {
    width: 300px
}

.checkout-page.checkout-page_multi .cartTableWrapper .productpicture img {
    max-width: 100%
}

.checkout-page.checkout-page_multi .cartTableWrapper td.product,
.checkout-page.checkout-page_multi .cartTableWrapper th.picture + th {
    text-align: left
}

.checkout-page.checkout-page_multi .total-info {
    background: #FFF;
    padding: 24px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5);
    margin-bottom: 10px
}

.checkout-page.checkout-page_multi .item-name .requiredField {
    position: absolute
}

.checkout-page.checkout-page_multi .item-name label {
    line-height: 26px
}

.checkout-page.checkout-page_multi .select-button {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0
}

.checkout-page__billing-address .enter-address-title,
.checkout-page__billing-address .select-address-title {
    border-bottom: 1px solid #DE3255;
    margin-bottom: 10px;
    padding: 0 0 10px
}

.checkout-page__billing-address .enter-address-body {
    background: #FFF;
    padding: 10px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5)
}

.checkout-page__billing-address .address-grid td {
    padding: 0;
    width: 100%;
    display: block;
    margin-bottom: 15px
}

.checkout-page__billing-address .address-grid td .address-item {
    position: relative;
    font-size: 12px;
    background: #FFF;
    padding: 10px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5)
}

.checkout-page__billing-address .address-grid td .address-item b {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1.36363636363636em;
    color: #DE3255;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif
}

.checkout-page__billing-address .address-grid td .address-item .select-button {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0
}

.checkout-page__shipping-address .address-list {
    margin: 10px 0
}

.checkout-page__shipping-address .address-list:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.checkout-page__shipping-address .address-list .address-item {
    background: #FFF;
    padding: 10px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5)
}

.checkout-page__shipping-address #addressBookDiv {
    border: 1px solid #1876d1;
    border-radius: 5px;
    padding: 20px;
    float: left;
    width: 100%
}

.checkout-page__shipping-address #addressBookDiv .select-button {
    top: 0;
    left: 0
}

.checkout-page__shipping-address .viewTUV {
    line-height: 1
}

.checkout-page__shipping-address #newAddressDiv {
    margin-top: 20px
}

.checkout-page__shipping-address #newAddressDiv .enter-address-title {
    margin-bottom: 20px;
    width: 100%;
    display: inline-block;
    margin-top: 20px
}

.checkout-page__shipping-address #newAddressDiv .enter-address-body {
    background: #FFF;
    padding: 10px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5)
}

.checkout-page.checkout-page__postal-address .shipping-options-dispatch {
    padding-top: 15px;
    display: inline-block;
    width: 100%
}

.checkout-page.checkout-page__postal-address .shipping-options-dispatch .dispatch-date {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px
}

.checkout-page.checkout-page__postal-address #shipping-options .shippingButton {
    display: inline !important
}

.checkout-page.checkout-page__postal-address .delivery-options .select-button {
    position: static
}

.checkout-page.checkout-page__payment-info .payment-info td {
    text-align: center;
    display: block;
    width: 100%
}

.checkout-page.checkout-page__payment-info .payment-info .select-button {
    text-align: center;
    position: static
}

.checkout-page.checkout-page__order-confirm .checkout-data {
    margin: 0 auto !important
}

.checkout-page.checkout-page__order-confirm #cartTotals {
    margin: 0 auto !important;
    float: none
}

.checkout-page.checkout-page__order-confirm .select-button {
    position: static !important;
    text-align: center !important
}

#ui-datepicker-div {
    background: white;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
}

#ui-datepicker-div .ui-datepicker-header,
#ui-datepicker-div .ui-datepicker-calendar {
    padding: 10px
}

#ui-datepicker-div th,
#ui-datepicker-div td {
    display: table-cell
}

#ui-datepicker-div .ui-datepicker-next {
    position: absolute;
    right: 10px
}

.comgate-response {
    width: 100%;
    height: 100vh;
    background: #ededed;
    display: flex;
    -o-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    flex-direction: column;
    font-family: sans-serif
}

.comgate-response p {
    margin: 0;
    padding: 0
}

.comgate-response .comgate-message-response {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px
}

.comgate-response .comgate-message-response p {
    line-height: 25px
}

.comgate-response .comgate-manual-redirect-message p {
    margin: 10px;
    text-align: center
}

.comgate-response .comgate-manual-redirect-button {
    margin: 20px 0
}

.comgate-response .comgate-manual-redirect-button a {
    position: relative;
    background: #3498db;
    padding: 10px 20px;
    color: #fff;
    -ms-border-radius: 5px;
    border-radius: 5px;
    left: 50%;
    margin: 20px 0 0 -50px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
    -ms-transition: .1s ease-in;
    -o-transition: .1s ease-in;
    -webkit-transition: .1s ease-in;
    transition: .1s ease-in
}

.comgate-response .comgate-manual-redirect-button a:hover {
    background-color: #2980b9
}

.auto_scroll_up_btn {
    position: fixed;
    bottom: 50px;
    right: 15px;
    display: block;
    width: 30px;
    text-align: center;
    padding: 5px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    color: #fff !important;
    text-decoration: none !important;
    display: none;
    z-index: 20
}

.auto_scroll_up_btn .fa {
    display: inline-block;
    margin: 0;
    font-size: 34px
}

.auto_scroll_up_btn span {
    display: none
}

.allProductsCategoriesWrapper .subcat-cont {
    position: relative;
    float: left;
    width: 100%
}

.allProductsCategoriesWrapper .subcat-cont .listItem {
    position: relative;
    float: left;
    width: 50%;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #eee
}

.allProductsCategoriesWrapper .subcat-cont .listItem .subcat-top .subcat-title {
    position: absolute;
    right: 5%;
    text-align: left;
    left: 5%;
    font-size: 75px;
    line-height: 75px;
    bottom: 28%;
    color: #fff;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 3px
}

.allProductsCategoriesWrapper .subcat-cont .listItem .subcat-top .subcat-title a {
    color: #fff;
    text-decoration: none
}

.allProductsCategoriesWrapper .subcat-cont .listItem .subcat-top .subcat-desc {
    position: absolute;
    right: 5%;
    text-align: left;
    left: 5%;
    font-size: 16px;
    line-height: 19px;
    top: 72%;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 3px
}

.allProductsCategoriesWrapper .subcat-cont .listWrapper {
    position: relative;
    float: left;
    width: 100%
}

.allProductsCategoriesWrapper .subcat-cont .subcat-box {
    position: relative;
    float: left;
    width: 100%
}

.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-top {
    position: relative;
    float: left;
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    background-size: cover;
    background-position: center
}

.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont {
    position: relative;
    float: left;
    width: 100%;
    border: solid 1px #ccc
}

.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box {
    position: relative;
    float: left;
    width: 33.333%;
    height: 0;
    padding-bottom: 40%;
    overflow: hidden;
    border: solid 1px #ccc;
    border-left: 0;
    margin-bottom: -1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box:hover {
    background-color: rgba(0, 0, 0, 0.1)
}

.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .subcat-product-image {
    position: absolute;
    top: 5%;
    bottom: 35%;
    left: 5%;
    right: 5%;
    overflow: hidden;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .subcat-product-image img {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .subcat-product-title {
    position: absolute;
    bottom: 60px;
    width: 100%;
    left: 0
}

.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .subcat-product-title a {
    position: relative;
    float: left;
    text-align: center;
    margin-left: 5%;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 15px;
    width: 90%
}

.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .subcat-product-description {
    display: none
}

.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .prod_price {
    position: absolute;
    bottom: 41px;
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #22a8e5
}

.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .qty_input {
    display: inline-block;
    width: 30px;
    padding: 5px;
    margin-right: -10px;
    margin-left: 3px;
    border: solid 1px #ccc
}

.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .button_box {
    position: absolute;
    bottom: 8px;
    left: 5px;
    right: 5px;
    text-align: center
}

.allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .button_box .subcat-product-more {
    display: inline-block;
    padding: 7px;
    margin: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #22a8e5;
    font-size: 11px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    border: 0
}

.allProductsCategoriesWrapper .category-products {
    position: relative;
    float: left;
    width: 100%
}

.allProductsCategoriesWrapper .category-products h1 {
    width: 100%;
    text-align: center
}

.allProductsCategoriesWrapper .category-products h1 .fa {
    display: inline-block
}

.allProductsCategoriesWrapper .category-products .product-item-large {
    position: relative;
    float: left;
    width: 100%
}

.allProductsCategoriesWrapper .category-products .product-item-large .picture-area {
    position: absolute;
    left: 0;
    top: 0;
    right: 50%;
    bottom: 0;
    overflow: hidden;
    background: #DE3255
}

.allProductsCategoriesWrapper .category-products .product-item-large .picture-area .picture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.allProductsCategoriesWrapper .category-products .product-item-large .picture-area .picture .flex-control-thumbs {
    margin: 0;
    position: absolute;
    overflow: hidden;
    bottom: 2px;
    width: 100%;
    text-align: center;
    z-index: 4;
    display: block
}

.allProductsCategoriesWrapper .category-products .product-item-large .picture-area .picture .flex-control-thumbs li {
    display: inline-block;
    width: 10px;
    height: 10px;
    overflow: hidden;
    margin: 5px;
    border-radius: 10px;
    float: none
}

.allProductsCategoriesWrapper .category-products .product-item-large .picture-area .flex-direction-nav a {
    width: 50%;
    height: 100%;
    margin: 0;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    cursor: pointer;
    background: 0;
    text-indent: -9999px;
    opacity: 1;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 3
}

.allProductsCategoriesWrapper .category-products .product-item-large .picture-area .flex-direction-nav .flex-prev {
    left: 0
}

.allProductsCategoriesWrapper .category-products .product-item-large .picture-area .flex-direction-nav .flex-next {
    right: 0
}

.allProductsCategoriesWrapper .category-products .product-item-large .picture-area .product_pictures_slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.allProductsCategoriesWrapper .category-products .product-item-large .picture-area .slides {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.allProductsCategoriesWrapper .category-products .product-item-large .picture-area .slides li {
    text-align: center;
    max-height: 100%;
    height: 100%
}

.allProductsCategoriesWrapper .category-products .product-item-large .picture-area .slides li img.prop_img {
    display: inline-block;
    max-width: 96%;
    max-height: 82%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.allProductsCategoriesWrapper .category-products .product-item-large .picture-area .slides li span.fake_img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    display: none
}

.allProductsCategoriesWrapper .category-products .product-item-large:nth-child(even) .picture-area {
    right: 0;
    top: 0;
    left: 50%;
    bottom: 0
}

.allProductsCategoriesWrapper .category-products .product-item-large:nth-child(even) .info-area {
    float: left
}

.allProductsCategoriesWrapper .category-products .product-item-large .info-area {
    position: relative;
    width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
    min-height: 300px;
    padding: 43px;
    float: right
}

.allProductsCategoriesWrapper .category-products .product-item-large .info-area .product-title {
    position: relative;
    float: left;
    width: 100%
}

.allProductsCategoriesWrapper .category-products .product-item-large .info-area .description {
    position: relative;
    float: left;
    width: 100%
}

.allProductsCategoriesWrapper .category-products .product-item-large .info-area .add-info .pricerow {
    margin-bottom: 10px
}

.allProductsCategoriesWrapper .category-products .product-item-large .info-area .add-info .pricerow .prices .productPrice {
    font-size: 20px
}

.allProductsCategoriesWrapper .category-products .product-item-large .info-area .add-info .buttonsrow .addtocart {
    position: relative;
    float: left;
    margin-right: 5px
}

.allProductsCategoriesWrapper .category-products .product-item-large .info-area .add-info .buttonsrow .addtocart .qty_input {
    position: relative;
    float: left;
    width: 50px;
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
    margin-right: -2px;
    border: solid 1px #ccc
}

@media only screen and (max-width:1200px) and (min-width:960px) {
    .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box {
        width: 50%;
        padding-bottom: 50%
    }

    .allProductsCategoriesWrapper .subcat-cont .listItem .subcat-top .subcat-title {
        font-size: 60px;
        line-height: 65px
    }

    .grid_9 .allProductsCategoriesWrapper .subcat-cont .listItem {
        width: 100%
    }

    .grid_9 .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-top {
        padding-bottom: 40%
    }

    .grid_9 .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box {
        width: 33.33%;
        padding-bottom: 40%
    }
}

@media only screen and (max-width:959px) and (min-width:768px) {
    .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box {
        width: 50%;
        padding-bottom: 65%
    }

    .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .button_box .subcat-product-more {
        padding-left: 5px;
        padding-right: 5px
    }

    .allProductsCategoriesWrapper .subcat-cont .listItem .subcat-top .subcat-title {
        font-size: 45px;
        line-height: 50px
    }

    .allProductsCategoriesWrapper .subcat-cont .listItem .subcat-top .subcat-desc {
        font-size: 14px;
        line-height: 16px;
        top: 66%
    }

    .grid_9 .allProductsCategoriesWrapper .subcat-cont .listItem {
        width: 100%
    }

    .grid_9 .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-top {
        padding-bottom: 40%
    }

    .grid_9 .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box {
        width: 33.33%;
        padding-bottom: 40%
    }
}

@media only screen and (max-width:767px) and (min-width:480px) {
    .allProductsCategoriesWrapper .subcat-cont .listItem {
        width: 100%
    }

    .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box {
        width: 50%;
        padding-bottom: 55%
    }

    .allProductsCategoriesWrapper .category-products .product-item-large .picture-area {
        position: relative;
        float: left;
        width: 100% !important;
        height: 0;
        padding-bottom: 60%;
        right: 0 !important;
        left: 0 !important
    }

    .allProductsCategoriesWrapper .category-products .product-item-large .info-area {
        width: 100%;
        min-height: 10px !important
    }
}

@media only screen and (max-width:479px) {
    .allProductsCategoriesWrapper .subcat-cont .listItem {
        width: 100%
    }

    .allProductsCategoriesWrapper .subcat-cont .listItem .subcat-top .subcat-title {
        font-size: 35px;
        line-height: 40px
    }

    .allProductsCategoriesWrapper .subcat-cont .listItem .subcat-top .subcat-desc {
        font-size: 12px;
        line-height: 14px;
        top: 66%
    }

    .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont {
        border: solid 1px #ccc;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-right: 0
    }

    .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box {
        width: 100%;
        padding-bottom: 100%
    }

    .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-top {
        padding-bottom: 60%
    }

    .allProductsCategoriesWrapper .category-products .product-item-large .picture-area {
        position: relative;
        float: left;
        width: 100% !important;
        height: 0;
        padding-bottom: 60%;
        right: 0 !important;
        left: 0 !important
    }

    .allProductsCategoriesWrapper .category-products .product-item-large .info-area {
        width: 100%;
        min-height: 10px !important
    }
}

@media only screen and (min-width:1200px) {
    .grid_9 .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box {
        width: 50%;
        padding-bottom: 50%
    }
}

.ACD_view_type_btn {
    position: relative;
    float: right;
    border: 0;
    padding: 7px;
    margin-right: 5px;
    background-color: #CCC;
    color: #fff
}

.ACD_filter {
    position: relative;
    float: left;
    margin-left: 5px
}

.ACD_filter .ACD_filterbox {
    padding: 5px;
    position: relative;
    float: left;
    border: solid 1px #ccc;
    padding: 6px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ACD_filter .ACD_filterbutton {
    padding: 5px;
    position: relative;
    float: left;
    border: 0;
    padding: 7px;
    margin-right: 5px;
    background-color: #00AFDA;
    color: #fff
}

.ACD_sub_category.grid_view .ACD_grid_view_btn {
    background-color: #445661
}

.ACD_sub_category.list_view .ACD_list_view_btn {
    background-color: #445661
}

.ACD_sub_category {
    position: relative;
    float: left;
    width: 100%
}

.ACD_sub_category.grid_view .ACD_sub_category-box {
    position: relative;
    float: left;
    width: 20%;
    margin: 0;
    padding: 7px;
    border: 0;
    outline: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ACD_sub_category.grid_view .ACD_sub_category-item {
    position: relative;
    float: left;
    width: 100%;
    height: 350px;
    padding: 7px;
    padding-top: 150px;
    padding-bottom: 50px;
    background-color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #eee
}

.ACD_sub_category.grid_view .ACD_picture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 145px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.ACD_sub_category.grid_view .ACD_picture img {
    border-width: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.ACD_sub_category.grid_view .ADC_content_box {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.ACD_sub_category.grid_view .ACD_controls {
    position: absolute;
    bottom: 7px;
    right: 7px;
    left: 7px
}

.ACD_sub_category .ACD_controls .fa {
    display: inline-block
}

.ACD_sub_category .ACD_btn {
    position: relative;
    color: #fff;
    border: 0;
    background-color: #445661;
    padding: 7px
}

.ACD_sub_category .ACD_create_btn {
    position: relative;
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #00AFDA;
    padding: 12px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    margin-top: 0;
    line-height: 17px;
    margin-top: 16px
}

.ACD_sub_category .ACD_request {
    float: left;
    width: 69%
}

.ACD_sub_category .ACD_edit {
    float: right;
    width: 29%
}

.ACD_sub_category.list_view .ACD_sub_category-box {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    padding: 7px;
    border: 0;
    outline: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ACD_sub_category.list_view .ACD_sub_category-item {
    position: relative;
    float: left;
    width: 100%;
    height: 93px;
    padding: 7px;
    padding-left: 161px;
    padding-right: 230px;
    background-color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #eee
}

.ACD_sub_category.list_view .ACD_picture {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 150px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.ACD_sub_category.list_view .ACD_picture img {
    border-width: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.ACD_sub_category.list_view .ADC_content_box {
    position: relative;
    float: left;
    width: 25%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px
}

.ACD_sub_category.list_view .ACD_controls {
    position: absolute;
    bottom: 0;
    right: 10px;
    top: 10px;
    width: 230px
}

.ACD_search_item {
    position: relative;
    float: left;
    padding: 5px;
    background-color: #eee;
    margin: 5px;
    margin-top: 0
}

.ACD_search_item .radio-filter-container {
    position: relative;
    float: left
}

.ACD_search_item .radio-filter-container input {
    display: none
}

.ACD_search_item .radio-filter-container input + label {
    position: relative;
    float: left;
    padding: 8px;
    background-color: #ccc;
    margin-right: 1px
}

.ACD_search_item .radio-filter-container input:checked + label {
    background-color: #00AFDA;
    color: #fff
}

.ACD_sub_category .search-results {
    position: relative;
    float: left;
    display: block;
    background-color: #eaeaea;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: solid 5px #fff
}

.category-productingrid {
    width: 80%;
    margin: 0 auto
}

.category-productingrid .allProductsCategoriesWrapper .listWrapper {
    border-bottom: 1px solid #dfdfdf;
    display: inline-block;
    margin-bottom: 7px;
    width: 100%
}

.category-productingrid .allProductsCategoriesWrapper .listItem {
    margin-bottom: 41px;
    background: white;
    transition: .3s ease-in;
    position: relative;
    overflow: hidden
}

.category-productingrid .allProductsCategoriesWrapper .listItem:hover {
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.1)
}

.category-productingrid .allProductsCategoriesWrapper .listItem:hover .picture {
    opacity: .5
}

.category-productingrid .allProductsCategoriesWrapper .listItem .picture {
    position: relative;
    transition: .3s ease-in
}

.category-productingrid .allProductsCategoriesWrapper .listItem .picture:after {
    content: "";
    padding-bottom: 90%;
    display: block
}

.category-productingrid .allProductsCategoriesWrapper .listItem .picture a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #232323
}

.category-productingrid .allProductsCategoriesWrapper .listItem .picture a img {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 100%;
    max-width: 100%
}

.category-productingrid .allProductsCategoriesWrapper .listItem .picture a div {
    display: block !important;
    height: 100%;
    width: 100%;
    background-size: cover !important;
    background-position: 50% 50% !important;
    transition: .3s ease-in
}

.category-productingrid .allProductsCategoriesWrapper .listItem .product-title {
    margin: 0;
    padding: 15px 17px 11px;
    font-size: 16px;
    text-align: left;
}

.category-productingrid .allProductsCategoriesWrapper .listItem .product-title a {
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif
}

.category-productingrid .allProductsCategoriesWrapper .listItem .alternate--prices {
    position: absolute;
    bottom: 30px;
    right: 17px;
    font-size: 16px;
    display: none !important;
}

.category-productingrid .allProductsCategoriesWrapper .listItem .description {
    padding: 0 17px 10px;
    min-height: 33px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 10px;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
    opacity: .5;
    max-width: 80%;
    white-space: nowrap;
    text-align: left;
}

.category-productingrid .allProductsCategoriesWrapper .listItem:hover .add-info {
    transform: translate(-50%, -50%);
    opacity: .9
}

.category-productingrid .allProductsCategoriesWrapper .listItem .add-info {
    position: absolute;
    top: 40%;
    left: 50%;
    text-align: center;
    max-width: 80%;
    width: 100%;
    transform: translate(-50%, -70%);
    transition: .3s ease-in;
    opacity: 0
}

.category-productingrid .allProductsCategoriesWrapper .listItem .add-info .prices {
    display: none
}

.category-productingrid .allProductsCategoriesWrapper .listItem .add-info input {
    width: 155px;
    padding: 0;
    max-width: 100%
}

.category-productingrid .allProductsCategoriesWrapper .grid_3 {
    margin-left: 2%
}

@media(min-width:761px) and (max-width:960px) {
    .category-productingrid .allProductsCategoriesWrapper .grid_3 {
        width: 100%
    }

    .category-productingrid .allProductsCategoriesWrapper .grid_3:nth-child(1n+1) {
        margin-left: 0
    }
}

@media(min-width:961px) and (max-width:1200px) {
    .category-productingrid .allProductsCategoriesWrapper .grid_3 {
        width: 49%
    }

    .category-productingrid .allProductsCategoriesWrapper .grid_3:nth-child(2n+1) {
        margin-left: 0
    }
}

@media(min-width:1201px) {
    .category-productingrid .allProductsCategoriesWrapper .grid_3 {
        width: 32%
    }

    .category-productingrid .allProductsCategoriesWrapper .grid_3:nth-child(3n+1) {
        margin-left: 0
    }
}

.category-productingrid .catalog--currentlyshowing {
    text-align: center;
    display: block !important;
    margin: 10px 0 40px;
    color: #333;
    font-size: .9rem;
    font-weight: 700
}

.category-page.grid_9 .category-productingrid {
    width: 100%
}

.category-bottom-description {
    border: 0;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center
}

.products_slider .flex-control-thumbs {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 0;
    top: 0
}

.products_slider .flex-control-thumbs li {
    border: solid 1px #ccc;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-left: 1%;
    padding-bottom: 100%;
    margin-bottom: 14px !important
}

.products_slider .flex-control-thumbs li:nth-child(4n+1) {
    margin-left: 0
}

@media(min-width:761px) {
    .products_slider .flex-control-thumbs li {
        width: 24.2%;
        padding-bottom: 24.2%
    }
}

.products_slider .flex-control-thumbs li .FS_thumb_title {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 5px;
    background-color: rgba(49, 163, 221, 0.5);
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.8) 1px 1px 3px
}

.products_slider .flex-control-thumbs li:hover img {
    opacity: 1;
    min-width: 0;
    min-height: 0;
    display: inline;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.products_slider .flex-control-thumbs img {
    opacity: 1;
    display: inline-block;
    width: auto;
    max-width: 200%;
    max-height: 200%;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    top: 50%;
    left: 50%
}

.products_slider .slides {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 204, 0, 0.9);
    display: none;
    z-index: 1000
}

.products_slider .slides li {
    height: 100%
}

.products_slider.show_it .slides {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    display: initial;
    z-index: 1000;
    display: block
}

.products_slider.show_it .flex-direction-nav .flex-prev {
    display: block;
    z-index: 1001
}

.products_slider.show_it .flex-direction-nav .flex-next {
    display: block;
    z-index: 1001
}

.products_slider .flex-direction-nav .flex-prev {
    display: none;
    left: 20px
}

.products_slider .flex-direction-nav .flex-prev:before {
    font-family: FontAwesome;
    content: "\f104";
    color: #fff;
    font-size: 50px
}

.products_slider .flex-direction-nav .flex-next {
    display: none;
    right: 20px
}

.products_slider .flex-direction-nav .flex-next:before {
    font-family: FontAwesome;
    content: "\f105";
    color: #fff;
    font-size: 50px
}

.products_slider .flex-direction-nav a {
    background-color: transparent;
    opacity: 1 !important;
    border-radius: 17px;
    z-index: 30;
    width: 20px;
    height: 34px;
    position: fixed;
    text-indent: 0;
    color: transparent
}

.products_slider .placeholder_img {
    opacity: 0
}

.products_slider .slider_pic_box {
    position: absolute;
    top: 50px;
    left: 50px;
    right: 50px;
    bottom: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-bottom: solid 40px transparent;
    width: auto
}

.products_slider .price_and_details {
    position: absolute;
    bottom: -50px;
    right: 0
}

.products_slider .price_and_details .prices {
    position: relative;
    float: left;
    color: #fff;
    font-size: 20px;
    padding: 8px
}

.products_slider .prod_title {
    position: absolute;
    bottom: -50px;
    left: 0;
    max-width: 50%;
    font-size: 18px;
    padding: 8px;
    color: #fff
}

.products_slider .description {
    position: absolute;
    bottom: -0px;
    left: 0;
    max-width: 50%;
    font-size: 18px;
    padding: 8px;
    color: #fff
}

.flex-direction-nav {
    z-index: 1000
}

.hide_gallery_button {
    position: fixed;
    z-index: 1002;
    text-align: center;
    line-height: 22px;
    background: rgba(255, 255, 255, 0.8);
    top: 0;
    right: 0;
    display: none;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
    padding: 10px;
    padding-top: 5px;
    padding-right: 8px;
    width: 20px;
    height: 20px;
    border-bottom-left-radius: 20px;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.hide_gallery_button:hover {
    padding-right: 18px
}

.generalPageWrapper {
    float: left;
    width: 100%
}

footer {
    float: left;
    width: 100%
}

.show_it .hide_gallery_button {
    display: block
}

.category-twocolumn {
    margin-top: 40px;
    margin-bottom: 40px
}

.category-twocolumn .category-products,
.category-twocolumn .pager,
.category-twocolumn .category-description {
    margin-bottom: 30px
}

.category-categoryslider .product-item {
    background: #FFF;
    padding: 24px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5);
    margin: 10px
}

.category-categoryslider .product-item .picture {
    position: relative;
    display: block
}

.category-categoryslider .product-item .picture:after {
    padding-bottom: 100%;
    content: "";
    display: inline-block
}

.category-categoryslider .product-item .picture img {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 100%;
    transform: translate(-50%, -50%)
}

.category-categoryslider .slick-next.slick-disabled {
    opacity: .2
}

.category-categoryslider .slick-next:after {
    content: "";
    display: block;
    border-left: 10px solid #DE3255;
    width: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 0;
    height: 0;
    background: 0;
    right: 0
}

.category-categoryslider .slick-prev.slick-disabled {
    opacity: .2
}

.category-categoryslider .slick-prev:after {
    content: "";
    display: block;
    border-right: 10px solid #DE3255;
    width: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 0;
    height: 0;
    background: 0
}

.category-categoryslider .slick-dotted.slick-slider {
    margin-bottom: 30px
}

.category-categoryslider .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.category-categoryslider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.category-categoryslider .slick-dots li button,
.category-categoryslider .slick-dots li .checkout-page.checkout-page_multi .select-button input,
.checkout-page.checkout-page_multi .select-button .category-categoryslider .slick-dots li input,
.category-categoryslider .slick-dots li .checkout-page__billing-address .address-grid td .address-item .select-button input,
.checkout-page__billing-address .address-grid td .address-item .select-button .category-categoryslider .slick-dots li input,
.category-categoryslider .slick-dots li .t-grid .t-button,
.t-grid .category-categoryslider .slick-dots li .t-button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: transparent
}

.category-categoryslider .slick-dots li button:hover,
.category-categoryslider .slick-dots li .checkout-page.checkout-page_multi .select-button input:hover,
.checkout-page.checkout-page_multi .select-button .category-categoryslider .slick-dots li input:hover,
.category-categoryslider .slick-dots li .checkout-page__billing-address .address-grid td .address-item .select-button input:hover,
.checkout-page__billing-address .address-grid td .address-item .select-button .category-categoryslider .slick-dots li input:hover,
.category-categoryslider .slick-dots li .t-grid .t-button:hover,
.t-grid .category-categoryslider .slick-dots li .t-button:hover,
.category-categoryslider .slick-dots li button:focus,
.category-categoryslider .slick-dots li .checkout-page.checkout-page_multi .select-button input:focus,
.checkout-page.checkout-page_multi .select-button .category-categoryslider .slick-dots li input:focus,
.category-categoryslider .slick-dots li .checkout-page__billing-address .address-grid td .address-item .select-button input:focus,
.checkout-page__billing-address .address-grid td .address-item .select-button .category-categoryslider .slick-dots li input:focus,
.category-categoryslider .slick-dots li .t-grid .t-button:focus,
.t-grid .category-categoryslider .slick-dots li .t-button:focus {
    outline: 0
}

.category-categoryslider .slick-dots li button:hover:before,
.category-categoryslider .slick-dots li .checkout-page.checkout-page_multi .select-button input:hover:before,
.checkout-page.checkout-page_multi .select-button .category-categoryslider .slick-dots li input:hover:before,
.category-categoryslider .slick-dots li .checkout-page__billing-address .address-grid td .address-item .select-button input:hover:before,
.checkout-page__billing-address .address-grid td .address-item .select-button .category-categoryslider .slick-dots li input:hover:before,
.category-categoryslider .slick-dots li .t-grid .t-button:hover:before,
.t-grid .category-categoryslider .slick-dots li .t-button:hover:before,
.category-categoryslider .slick-dots li button:focus:before,
.category-categoryslider .slick-dots li .checkout-page.checkout-page_multi .select-button input:focus:before,
.checkout-page.checkout-page_multi .select-button .category-categoryslider .slick-dots li input:focus:before,
.category-categoryslider .slick-dots li .checkout-page__billing-address .address-grid td .address-item .select-button input:focus:before,
.checkout-page__billing-address .address-grid td .address-item .select-button .category-categoryslider .slick-dots li input:focus:before,
.category-categoryslider .slick-dots li .t-grid .t-button:focus:before,
.t-grid .category-categoryslider .slick-dots li .t-button:focus:before {
    opacity: 1
}

.category-categoryslider .slick-dots li button:before,
.category-categoryslider .slick-dots li .checkout-page.checkout-page_multi .select-button input:before,
.checkout-page.checkout-page_multi .select-button .category-categoryslider .slick-dots li input:before,
.category-categoryslider .slick-dots li .checkout-page__billing-address .address-grid td .address-item .select-button input:before,
.checkout-page__billing-address .address-grid td .address-item .select-button .category-categoryslider .slick-dots li input:before,
.category-categoryslider .slick-dots li .t-grid .t-button:before,
.t-grid .category-categoryslider .slick-dots li .t-button:before {
    font-family: 'slick';
    font-size: 35px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #DE3255;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.category-categoryslider .slick-dots li.slick-active button:before,
.category-categoryslider .slick-dots li.slick-active .checkout-page.checkout-page_multi .select-button input:before,
.checkout-page.checkout-page_multi .select-button .category-categoryslider .slick-dots li.slick-active input:before,
.category-categoryslider .slick-dots li.slick-active .checkout-page__billing-address .address-grid td .address-item .select-button input:before,
.checkout-page__billing-address .address-grid td .address-item .select-button .category-categoryslider .slick-dots li.slick-active input:before,
.category-categoryslider .slick-dots li.slick-active .t-grid .t-button:before,
.t-grid .category-categoryslider .slick-dots li.slick-active .t-button:before {
    opacity: .75;
    color: #DE3255
}

.cart-item-row input {
    width: initial !important;
    height: initial !important
}

.order-progress {
    border: 1px solid rgba(49, 163, 221, 0.3)
}

.order-progress ul li a.active-step {
    background: #DE3255
}

.postCoder {
    margin-bottom: 10px
}

.postCoder #presult ul {
    margin: 0;
    overflow: auto;
    height: 203px
}

.postCoder #presult ul ul li {
    margin: 0
}

.postCoder #presult a {
    padding: 7px;
    text-decoration: none;
    color: #333;
    display: block
}

.postCoder #presult ul li a {
    background: #ccc
}

.postCoder #presult ul ul li a {
    background: #F9F9F9
}

.postCoder #presult ul ul li a:hover {
    background: #eee
}

.postCoder #presult ul ul {
    overflow: visible
}

.postCoder .row {
    width: 100% !important;
    display: block !important;
    margin: 0 !important
}

.postCoder .row .left,
.postCoder .row .right {
    float: none !important
}

.postCoder h1 {
    margin: 0;
    padding: 0;
    font-weight: normal
}

.address-filter {
    border-right: 1px #ccc solid
}

.address-filter input {
    display: block;
    float: left;
    padding: 0;
    width: 11.1%
}

.select-address-title {
    padding-top: 10px;
    padding-bottom: 10px
}

.envelope {
    background: #fff;
    padding: 20px;
    border: #eee solid 3px;
    position: relative;
    min-height: 200px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.envelope .stamp {
    display: block;
    width: 65px;
    height: 85px;
    background: #F7F7F7;
    position: absolute;
    right: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 3px solid #eee;
    text-align: center;
    background-image: url(/1647733451/Handler/Static/Content/Themes/ThemeOneLegacy/images/checkout/queenhead.png);
    background-repeat: no-repeat;
    background-position: center 5px
}

.envelope .stamp .text {
    position: absolute;
    bottom: 5px;
    width: 100%
}

.envelope .address-box {
    padding-top: 50px
}

.calendar-icon {
    vertical-align: middle;
    cursor: pointer
}

.checkout-page .select-button {
    text-align: right
}

.shoppingcart__wrapper .page-title {
    margin: 0 !important
}

.shoppingcart__wrapper .checkout_message_bottom > form {
    float: left
}

@media(min-width:1200px) {
    .shoppingcart__wrapper .checkout_message_bottom > form {
        width: 65%;
        margin-left: 5%
    }
}

.shoppingcart__wrapper .checkout_message_bottom .cart-footer {
    text-align: left;
    background: rgba(226, 226, 226, 0.33);
    padding: 6px 18px
}

@media(min-width:1200px) {
    .shoppingcart__wrapper .checkout_message_bottom .cart-footer {
        width: 28%;
        margin-left: 2%
    }
}

.shoppingcart__wrapper .checkout_message_bottom .cart-footer .grid_6,
.shoppingcart__wrapper .checkout_message_bottom .cart-footer .checkout-page__billing-address .select-address,
.checkout-page__billing-address .shoppingcart__wrapper .checkout_message_bottom .cart-footer .select-address,
.shoppingcart__wrapper .checkout_message_bottom .cart-footer .checkout-page__billing-address .enter-address,
.checkout-page__billing-address .shoppingcart__wrapper .checkout_message_bottom .cart-footer .enter-address,
.shoppingcart__wrapper .checkout_message_bottom .cart-footer .checkout-page__shipping-address .address-list .address-item,
.checkout-page__shipping-address .address-list .shoppingcart__wrapper .checkout_message_bottom .cart-footer .address-item {
    margin: 0
}

@media(max-width:760px) {

    .shoppingcart__wrapper .checkout_message_bottom .cart-footer .grid_6,
    .shoppingcart__wrapper .checkout_message_bottom .cart-footer .checkout-page__billing-address .select-address,
    .checkout-page__billing-address .shoppingcart__wrapper .checkout_message_bottom .cart-footer .select-address,
    .shoppingcart__wrapper .checkout_message_bottom .cart-footer .checkout-page__billing-address .enter-address,
    .checkout-page__billing-address .shoppingcart__wrapper .checkout_message_bottom .cart-footer .enter-address,
    .shoppingcart__wrapper .checkout_message_bottom .cart-footer .checkout-page__shipping-address .address-list .address-item,
    .checkout-page__shipping-address .address-list .shoppingcart__wrapper .checkout_message_bottom .cart-footer .address-item {
        display: inline-block;
        width: 100%
    }
}

@media(min-width:1200px) {

    .shoppingcart__wrapper .checkout_message_bottom .cart-footer .grid_6,
    .shoppingcart__wrapper .checkout_message_bottom .cart-footer .checkout-page__billing-address .select-address,
    .checkout-page__billing-address .shoppingcart__wrapper .checkout_message_bottom .cart-footer .select-address,
    .shoppingcart__wrapper .checkout_message_bottom .cart-footer .checkout-page__billing-address .enter-address,
    .checkout-page__billing-address .shoppingcart__wrapper .checkout_message_bottom .cart-footer .enter-address,
    .shoppingcart__wrapper .checkout_message_bottom .cart-footer .checkout-page__shipping-address .address-list .address-item,
    .checkout-page__shipping-address .address-list .shoppingcart__wrapper .checkout_message_bottom .cart-footer .address-item {
        width: 100%
    }
}

.shoppingcart__wrapper .checkout_message_bottom .cart-footer .cart-collaterals {
    margin: 0 0 20px
}

.shoppingcart__wrapper .checkout_message_bottom .cart_total--title {
    display: block !important;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
    font-size: .69rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1.36363636363636em;
    color: #333
}

.shoppingcart__wrapper .checkout_message_bottom .coupon-box br {
    display: none
}

.shoppingcart__wrapper .checkout_message_bottom .coupon-box--title {
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
    font-size: .69rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1.36363636363636em;
    color: #333
}

.shoppingcart__wrapper .checkout_message_bottom .giftcard-box {
    width: 100%;
    display: inline-block
}

.shoppingcart__wrapper .checkout_message_bottom .giftcard-box b {
    display: none
}

.shoppingcart__wrapper .checkout_message_bottom .product-essential {
    width: 100%
}

.shoppingcart__wrapper .checkout_message_bottom .product-essential .textBox {
    max-width: 100%;
    border-color: #DDD;
    height: 38px !important
}

.shoppingcart__wrapper .checkout_message_bottom .product-essential select {
    width: 100%
}

.shoppingcart__wrapper .checkout_message_bottom .product-essential #priceHide {
    margin-top: 0;
    font-size: 18px;
    padding: 0;
    line-height: 46px;
    min-height: 0
}

.shoppingcart__wrapper .checkout_message_bottom .product-essential .attributes {
    margin-top: 15px
}

.shoppingcart__wrapper .checkout_message_bottom .product-essential .attributes .attribute {
    border: 0;
    margin: 0;
    padding: 10px
}

.shoppingcart__wrapper .checkout_message_bottom .product-essential .attributes .attributeHeader {
    width: 100%;
    padding: 0;
    height: 20px;
    line-height: 16px
}

.shoppingcart__wrapper .checkout_message_bottom .product-essential .attributes .attributeHeader div {
    display: block !important;
    font-family: Raleway-Bold;
    font-size: .69rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1.36363636363636em;
    color: #333;
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 0
}

.shoppingcart__wrapper .checkout_message_bottom #discountcouponcode,
.shoppingcart__wrapper .checkout_message_bottom #applydiscountcouponcode {
    width: 45% !important;
    display: inline-block;
    padding: 0;
    float: left
}

@media(min-width:761px) {

    .shoppingcart__wrapper .checkout_message_bottom #discountcouponcode,
    .shoppingcart__wrapper .checkout_message_bottom #applydiscountcouponcode {
        margin: 0 5% 0 0
    }
}

.shoppingcart__wrapper .checkout_message_bottom #applydiscountcouponcode {
    float: right
}

@media(min-width:761px) {
    .shoppingcart__wrapper .checkout_message_bottom #applydiscountcouponcode {
        float: left
    }
}

.shoppingcart__wrapper #attributesChangedWarning {
    color: #333
}

.orderSummaryWrapper .cartTableWrapper {
    margin-bottom: 18px;
    text-align: center;
    border: 1px solid #eee;
    background: white
}

.orderSummaryWrapper .cartTableWrapper td.product,
.orderSummaryWrapper .cartTableWrapper th.picture + th {
    text-align: left
}

.orderSummaryWrapper .cartTableWrapper .productpicture img {
    max-width: none;
    max-height: 60px
}

@media(max-width:760px) {
    .orderSummaryWrapper .cartTableWrapper thead {
        display: none
    }
}

.orderSummaryWrapper .cartTableWrapper thead th {
    height: 45px;
    border-bottom: 2px solid #DE3255;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1.36363636363636em;
    color: #333;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif
}

.orderSummaryWrapper .cartTableWrapper th,
.orderSummaryWrapper .cartTableWrapper td {
    display: block;
    white-space: normal !important;
    text-align: center !important;
    padding: 5px 15px 0
}

@media(min-width:761px) {

    .orderSummaryWrapper .cartTableWrapper th,
    .orderSummaryWrapper .cartTableWrapper td {
        display: table-cell
    }
}

.orderSummaryWrapper .cartTableWrapper tr {
    border-bottom: 1px solid #eee
}

@media(max-width:760px) {
    .orderSummaryWrapper .cartTableWrapper tr {
        display: block;
        text-align: center;
        padding: 18px 0 90px;
        position: relative
    }
}

.orderSummaryWrapper .cartTableWrapper tr:last-of-type {
    border: 0
}

@media(max-width:760px) {
    .orderSummaryWrapper .cartTableWrapper td:first-child {
        position: absolute;
        bottom: 7px;
        width: 100%
    }
}

@media(min-width:761px) {
    .orderSummaryWrapper .cartTableWrapper .product {
        max-width: 160px
    }
}

.orderSummaryWrapper .cartTableWrapper .product .summaryShortDescription {
    margin-top: 10px
}

.orderSummaryWrapper .cartTableWrapper .cart-item-row .product__quantity input {
    z-index: 0 !important
}

@media(min-width:761px) {
    .orderSummaryWrapper .cartTableWrapper .cart-item-row .productPrice {
        position: relative;
        min-height: 60px;
        line-height: 20px
    }
}

@media(max-width:760px) {
    .orderSummaryWrapper .cartTableWrapper .cart-item-row {
        padding: 28px 0 57px !important
    }

    .orderSummaryWrapper .cartTableWrapper .cart-item-row td {
        padding: 4px 15px
    }

    .orderSummaryWrapper .cartTableWrapper .cart-item-row .product__title:before {
        content: "Product:";
        font-weight: 700;
        margin-right: 15px;
        font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
        font-size: .69rem;
        text-transform: uppercase;
        letter-spacing: 1px
    }

    .orderSummaryWrapper .cartTableWrapper .cart-item-row .productPrice:before {
        content: "Price:";
        font-weight: 700;
        margin-right: 15px;
        font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
        font-size: .69rem;
        text-transform: uppercase;
        letter-spacing: 1px
    }

    .orderSummaryWrapper .cartTableWrapper .cart-item-row .product__quantity:before {
        content: "Quantity:";
        font-weight: 700;
        margin-right: 15px;
        font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
        font-size: .69rem;
        text-transform: uppercase;
        letter-spacing: 1px
    }

    .orderSummaryWrapper .cartTableWrapper .cart-item-row .productPrice__total:before {
        content: "Total:";
        font-weight: 700;
        margin-right: 15px;
        font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
        font-size: .69rem;
        text-transform: uppercase;
        letter-spacing: 1px
    }
}

.orderSummaryWrapper .cart-total {
    background: white
}

.orderSummaryWrapper .cart-total th,
.orderSummaryWrapper .cart-total td {
    display: table-cell;
    padding: 14px 17px;
    font-size: .9rem;
    letter-spacing: 1px;
    margin-bottom: 1.36363636363636em;
    color: #333
}

.orderSummaryWrapper .cart-total th span,
.orderSummaryWrapper .cart-total td span {
    white-space: normal
}

@media(max-width:1199px) {
    .orderSummaryWrapper #cartTotals {
        margin-top: 10px
    }
}

.orderSummaryWrapper .checkoutAttributesWrapper {
    text-align: center;
    margin-bottom: 16px
}

@media(min-width:761px) {
    .orderSummaryWrapper .checkoutAttributesWrapper {
        float: right;
        text-align: right;
        margin: 0 0 16px
    }
}

@media(max-width:760px) {
    .orderSummaryWrapper .cart-collaterals {
        margin: 13px 0 35px;
        text-align: center
    }
}

.orderSummaryWrapper .total-info {
    margin-bottom: 10px
}

.orderSummaryWrapper .coupon-box {
    line-height: 2
}

.orderSummaryWrapper #continueshoppingDummy {
    float: left
}

.orderSummaryWrapper #checkout {
    float: right
}

.orderSummaryWrapper #quantitiesChangedWarning {
    margin: 10px 0 !important;
    color: white;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    background: #e67478 !important
}

.orderSummaryWrapper .product .summaryShortDescription {
    margin-top: 10px
}

.orderSummaryWrapper .cart--actions {
    width: 112px
}

.orderSummaryWrapper .cart--deleteitem {
    position: relative;
    display: inline-block;
    margin: 0 6px
}

.orderSummaryWrapper .cart--deleteitem input {
    opacity: 0;
    height: 23px !important;
    width: 23px !important;
    padding: 0
}

.orderSummaryWrapper .cart--deleteitem:after {
    content: "\e646";
    display: block;
    font-family: "Themify";
    position: absolute;
    top: 4px;
    left: 4px;
    pointer-events: none
}

.orderSummaryWrapper .cart--edititem {
    position: relative;
    display: inline-block;
    margin: 0 6px
}

.orderSummaryWrapper .cart--edititem input {
    opacity: 0;
    height: 23px !important;
    width: 23px !important;
    padding: 0
}

.orderSummaryWrapper .cart--edititem:after {
    content: "\e61c";
    display: block;
    font-family: "Themify";
    position: absolute;
    top: 4px;
    left: 4px;
    pointer-events: none
}

.orderSummaryWrapper .cart--saveitem {
    position: relative;
    display: inline-block;
    margin: 0 6px
}

.orderSummaryWrapper .cart--saveitem input {
    opacity: 0;
    height: 23px !important;
    width: 23px !important;
    padding: 0
}

.orderSummaryWrapper .cart--saveitem:after {
    content: "\e746";
    display: block;
    font-family: "Themify";
    position: absolute;
    top: 4px;
    left: 4px;
    pointer-events: none
}

.orderSummaryWrapper .summaryShortDescription {
    display: none
}

.orderSummaryWrapper .checkout-buttons .continueshoppingbutton {
    max-width: 58%
}

@media(max-width:599px) {
    .orderSummaryWrapper .checkout-buttons .continueshoppingbutton {
        padding: 0;
        width: 58%
    }
}

@media(min-width:761px) and (max-width:1409px) {
    .orderSummaryWrapper .checkout-buttons .continueshoppingbutton {
        width: 58%;
        padding: 0
    }
}

/*checkout button colour */
.orderSummaryWrapper .checkout-buttons #checkout {
    background: #DE3255 !important;
        max-width: 40%;
}

@media(max-width:599px) {
    .orderSummaryWrapper .checkout-buttons #checkout {
        width: 40%;
        padding: 0
    }
}

@media(min-width:1200px) and (max-width:1409px) {
    .orderSummaryWrapper .checkout-buttons #checkout {
        width: 40%;
        padding: 0
    }
}








.orderSummaryWrapper .checkout-buttons #checkout:hover {
    background: #FFAA19 !important;
    
}






.login__wrapper {
    max-width: 966px;
    margin: 0 auto
}

.login__wrapper th,
.login__wrapper td {
    padding: 9px 4px
}

.login__wrapper th .requiredMarker,
.login__wrapper td .requiredMarker {
    color: Red;
    font-size: 31px;
    line-height: 0;
    vertical-align: text-bottom
}

.login__wrapper .register-customer-wrapper .new-wrapper .body {
    margin-top: 16px;
    background: #FFF;
    padding: 13px 36px 24px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5)
}

.login__wrapper .register-customer-wrapper .registernextstepbutton {
    float: right
}


.registration-page.registration-success {
    text-align: center;
}

@media(max-width:760px) {
    .login__wrapper .returning-wrapper {
        margin-top: 33px
    }
}

.login__wrapper .returning-wrapper .login-block {
    margin-top: 16px;
    background: #FFF;
    padding: 13px 36px 24px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5)
}

.login__wrapper .register-customer-wrapper .validation-summary-errors span,
.login__wrapper .returning-wrapper .validation-summary-errors span {
    padding: 5px;
    color: #DE3255;
}

.login__wrapper .register-customer-wrapper .externalauthentication,
.login__wrapper .returning-wrapper .externalauthentication {
    margin-top: 10px;
    padding-top: 10px
}

.product-details-page .row__container {
    max-width: 1200px
}

@media(min-width:761px) {
    .product-details-page .product-essential {
        width: 55%
    }
}

@media(min-width:761px) {
    .product-details-page .product-collateral {
        width: 45%
    }
}

.product-details-page .product-details-info .thumbs {
    padding: 5px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    width: 20%;
    transform: translateY(-50%)
}

.product-details-page .product-details-info .thumbs .thumb {
    display: inline-block;
    padding-bottom: 100%;
    width: 100%;
    float: left;
    position: relative
}

.product-details-page .product-details-info .thumbs .thumb a {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    padding: 2px;
    opacity: .5
}

.product-details-page .product-details-info .thumbs .thumb a.active--thumb {
    opacity: 1
}

.product-details-page .product-details-info .thumbs .thumb a img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.product-details-page .product-variant-list {
    margin-bottom: 10px
}

.product-details-page .overview .price {
    margin: 0 0 20px
}

.product-details-page .newProductPriceWrapper .productPrice {
    font-size: 1.7rem;
    margin-top: 20px;
    display: inline-block
}

.product-details-page .newProductPriceWrapper .productPrice span {
    margin-left: 2px
}

.product-details-page .overview .add-info {
    max-width: 250px;
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.05)
}

@media(max-width:760px) {
    .product-details-page .overview .add-info {
        margin: 0 auto
    }
}

.product-details-page .overview .add-info label {
    display: none;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1.36363636363636em;
    color: #DE3255
}

.product-details-page .overview .add-info input,
.product-details-page .overview .add-info input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0;
    border: 0
}

.product-details-page .overview .add-info input[type="text"] {
    border-radius: 5px 5px 0 0
}

.product-details-page .overview .add-info input[type="submit"] {
    border-radius: 0 0 5px 5px
}

.product-details-page .overview .shortdescription {
    display: block !important;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 12px;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
    opacity: .5
}

.product-details-page .product-no-reviews {
    margin-bottom: 10px;
    font-size: 13px;
    margin-top: 25px
}

.product-details-page .emailCompareWrapper {
    margin-bottom: 10px
}

.product-details-page .product-details-page {
    margin-bottom: 10px
}

.product-details-page .last_ratings {
    display: none
}

.product-details-page .fulldescriptionontop {
    margin-bottom: 1.25em
}

.product-details-page .fulldescriptionontop .fulldescriptionTitle h2 {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1.36363636363636em
}

.product-details-page .prices-table {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #eee
}

.product-details-page .also-purchased-products-grid {
    margin-top: 10px
}

.product-details-page .also-purchased-products-grid h3 {
    margin: 0
}

.product-details-page .also-purchased-products-grid .listWrapper .item-box {
    border: 2px solid #eee;
    background: #fff;
    height: 180px;
    margin-top: 10px;
    padding: 5px;
    position: relative
}

.product-details-page .also-purchased-products-grid .listWrapper .item {
    height: 180px;
    overflow: hidden
}

.product-details-page .also-purchased-products-grid .listWrapper .item .picture {
    height: 160px;
    width: 218px;
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.product-details-page .also-purchased-products-grid .listWrapper .item .picture img {
    max-width: 150px;
    max-height: 150px
}

.product-details-page .attribute {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #eee;
    margin-top: 5px;
    padding: 5px
}

.product-details-page .attribute .textBox {
    border: 1px #eee solid;
    width: 80%
}

.product-details-page .attribute .textArea {
    border: 1px #eee solid;
    width: 90%
}

.product-details-page .attributeHeader {
    height: 32px;
    line-height: 32px;
    padding-left: 18px;
    width: 20%;
    display: block;
    float: left
}

.product-details-page .attributeRequired {
    color: #f00;
    font-weight: bold
}

.product-details-page .attributeTitle {
    font-weight: bold
}

.product-details-page .uploadedWrapper {
    float: right;
    position: relative
}

.product-details-page .fileDelete {
    position: absolute;
    right: 0;
    top: 0;
    background: #f00;
    color: #fff;
    border: none 0;
    padding: 5px;
    border-left: solid 1px #fff;
    border-bottom: solid 1px #fff
}

.product-details-page .fileUpload {
    background: green;
    color: #fff;
    border: none 0;
    padding: 5px
}

.product-details-page .producttags-box .producttags-list .producttags-wrapper {
    float: left;
    padding-right: 5px
}

.product-details-page .producttags-box .producttags-list .producttags-wrapper .producttag {
    color: #22a8e5
}

.product-details-page .fulldescription {
    margin: 24px 0
}

.product-details-page .fulldescription h3 {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1.36363636363636em;
    color: #DE3255
}

.product-details-page .product-reviews-overview {
    font-size: 12px
}

.product-details-page .product-reviews-overview .product-review-box {
    display: none
}

.product-details-page .product-reviews-overview .rating_stars {
    display: block;
    margin-bottom: 4px
}

.attribute.hide {
    display: none
}

@media(max-width:760px) and (min-width:761px) {

    .product-details-page .acentcolour,
    .DT_product-details-page .acentcolour {
        margin-top: 15px
    }
}

@media(max-width:760px) {
    .overview .price {
        margin: 10px 0
    }

    .product-collateral.grid_6,
    .checkout-page__billing-address .product-collateral.select-address,
    .checkout-page__billing-address .product-collateral.enter-address,
    .checkout-page__shipping-address .address-list .product-collateral.address-item {
        text-align: center
    }
}

.product-details-page .error {
    border: 1px solid red;
    background: #faa;
    padding: 10px 15px;
    margin: 0 0 20px;
    display: inline-block;
    color: #333
}

.product-details-page .product-collateral,
.DT_product-details-page .product-collateral {
    margin: 0
}

@media(min-width:761px) {

    .product-details-page .product-collateral,
    .DT_product-details-page .product-collateral {
        padding: 0 0 0 60px;
        margin: 80px 0
    }
}

.product-details-page .product-collateral .productname,
.DT_product-details-page .product-collateral .productname {
    font-size: 3.157rem;
    margin-bottom: 10px
}

.product_details_page .picture,
.product-details-info .picture {
    position: relative;
    height: 100%;
    width: 100%;
    display: inline-block
}

.product_details_page .picture .bigpicture,
.product-details-info .picture .bigpicture {
    height: 100%;
    width: 80%;
    display: block;
    min-height: 302px;
    padding-bottom: 100%;
    position: relative;
    float: right
}

.product_details_page .picture .bigpicture img,
.product-details-info .picture .bigpicture img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.TG_video_container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999999
}

.TG_video_container iframe {
    position: absolute;
    width: 60% !important;
    height: 60% !important;
    left: 20%;
    top: 20%;
    box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 10px
}

.DT_ME_loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999999
}

.TG_ME_loading p {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -150px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 10px;
    width: 300px;
    height: 50px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    border-radius: 5px
}

.TG_ME_loading .fa {
    display: inline-block
}

.TG_product-details-page {
    position: relative;
    float: left;
    width: 100%
}

.TG_product-details-page .related-products-grid {
    position: relative;
    float: left;
    width: 100%;
    background-color: transparent;
    margin-top: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

.TG_product-details-page .related-products-grid .grid_12 {
    position: relative;
    float: left;
    width: 100%;
    background-color: transparent;
    margin-top: 0
}

.TG_product-details-page .related-products-grid .listWrapper .listItem {
    width: 20%;
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.TG_product-details-page .also-purchased-products-grid {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

.TG_product-details-page .also-purchased-products-grid .listWrapper .listItem {
    width: 20%;
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.TG_product-details-page .file_download_button {
    position: relative;
    float: right;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
    color: #fff;
    background-color: #f1592a;
    border: 0;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle
}

.TG_product-details-page .file_download_button img {
    vertical-align: middle
}

.TG_product-details-page .file_download_button:hover {
    text-decoration: none;
    cursor: pointer;
    background-color: #da5126
}

.TG_product-details-page-main {
    position: relative;
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    margin-bottom: 20px;
    padding: 5px;
    margin-top: 20px
}

.TG_product-details-info {
    position: relative;
    float: left;
    width: 100%
}

.TG_product-essential {
    float: left;
    width: 49%;
    background: #FFF;
    padding: 24px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5)
}

.TG_product-collateral {
    float: right;
    width: 50%;
    background: #FFF;
    padding: 24px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5)
}

.TG_product-collateral .productname {
    font-size: 26px;
    margin-bottom: 0
}

.TG_tab_buttons {
    position: relative;
    float: left;
    width: 100%;
    border-bottom: solid 1px #ccc
}

.TG_tab_button {
    float: left;
    padding: 10px;
    background-color: #eee;
    color: rgba(0, 0, 0, 0.9)
}

.TG_tab_button:last-child {
    margin-right: 0
}

.TG_tab_button:hover {
    text-decoration: none;
    color: #000
}

.TG_tab_button.active {
    background-color: #c8c8c8
}

.TG_tab_content {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 18px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px
}

.TG_checkout_button_container {
    position: relative;
    float: right;
    width: 100%
}

.TG_checkout_button {
    position: relative;
    float: right;
    padding: 8px;
    padding-left: 18px;
    padding-right: 18px;
    text-transform: uppercase;
    color: #fff;
    background-color: #313743;
    border: 0;
    margin-right: 10px;
    margin-bottom: 5px
}

.TG_picture {
    position: relative;
    float: left;
    width: 98%;
    margin: 1%;
    margin-top: 10px
}

.TG_bigpicture {
    position: relative;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #e9e9e9;
    padding-bottom: 55%;
    width: 98%;
    margin: 1%;
    margin-bottom: 0;
    background-color: #eee
}

.TG_bigpicture a {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.TG_video_button_container {
    position: relative;
    float: left;
    width: 98%;
    margin: 1%;
    margin-top: 0;
    border: solid 1px #e9e9e9;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 0
}

.TG_video_button {
    position: relative;
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    background-color: #fff;
    padding: 5px;
    font-size: 14px;
    color: #9c9b9b;
    text-align: center
}

.TG_video_button:hover {
    color: #f55a2a;
    text-decoration: none;
    cursor: pointer
}

.TG_video_button .fa {
    display: inline-block
}

.TG_thumbs {
    position: relative;
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 0
}

.TG_thumb_carousel {
    position: absolute;
    width: 99999px;
    top: 0;
    left: 0
}

.TG_thumb_carousel_body {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden
}

.TG_prev_button {
    position: absolute;
    left: -9px;
    top: 44%;
    font-size: 16px;
    cursor: pointer
}

.TG_prev_button .fa {
    display: inline-block;
    color: #ccc
}

.TG_next_button {
    position: absolute;
    right: -13px;
    top: 44%;
    font-size: 16px;
    cursor: pointer
}

.TG_next_button .fa {
    display: inline-block;
    color: #ccc
}

.TG_thumb {
    position: relative;
    float: left;
    width: 29%;
    padding-bottom: 29%;
    margin: 2%;
    border: solid 1px #e9e9e9;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.TG_thumb a {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.TG_product_review {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 22px;
    background: #FFF;
    padding: 24px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5)
}

.TG_related_products {
    position: relative;
    float: right;
    width: 62%
}

.TG_shareWrapper {
    position: relative;
    float: right;
    width: 51%;
    background-color: transparent;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px
}

.TG_shareWrapper .product-share-button {
    float: right
}

@media only screen and (max-width:1200px) and (min-width:960px) {
    .TG_product-details-page .related-products-grid .listWrapper .listItem {
        width: 25%
    }

    .TG_product-details-page .also-purchased-products-grid .listWrapper .listItem {
        width: 25%
    }
}

@media only screen and (max-width:959px) and (min-width:768px) {
    .TG_product-details-page .related-products-grid .listWrapper .listItem {
        width: 25%
    }

    .TG_product-details-page .also-purchased-products-grid .listWrapper .listItem {
        width: 25%
    }

    .TG_product-essential {
        width: 49%
    }

    .TG_product-collateral {
        width: 50%
    }

    .TG_product-collateral .prices-table td {
        position: relative;
        float: left;
        width: 100%
    }

    .TG_product-collateral .prices-table td table {
        border-bottom: solid 1px #eee
    }

    .TG_product-collateral .prices-table td tr {
        position: relative;
        float: left;
        width: 50%
    }

    .TG_product-collateral .prices-table tr {
        width: 100%
    }

    .TG_product_review {
        width: 100%;
        margin-top: 20px
    }

    .TG_related_products {
        width: 100%;
        margin-top: 20px
    }
}

@media only screen and (max-width:767px) and (min-width:480px) {
    .TG_product-essential {
        width: 100%
    }

    .TG_product-collateral {
        width: 100%;
        margin-top: 10px
    }

    .TG_product_review {
        width: 100%
    }

    .TG_related_products {
        width: 100%
    }

    .TG_product-details-page .related-products-grid .listWrapper .listItem {
        width: 50%
    }

    .TG_product-details-page .also-purchased-products-grid .listWrapper .listItem {
        width: 50%
    }

    .TG_shareWrapper {
        width: 100%
    }
}

@media only screen and (max-width:479px) {
    .TG_product-essential {
        width: 100%;
        padding: 5px
    }

    .TG_product-collateral {
        width: 100%;
        margin-top: 10px;
        padding: 5px
    }

    .TG_product_review {
        width: 100%
    }

    .TG_related_products {
        width: 100%
    }

    .TG_product-details-page .related-products-grid .listWrapper .listItem {
        width: 50%
    }

    .TG_product-details-page .also-purchased-products-grid .listWrapper .listItem {
        width: 50%
    }

    .TG_shareWrapper {
        width: 100%
    }

    .TG_tab_content {
        padding-left: 0;
        padding-right: 0
    }
}

.TG_tabs_container .productspec-box .title {
    display: none
}

.DT_product-details-page .DT_video_container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999999
}

.DT_product-details-page .DT_video_container iframe {
    position: absolute;
    width: 60% !important;
    height: 60% !important;
    left: 20%;
    top: 20%;
    box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 10px
}

.DT_product-details-page .DT_ME_loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999999
}

.DT_product-details-page .DT_ME_loading p {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -150px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 10px;
    width: 300px;
    height: 50px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    border-radius: 5px
}

.DT_product-details-page .DT_ME_loading .fa {
    display: inline-block
}

.DT_product-details-page .DT_product-details-page {
    position: relative;
    float: left;
    width: 100%
}

.DT_product-details-page .DT_product-details-page .related-products-grid {
    position: relative;
    float: left;
    width: 100%;
    background-color: #fff;
    margin-top: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px
}

.DT_product-details-page .DT_product-details-page .related-products-grid .grid_12 {
    position: relative;
    float: left;
    width: 100%;
    background-color: #fff;
    margin-top: 0
}

.DT_product-details-page .DT_product-details-page .related-products-grid .listWrapper .listItem {
    width: 20%;
    margin: 0;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.DT_product-details-page .DT_product-details-page .also-purchased-products-grid {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px
}

.DT_product-details-page .DT_product-details-page .also-purchased-products-grid .listWrapper .listItem {
    width: 20%;
    margin: 0;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.DT_product-details-page .DT_product-details-page .file_download_button {
    position: relative;
    float: right;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
    color: #fff;
    background-color: #f1592a;
    border: 0;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle
}

.DT_product-details-page .DT_product-details-page .file_download_button img {
    vertical-align: middle
}

.DT_product-details-page .DT_product-details-page .file_download_button:hover {
    text-decoration: none;
    cursor: pointer;
    background-color: #da5126
}

.DT_product-details-page .DT_product-details-page-main {
    position: relative;
    margin: 20px 0;
    background: #FFF;
    padding: 24px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5)
}

.DT_product-details-page .DT_product-details-page-main:after {
    content: "";
    display: table;
    clear: both
}

.DT_product-details-page .DT_product-details-info {
    position: relative;
    float: left;
    width: 100%
}

.DT_product-details-page .DT_product-essential {
    position: relative;
    float: left;
    width: 40%
}

.DT_product-details-page .DT_product-collateral {
    position: relative;
    float: right;
    width: 58%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px
}

.DT_product-details-page .overview .price {
    margin: 10px 0 20px
}

.DT_product-details-page .productPrice span {
    font-size: 1.6rem;
    margin-left: 2px
}

.DT_product-details-page .DT_tab_buttons {
    position: relative;
    float: left;
    width: 100%;
    border-bottom: solid 2px #e9e9e9
}

.DT_product-details-page .DT_tab_button {
    position: relative;
    float: left;
    width: 33%;
    text-align: center;
    margin-right: .5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    background-color: #eee;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    height: 38px
}

.DT_product-details-page .DT_tab_button:last-child {
    margin-right: 0
}

.DT_product-details-page .DT_tab_button:hover {
    text-decoration: none;
    color: #000
}

.DT_product-details-page .DT_tab_button.active {
    background-color: #fff;
    margin-bottom: -2px;
    border: solid 2px #DE3255;
    border-bottom: 0;
    height: 40px
}

.DT_product-details-page .DT_tab_content {
    position: relative;
    float: left;
    width: 100%;
    padding: 25px 0;
    border-bottom: solid 1px #5ab5e4;
    font-size: 14px;
    line-height: 18px;
    min-height: 311px;
    text-align: left;
}

.DT_product-details-page .DT_checkout_button_container {
    display: none
}

.DT_product-details-page .DT_checkout_button {
    float: right
}

.DT_product-details-page .DT_picture {
    position: relative;
    float: left;
    width: 100%
}

.DT_product-details-page .DT_tabs_container {
    margin-top: 20px
}

.DT_product-details-page .DT_bigpicture {
    position: relative;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 2px #e9e9e9;
    padding-bottom: 80%;
    width: 100%;
    margin-bottom: 0
}

.DT_product-details-page .DT_bigpicture a {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.DT_product-details-page .DT_video_button_container {
    position: relative;
    float: left;
    width: 95%;
    margin: 2%;
    margin-top: 0;
    border: solid 2px #e9e9e9;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 0
}

.DT_product-details-page .DT_video_button {
    position: relative;
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    background-color: #fff;
    padding: 5px;
    font-size: 14px;
    color: #9c9b9b;
    text-align: center
}

.DT_product-details-page .DT_video_button:hover {
    color: #f55a2a;
    text-decoration: none;
    cursor: pointer
}

.DT_product-details-page .DT_video_button .fa {
    display: inline-block
}

.DT_product-details-page .DT_thumbs {
    position: relative;
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 0
}

.DT_product-details-page .DT_thumb_carousel {
    position: absolute;
    width: 99999px;
    top: 0;
    left: 0
}

.DT_product-details-page .DT_thumb_carousel_body {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden
}

.DT_product-details-page .DT_prev_button {
    position: absolute;
    left: -9px;
    top: 44%;
    font-size: 16px;
    cursor: pointer
}

.DT_product-details-page .DT_prev_button .fa {
    display: inline-block;
    color: #ccc
}

.DT_product-details-page .DT_next_button {
    position: absolute;
    right: -9px;
    top: 44%;
    font-size: 16px;
    cursor: pointer
}

.DT_product-details-page .DT_next_button .fa {
    display: inline-block;
    color: #ccc
}

.DT_product-details-page .DT_thumb {
    position: relative;
    float: left;
    width: 29%;
    padding-bottom: 29%;
    margin: 2%;
    border: solid 2px #e9e9e9;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.DT_product-details-page .DT_thumb a {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

@media only screen and (max-width:1200px) and (min-width:960px) {
    .DT_product-details-page .DT_product-details-page .related-products-grid .listWrapper .listItem {
        width: 25%
    }

    .DT_product-details-page .DT_product-details-page .also-purchased-products-grid .listWrapper .listItem {
        width: 25%
    }
}

@media only screen and (max-width:959px) and (min-width:768px) {
    .DT_product-details-page .DT_product-essential {
        width: 100%;
        margin-bottom: 25px
    }

    .DT_product-details-page .DT_product-collateral {
        width: 100%
    }

    .DT_product-details-page .DT_product-details-page-main {
        padding: 30px
    }

    .DT_product-details-page .DT_product-details-page .related-products-grid .listWrapper .listItem {
        width: 33%
    }

    .DT_product-details-page .DT_product-details-page .also-purchased-products-grid .listWrapper .listItem {
        width: 33%
    }
}

@media only screen and (max-width:767px) and (min-width:480px) {
    .DT_product-details-page .DT_product-essential {
        width: 100%;
        margin-bottom: 25px
    }

    .DT_product-details-page .DT_product-collateral {
        width: 100%
    }

    .DT_product-details-page .DT_product-details-page .related-products-grid .listWrapper .listItem {
        width: 50%
    }

    .DT_product-details-page .DT_product-details-page .also-purchased-products-grid .listWrapper .listItem {
        width: 50%
    }
}

@media only screen and (max-width:479px) {
    .DT_product-details-page .DT_product-details-page .related-products-grid .listWrapper .listItem {
        width: 100%
    }

    .DT_product-details-page .DT_product-details-page .also-purchased-products-grid .listWrapper .listItem {
        width: 100%
    }

    .DT_product-details-page .DT_product-essential {
        width: 100%;
        margin-bottom: 25px
    }

    .DT_product-details-page .DT_product-collateral {
        width: 100%
    }

    .DT_product-details-page .DT_tab_button {
        height: 50px
    }

    .DT_product-details-page .DT_tab_button.active {
        height: 52px
    }
}

.DT_product-details-page .DT_tabs_container .productspec-box .title {
    display: none
}

.productTemplateTabbed .ui-widget-header {
    background: transparent none !important;
    border: 0 none !important;
    color: #222;
    font-weight: bold
}

.productTemplateTabbed .ui-tabs {
    position: relative
}

.productTemplateTabbed .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0
}

.productTemplateTabbed .ui-tabs .ui-tabs-nav li {
    background: none #f9f9f9 !important;
    border: 0 none !important;
    border-radius: 0 !important
}

.productTemplateTabbed .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background: none #eee !important
}

.productTemplateTabbed .ui-tabs .ui-tabs-panel {
    height: 572px !important
}

.productTemplateTabbed .ui-corner-all {
    border-radius: 0 !important;
    border: 0 none !important
}

.productTemplateTabbed .UItab {
    border: 2px solid #eee !important;
    padding: 0 !important
}

.productTemplateTabbed .tabInnerWrap {
    padding: 10px;
    overflow: auto;
    height: 568px !important
}

.productTemplateTabbed .related-products-grid {
    margin: 0
}

.productTemplateTabbed .listWrapper {
    overflow: auto
}

.productTemplateTabbed .listWrapper .listItem {
    width: 25%;
    margin: 0
}

.productTemplateTabbed .listWrapper .item-box {
    border: 1px
}

.productTemplateTabbed .header {
    margin-bottom: 10px
}

.productTemplateTabbed .priceWrapper {
    min-height: 60px
}

.productTemplateTabbed .priceWrapper .priceWrapperInner {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #eee;
    margin-bottom: 10px;
    padding: 10px
}

@media(min-width:761px) {
    .productTemplateTabbed .priceWrapper .priceWrapperInner {
        text-align: left
    }
}

.productTemplateTabbed .priceWrapper .price {
    font-size: 16px;
    margin-right: 20px
}

.productTemplateTabbed .priceWrapper .price .oldProductPriceWrapper {
    color: #707070;
    display: inline-block
}

.productTemplateTabbed .add-info {
    display: inline-block
}

.productTemplateTabbed .price {
    display: inline-block
}

.productTemplateTabbed .titleWrapper {
    min-height: 60px
}

.productTemplateTabbed .titleWrapper h1 {
    font-size: 26px;
    margin: 0;
    padding-top: 10px
}

.productTemplateTabbed .product-variant-list {
    float: left;
    width: 50%
}

@media(min-width:761px) {
    .productTemplateTabbed .product-details-page .product-collateral {
        margin-top: 80px
    }
}

.product-static-product .overview.grid_6,
.product-static-product .checkout-page__billing-address .overview.select-address,
.checkout-page__billing-address .product-static-product .overview.select-address,
.product-static-product .checkout-page__billing-address .overview.enter-address,
.checkout-page__billing-address .product-static-product .overview.enter-address,
.product-static-product .checkout-page__shipping-address .address-list .overview.address-item,
.checkout-page__shipping-address .address-list .product-static-product .overview.address-item {
    background: #FFF;
    padding: 24px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5)
}

.product-static-product .picture {
    float: left;
    margin-top: 12px
}

.product-static-product .picture .thumbs tr {
    display: inline-block
}

.product-variant-grid .product-collateral {
    margin-top: 82px
}

#lbOverlay {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    cursor: pointer
}

#lbCenter,
#lbBottomContainer {
    position: fixed;
    z-index: 9999;
    overflow: hidden;
    background-color: #fff;
    width: 90% !important;
    top: 50% !important;
    left: 50% !important;
    margin: 0 !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#lbCenter {
    height: 80% !important
}

#lbBottomContainer {
    top: 90% !important;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.lbLoading {
    background: #fff url(/194830172/Handler/Static/content/images/slimbox/loading.gif) no-repeat center
}

#lbImage {
    position: absolute;
    left: 2% !important;
    top: 2% !important;
    border: 0;
    background-repeat: no-repeat;
    width: 96% !important;
    height: 96% !important;
    background-size: contain;
    background-position: center
}

#lbImage > div {
    width: 100% !important;
    height: 100% !important
}

#lbPrevLink,
#lbNextLink {
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    outline: 0
}

#lbPrevLink {
    left: 0
}

#lbPrevLink:hover {
    background: transparent url(/1633496940/Handler/Static/content/images/slimbox/prevlabel.gif) no-repeat 0 30px
}

#lbNextLink {
    right: 0
}

#lbNextLink:hover {
    background: transparent url(/1633693550/Handler/Static/content/images/slimbox/nextlabel.gif) no-repeat 100% 30px
}

#lbBottom {
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 10px;
    color: #666;
    line-height: 1.4em;
    text-align: left;
    border: 10px solid #fff;
    border-top-style: none
}

#lbCloseLink {
    display: block;
    float: right;
    width: 66px;
    height: 22px;
    background: transparent url(/-278188180/Handler/Static/content/images/slimbox/closelabel.gif) no-repeat center;
    margin: 5px 0;
    outline: 0
}

#lbCaption,
#lbNumber {
    margin-right: 71px
}

#lbCaption {
    font-weight: bold
}

.Card_-_Layout_9 {
    margin-bottom: 20px
}

.Card_-_Layout_9 .productInformation {
    background: #FFF;
    padding: 24px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5)
}

.Card_-_Layout_9 .mainProductArea {
    margin-top: 20px
}

.Card_-_Layout_9 #productBreadcrumbContainer {
    display: inline-block;
    width: 100%
}

.Card_-_Layout_9 .detailsLeft {
    width: 50%;
    float: left
}

.Card_-_Layout_9 .detailsRight {
    width: 49%;
    float: left;
    margin-left: 1%
}

.Card_-_Layout_9 .fulldescription {
    margin: 16px 0
}

.Card_-_Layout_9 .productPrice span {
    font-size: 1.6rem;
    margin-left: 2px
}

.Card_-_Layout_9 .thumb {
    float: left;
    width: 33%
}

.topicpage-body {
    background: white;
    border: 4px;
    padding: 24px;
    min-height: 400px;
    min-height: 42vh
}




/* for home page text also having a effect on the terms pages......*/

.homepage-body {
    background: white;
    border: 4px;
    padding: 12px;
    min-height: 200px;
    min-height: 3vh;
    margin-bottom: auto;
}

div#HomeInfoText {
    float: left;
    padding-top: 10px;
    text-align: center;
}

div#phTopic {
    float: left;
    padding-bottom: 15px;
}

.col-md-12 {
    line-height: 34px;
    font-size: 20px;
    padding: 12px;
}



/* centre signup information */

div#contentiInnerRow {
    text-align: center !important;
}

/* End of home page text */



/* Hide the word 'Shop' on category pages */
.navigationmenu .navigationmenu--currentCategory::before {
    display: none;
}




.shoppingcart__wrapper .checkout_message_bottom {
    min-height: 300px;
    text-align: center
}

.shoppingcart__wrapper .warning-box,
.shoppingcart__wrapper .cart-item-label-missingJob {
    border: 1px solid red;
    background: #faa;
    padding: 10px 15px;
    margin: 0 0 20px;
    display: inline-block;
    color: #333
}

.shoppingcart__wrapper .cart-item-label-missingJob {
    padding: 5px 15px;
    margin: 15px 0
}

.symphonymode {
    text-align: center;
    margin: 40px 0
}

.symphonymode h3 {
    margin-bottom: 3%
}

.symphonymode .symphonymode__item {
    display: inline-block;
    width: 100%;
    max-width: 210px;
    margin: 0 20px 30px
}

.symphonymode .symphonymode__item .symphonymode__item__desc {
    font-size: 16px;
    margin-top: 20px;
    display: inline-block
}

.symphonymode .symphonymode__item__button.batch:hover {
    background: rgba(58, 107, 178, 0.8)
}

.symphonymode .symphonymode__item__button.batch {
    background: #3a6bb2
}

.symphonymode .symphonymode__item__button a:focus,
.symphonymode .symphonymode__item__button a:hover {
    color: transparent
}

.symphonymode .symphonymode__item__button.single:hover {
    background: rgba(233, 30, 99, 0.8)
}

.symphonymode .symphonymode__item__button.single {
    background: #E91E63
}

.symphonymode .symphonymode__item__button.single i {
    text-indent: 25px
}

.symphonymode .symphonymode__item__button i {
    width: 100%;
    font-size: 110px;
    color: white;
    padding: 30px 0;
    display: block !important
}

.symphonymode .symphonymode__item__button span {
    color: white;
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    padding: 12px;
    display: inline-block;
    width: 80%;
    font-size: 20px;
    text-transform: uppercase
}

.symphonysingleinput {
    margin: 20px 0
}

.symphonysingleinput * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.symphonysingleinput .row {
    display: inline-block;
    width: 100%;
    margin: 0
}

.symphonysingleinput .form__items {
    border: 1px solid #3a6bb2;
    padding: 20px;
    display: inline-block;
    margin: 10px 0;
    background: white
}

.symphonysingleinput .form__item {
    display: inline-block;
    width: 50%;
    margin-bottom: 5px
}

.symphonysingleinput .form__item input {
    max-width: 80%
}

.symphonysingleinput .form__item label {
    float: left;
    width: 20%
}

.symphonysingleinput .form__buttons .submit-button:hover {
    background: #294aa1
}

.symphonysingleinput .form__buttons .submit-button {
    background: #3a6bb2;
    border: 1px solid #2a6bb2;
    color: white;
    float: right
}

.search-panel .search-input {
    text-align: center;
    margin-bottom: 40px
}

.search-panel .search-input .basic-search .item-name {
    display: none
}

.search-panel .search-input .basic-search label {
    margin-bottom: 1.36363636363636em
}

.search-panel .search-input label,
.search-panel .search-input .item-name {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
    font-weight: 700
}

.search-panel .search-input #pnl-advanced-search {
    background: #FFF;
    padding: 19px 27px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5);
    max-width: 342px;
    margin: 9px auto 13px
}

.search-panel .search-input #pnl-advanced-search .search-category {
    width: 100%;
    display: inline-block;
    margin: 19px 0 10px
}

.search-panel .search-input #pnl-advanced-search .search-price-range {
    margin: 5px 0 10px;
    display: inline-block
}

.search-panel .search-input #pnl-advanced-search tr:last-of-type td {
    margin-bottom: 19px
}

.search-panel .search-input .warning {
    display: block;
    color: #d9534f;
    margin-top: 7px;
    font-size: .9rem;
    font-weight: 700
}

.search-panel .search-results {
    width: 80%;
    margin: 0 auto
}

.search-panel .search-results .listItem {
    margin-bottom: 41px;
    background: white;
    transition: .3s ease-in;
    position: relative;
    overflow: hidden
}

.search-panel .search-results .listItem:hover {
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.1)
}

.search-panel .search-results .listItem:hover .picture {
    opacity: .5
}

.search-panel .search-results .listItem .picture {
    position: relative;
    transition: .3s ease-in
}

.search-panel .search-results .listItem .picture:after {
    content: "";
    padding-bottom: 90%;
    display: block
}

.search-panel .search-results .listItem .picture a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #232323
}

.search-panel .search-results .listItem .picture a img {
    max-width: 100%;
    display: none
}

.search-panel .search-results .listItem .picture a div {
    display: block !important;
    height: 100%;
    width: 100%;
    background-size: cover !important;
    background-position: 50% 50% !important;
    transition: .3s ease-in
}

.search-panel .search-results .listItem .product-title {
    margin: 0;
    padding: 15px 17px 11px;
    font-size: 16px
}

.search-panel .search-results .listItem .product-title a {
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif
}

.search-panel .search-results .listItem .alternate--prices {
    position: absolute;
    bottom: 30px;
    right: 17px;
    font-size: 16px;
    display: none !important;
}

.search-panel .search-results .listItem .description {
    padding: 0 17px 10px;
    min-height: 33px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 10px;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
    opacity: .5;
    max-width: 80%;
    white-space: nowrap
}

.search-panel .search-results .listItem:hover .add-info {
    transform: translate(-50%, -50%);
    opacity: .9
}

.search-panel .search-results .listItem .add-info {
    position: absolute;
    top: 40%;
    left: 50%;
    text-align: center;
    max-width: 80%;
    width: 100%;
    transform: translate(-50%, -70%);
    transition: .3s ease-in;
    opacity: 0
}

.search-panel .search-results .listItem .add-info .prices {
    display: none
}

.search-panel .search-results .listItem .add-info input {
    width: 155px;
    padding: 0;
    max-width: 100%
}

.search-panel .search-results .grid_3 {
    margin-left: 2%
}

@media(min-width:761px) and (max-width:960px) {
    .search-panel .search-results .grid_3 {
        width: 100%
    }

    .search-panel .search-results .grid_3:nth-child(1n+1) {
        margin-left: 0
    }
}

@media(min-width:961px) and (max-width:1200px) {
    .search-panel .search-results .grid_3 {
        width: 49%
    }

    .search-panel .search-results .grid_3:nth-child(2n+1) {
        margin-left: 0
    }
}

@media(min-width:1201px) {
    .search-panel .search-results .grid_3 {
        width: 32%
    }

    .search-panel .search-results .grid_3:nth-child(3n+1) {
        margin-left: 0
    }
}

.mainUIParent .fileinput-button {
    padding: 0;
    margin: 0;
    background: 0
}

.mainUIParent .fileinput-button span {
    padding: 0;
    margin: 0;
    background: 0
}

.mainUIParent .fileinput-button .fileUploadButton {
    text-indent: 0;
    height: auto;
    background: #DE3255;
    color: #FFF;
    padding: 0;
    margin: 0
}

.mainUIParent #showPreview {
    text-indent: 0;
    height: auto;
    background: #DE3255;
    color: #FFF;
    padding: 0;
    margin: 0;
    top: 110px;
    right: 40px
}

.mainUIParent .multiPartItem.upload.partInputItem .inputPart,
.mainUIParent .multiPartItem.upload.partInputItem .rightInputPart {
    padding: 0
}

.mainUIParent .multiPartItem.upload.partInputItem .itemSelectorImage {
    text-align: center
}

.mainUIParent .multiPartItem.upload.partInputItem .itemSelectorImage #img-upload {
    padding-top: 20px;
    margin: 0 auto;
    width: auto;
    max-width: 400px
}

.mainUIParent .multiPartItem.upload.partInputItem .rightInputPart .inputPartInner {
    text-align: center
}

.mainUIParent #previewAreaContainer {
    text-align: center;
    margin: 20px 0
}

.mainUIParent #previewAreaContainer #preview {
    background: 0
}

.mainUIParent #previewAreaContainer #preview #previewContentContainer {
    margin-top: 80px;
    display: inline-block;
    width: 100%
}

.mainUIParent #previewAreaContainer #preview #previewContentContainer .cf_imageViewer_row.cf_imageViewer_row_1 {
    max-width: 400px;
    margin: 0 auto
}

.mainUIParent #previewAreaContainer #preview #previewContentContainer .cf_imageViewer_row.cf_imageViewer_row_1 img {
    max-width: 100%;
    height: auto;
    margin-top: 20px
}

.mainUIParent #previewAreaContainer #preview #previewContentContainer .cf_imageViewer_next {
    right: -40px;

    background:url(/00000000-0000-0000-0000-000000000000/Handler/Static/ {
        images/Arrow_Right_24px.svg) no-repeat 95% 50%/24px;
    width:24px
}



.mainUIParent #previewAreaContainer #preview #previewContentContainer .cf_imageViewer_next:before {
    display: none
}

.mainUIParent #previewAreaContainer #preview #previewContentContainer .cf_imageViewer_prev {
    left: -40px;

    background:url(/00000000-0000-0000-0000-000000000000/Handler/Static/ {
        images
    }

    /Arrow_Left_24px.svg) no-repeat 95% 50%/24px;
    width:24px
}

.mainUIParent #previewAreaContainer #preview #previewContentContainer .cf_imageViewer_prev:before {
    display: none
}

.mainUIParent #previewAreaContainer #preview #previewContentContainer .b-next div {
    background: 0;
    position: relative
}

.mainUIParent #previewAreaContainer #preview #previewContentContainer .b-next div:before {
    content: "\e649";
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 40px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #DE3255;
    text-indent: 0
}

.mainUIParent #previewAreaContainer #preview #previewContentContainer .b-next div:hover:before {
    color: #46ace0
}

.mainUIParent #previewAreaContainer #preview #previewContentContainer .b-prev div {
    background: 0;
    position: relative
}

.mainUIParent #previewAreaContainer #preview #previewContentContainer .b-prev div:before {
    content: "\e64a";
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 40px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #DE3255;
    text-indent: 0
}

.mainUIParent #previewAreaContainer #preview #previewContentContainer .b-prev div:hover:before {
    color: #46ace0
}

.mainUIParent #previewAreaContainer #preview .cf_imageViewer_image {
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    max-width: 400px
}

.mainUIParent #previewAreaContainer #preview .cf_imageViewer_pageCounter {
    padding: 4px 0 12px;
    font-family: sans-serif;
    color: #222;
    font-size: 14px;
    text-shadow: none
}

.mainUIParent #previewAreaContainer #preview .cf_imageViewer_navigation {
    opacity: 1
}

.mainUIParent #previewAreaContainer .addtobasket.multiPartButton,
.mainUIParent #previewAreaContainer .gobackButton.multiPartButton {
    text-indent: 0;
    background: #DE3255;
    color: #FFF;
    margin: 0;
    top: -50px;
    width: auto;
    height: 36px;
    padding: 0 30px
}

.setcustomname-page {
    text-align: center
}

.setcustomname-page table {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.3)
}

.setcustomname-page table thead {
    border: 0;
    background: 0
}

.setcustomname-page table thead th {
    border-width: 0 0 2px 0 !important;
    height: 45px;
    border-bottom: 2px solid #DE3255;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1.36363636363636em;
    color: #333;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
    text-align: center !important;
    background: 0;
    position: relative
}

.setcustomname-page table thead th a {
    line-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #333;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
    font-size: 10px
}

.setcustomname-page table th,
.setcustomname-page table td {
    display: table-cell;
    text-align: center
}

.setcustomname-page table tr {
    border-bottom: 1px solid #eee
}

@media(max-width:760px) {
    .setcustomname-page table tr {
        display: block;
        text-align: center;
        padding: 18px 0 90px;
        position: relative
    }
}

.setcustomname-page table tr:last-of-type {
    border: 0
}

@media(max-width:760px) {
    .setcustomname-page table td:first-child {
        position: absolute;
        bottom: 7px;
        width: 100%
    }
}

.setcustomname-page table tbody table {
    border: 1px solid #cacaca
}

.homepage-news,
.news-article-list {
    position: relative;
    width: 100%;
    float: left;
    border: solid 1px #ccc;
    box-sizing: border-box;
    padding: 20px;
    background: #F6F6F6
}

.homepage-news .page-title .rss,
.news-article-list .page-title .rss {
    position: relative;
    text-align: right
}

.homepage-news .page-title .title,
.news-article-list .page-title .title {
    position: relative;
    padding: 0;
    font-size: 24px
}

.homepage-news .newsitems,
.news-article-list .newsitems {
    position: relative;
    width: 100%;
    float: left
}

.homepage-news .newsitems .item,
.news-article-list .newsitems .item {
    position: relative;
    background: #fff;
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding: 20px;
    margin-bottom: 10px;
    border: solid 1px #eee
}

.homepage-news .newsitems .newstitle,
.news-article-list .newsitems .newstitle {
    font-size: 20px;
    display: inline-block;
    margin-right: 10px;
    color: #DE3255;
    letter-spacing: 1px
}

.homepage-news .newsitems .newsdate,
.news-article-list .newsitems .newsdate {
    position: relative;
    float: right;
    margin-top: 7px;
    color: #B9B9B9
}

.homepage-news .newsitems .newsdetails,
.news-article-list .newsitems .newsdetails {
    position: relative;
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px
}

.homepage-news .newsitems .readmore,
.news-article-list .newsitems .readmore {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px;
    background: #DE3255;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none
}

.homepage-news .viewall {
    position: relative;
    width: 100%;
    float: left
}

.homepage-news .viewall a {
    position: relative;
    float: right;
    display: inline-block;
    padding: 7px;
    background: #DE3255;
    color: #fff;
    padding-left: 12px;
    padding-right: 12px;
    text-decoration: none
}

.news-article {
    position: relative;
    float: left;
    width: 100%
}

.news-article .page-title {
    position: relative;
    float: left;
    width: 100%
}

.news-article .page-title h1 {
    position: relative;
    padding-left: 0;
    font-size: 30px;
    margin-top: 10px;
    margin-bottom: 20px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 20px;
    letter-spacing: 1px
}

.news-article .newsdate {
    position: relative;
    float: left;
    background: #FFF;
    box-sizing: border-box;
    text-align: right;
    margin-top: -28px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 20px;
    color: #989898;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.news-article .newsbody {
    position: relative;
    float: left;
    width: 100%;
    letter-spacing: .5px
}

.news-article .newsbody img {
    position: relative;
    max-width: 90%;
    margin: 20px auto;
    display: block;
    box-sizing: border-box;
    padding: 10px;
    background: #eee;
    border: solid 1px #ccc
}

.news-article .newscomments {
    position: relative;
    float: right;
    width: 100%;
    margin-top: 15px
}

.news-article .newscomments table,
.news-article .newscomments tbody {
    position: relative;
    display: block;
    float: left;
    width: 100%
}

.news-article .newscomments tr {
    position: relative;
    float: left;
    width: 100%;
    display: block
}

.news-article .newscomments td {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 5px
}

.news-article .newscomments .title {
    position: relative;
    font-size: 20px;
    width: 100%;
    float: left;
    border-top: solid 1px #ccc;
    padding-top: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px
}

.news-article .newscomments td.leavetitle {
    font-size: 14px;
    text-align: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ccc;
    letter-spacing: 1px;
    text-transform: uppercase
}

.news-article .newscomments .newcomment {
    position: relative;
    float: left;
    width: 38%;
    box-sizing: border-box;
    background: #F6F6F6;
    border: solid 1px #ccc;
    padding: 20px
}

.news-article .newscomments .clear {
    display: none
}

.news-article .newscomments .newcomment form {
    position: relative
}

.news-article .newscomments .newcomment input {
    position: relative;
    box-sizing: border-box;
    width: 100% !important;
    float: left;
    margin-bottom: 10px
}

.news-article .newscomments .message-error ul {
    margin-bottom: 0
}

.news-article .newscomments .newcomment textarea {
    position: relative;
    float: left;
    width: 100% !important;
    box-sizing: border-box;
    padding: 7px
}

.news-article .newscomments .newcomment .newsitemaddcommentbutton {
    position: relative;
    width: auto !important;
    margin: 0 auto;
    display: block;
    float: none;
    padding: 7px;
    background: #DE3255;
    border: 0;
    color: #fff;
    padding-left: 12px;
    padding-right: 12px
}

.news-article .newscomments .commentlist {
    position: relative;
    float: left;
    width: 60%;
    margin-left: 2%;
    min-height: 100px;
    background: #F6F6F6;
    border: solid 1px #ccc;
    box-sizing: border-box;
    padding: 20px
}

.news-article .newscomments .thecomment {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 15px;
    border: solid 1px #ccc;
    box-sizing: border-box;
    padding: 10px;
    padding-bottom: 15px;
    padding-top: 15px
}

.news-article .newscomments .thecomment .commentinfo {
    position: relative;
    float: left;
    text-align: left;
    font-size: 14px;
    letter-spacing: .5px;
    color: #DE3255;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    margin-top: -24px;
    background: #F6F6F6
}

.news-article .newscomments .thecomment .userinfo,
.news-article .newscomments .thecomment .avatar,
.news-article .newscomments .thecomment .commentcontent {
    position: relative
}

.news-article .newscomments .thecomment .commenttime {
    position: absolute;
    bottom: -24px;
    right: 0;
    padding-bottom: 2px;
    background: #F6F6F6;
    padding-left: 10px;
    color: #540e4a;
    padding-right: 10px
}

.news-article .newscomments .thecomment .statvalue {
    position: relative;
    color: #292929
}

.news-article .newscomments .thecomment .commenttitle {
    position: relative;
    float: left;
    width: 100%;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 13px
}

.news-article .newscomments .thecomment .commenttext,
.news-article .newscomments .thecomment .commentbody,
.news-article .newscomments .thecomment .commenttext {
    position: relative
}


/* hide mega edit clear Drag and drop to remove or
click to clear backgrounds.*/

.backgroundItem_clear {
    display: none;
}
@media only screen and (max-width:767px) {

    .news-article .newscomments .newcomment,
    .news-article .newscomments .commentlist {
        width: 100%;
        margin-bottom: 15px;
        margin-left: 0
    }

    .news-article .newsbody img {
        position: relative;
        max-width: 100%;
        padding: 5px
    }
}

.blogsearch {
    background: #FFF;
    padding: 20px;
    border-radius: 0;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    border: 1px solid rgba(170, 170, 170, 0.5);
    margin-bottom: 20px;
    border: solid 1px #eee;
    display: inline-block;
    width: 100%
}

.blogsearch #advancedFilters {
    display: inline-block;
    margin-top: 20px;
    width: 100%
}

.blogsearch #advancedFilters .grid_6,
.blogsearch #advancedFilters .checkout-page__billing-address .select-address,
.checkout-page__billing-address .blogsearch #advancedFilters .select-address,
.blogsearch #advancedFilters .checkout-page__billing-address .enter-address,
.checkout-page__billing-address .blogsearch #advancedFilters .enter-address,
.blogsearch #advancedFilters .checkout-page__shipping-address .address-list .address-item,
.checkout-page__shipping-address .address-list .blogsearch #advancedFilters .address-item {
    display: flex;
    align-items: flex-end
}

.blogsearch #advancedFilters label {
    margin-right: 20px
}

.featuredBlog,
.blog {
    position: relative;
    width: 100%;
    float: left
}

.featuredBlog .page-title .rss,
.blog .page-title .rss {
    position: relative;
    text-align: right;
    float: right
}

.featuredBlog .page-title .title,
.blog .page-title .title {
    position: relative;
    padding: 0;
    font-size: 24px;
    float: left
}

.featuredBlog .blogposts,
.blog .blogposts {
    position: relative;
    width: 100%;
    float: left
}

.featuredBlog .page-title .title h1,
.blog .page-title .title h1 {
    margin-bottom: 8px
}

.featuredBlog .blogimage img,
.blog .blogimage img {
    max-width: 100%
}

.featuredBlog .post,
.blog .post {
    position: relative;
    background: #fff;
    box-sizing: border-box;
    float: left;
    padding: 20px 20px 40px;
    margin-bottom: 10px;
    border: solid 1px #eee
}

.featuredBlog .blogtitle,
.blog .blogtitle {
    font-size: 20px;
    display: inline-block;
    margin-right: 10px;
    color: #540e4a;
    letter-spacing: 1px
}

.featuredBlog .blogdate,
.blog .blogdate {
    position: relative;
    float: right;
    margin-top: 7px;
    color: #B9B9B9
}

.featuredBlog .blogbody,
.blog .blogbody {
    position: relative;
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px
}

.featuredBlog .blogdetails,
.blog .blogdetails {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px;
    background: #540e4a;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none
}

.block-blog-archive {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box
}

.block-blog-archive .title {
    position: relative;
    font-size: 14px;
    margin-bottom: 2px;
    margin-top: 18px
}

.block-blog-archive .listbox {
    position: relative;
    float: left;
    width: 100%;
    border: solid 1px #EEE;
    padding: 10px;
    box-sizing: border-box;
    background: #fff
}

.block-blog-archive .listbox ul {
    position: relative;
    float: left;
    width: 99%;
    margin: 0;
    padding: 5px;
    margin-left: 1%;
    box-sizing: border-box
}

.block-blog-archive .listbox ul li {
    position: relative;
    float: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
    width: 100%
}

.block-blog-archive .listbox ul li.year {
    font-weight: bold
}

.block-blog-archive .listbox ul li ul {
    position: relative;
    font-weight: normal
}

.block-blog-archive .listbox ul li ul li:hover {
    background: #eee;
    text-decoration: none
}

.blogpost {
    position: relative;
    float: left;
    width: 100%
}

.blogpost .page-title {
    position: relative;
    float: left;
    width: 100%
}

.blogpost .page-title h1 {
    position: relative;
    padding-left: 0;
    font-size: 30px;
    margin-top: 10px;
    margin-bottom: 20px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 20px;
    letter-spacing: 1px
}

.blogpost .postdate {
    position: relative;
    float: left;
    background: #F8F8F8;
    box-sizing: border-box;
    text-align: right;
    margin-top: -31px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 20px;
    color: #989898;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.blogpost .postbody {
    position: relative;
    float: left;
    width: 100%;
    letter-spacing: .5px
}

.blogpost .postbody img {
    position: relative;
    max-width: 90%;
    margin: 20px auto;
    display: block;
    box-sizing: border-box;
    padding: 10px;
    background: #eee;
    border: solid 1px #ccc
}

.blogpost .blogcomments {
    position: relative;
    float: right;
    width: 100%;
    margin-top: 15px
}

.blogpost .blogcomments table,
.blogpost .blogcomments tbody {
    position: relative;
    display: block;
    float: left;
    width: 100%
}

.blogpost .blogcomments tr {
    position: relative;
    float: left;
    width: 100%;
    display: block
}

.blogpost .blogcomments td {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 5px
}

.blogpost .blogcomments .title {
    position: relative;
    font-size: 20px;
    width: 100%;
    float: left;
    border-top: solid 1px #ccc;
    padding-top: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px
}

.blogpost .blogcomments td.leavetitle {
    font-size: 14px;
    text-align: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ccc;
    letter-spacing: 1px;
    text-transform: uppercase
}

.blogpost .blogcomments .newcomment {
    position: relative;
    float: left;
    width: 38%;
    box-sizing: border-box;
    background: #F6F6F6;
    border: solid 1px #ccc;
    padding: 20px
}

.blogpost .blogcomments .clear {
    display: none
}

.blogpost .blogcomments .newcomment form {
    position: relative
}

.blogpost .blogcomments .newcomment input {
    position: relative;
    box-sizing: border-box;
    width: 100% !important;
    float: left;
    margin-bottom: 10px
}

.blogpost .blogcomments .message-error ul {
    margin-bottom: 0
}

.blogpost .blogcomments .newcomment textarea {
    position: relative;
    float: left;
    width: 100% !important;
    box-sizing: border-box;
    padding: 7px
}

.blogpost .blogcomments .newcomment .button {
    background: 0;
    border: 0
}

.blogpost .blogcomments .newcomment .blogpostaddcommentbutton {
    width: 100%;
    margin: 0
}

.blogpost .blogcomments .commentlist {
    position: relative;
    float: left;
    width: 60%;
    margin-left: 2%;
    min-height: 100px;
    background: #F6F6F6;
    border: solid 1px #ccc;
    box-sizing: border-box;
    padding: 20px
}

.blogpost .blogcomments .blogcomment {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 15px;
    border: solid 1px #ccc;
    box-sizing: border-box;
    padding: 10px;
    padding-bottom: 15px;
    padding-top: 15px
}

.blogpost .blogcomments .blogcomment .commentinfo {
    position: relative;
    float: left;
    text-align: left;
    font-size: 14px;
    letter-spacing: .5px;
    color: #540e4a;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    margin-top: -24px;
    background: #F6F6F6
}

.blogpost .blogcomments .blogcomment .userinfo,
.blogpost .blogcomments .blogcomment .avatar,
.blogpost .blogcomments .blogcomment .commentcontent {
    position: relative
}

.blogpost .blogcomments .blogcomment .commenttime {
    position: absolute;
    bottom: -24px;
    right: 0;
    padding-bottom: 2px;
    background: #F6F6F6;
    padding-left: 10px;
    color: #540e4a;
    padding-right: 10px
}

.blogpost .blogcomments .blogcomment .statvalue {
    position: relative;
    color: #292929
}

.blogpost .blogcomments .blogcomment .commenttitle {
    position: relative;
    float: left;
    width: 100%;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 13px
}

.blogpost .blogcomments .blogcomment .commenttext,
.blogpost .blogcomments .blogcomment .commentbody {
    position: relative
}

.blogpost .blogcomments .thecomment .commenttext {
    position: relative
}

@media only screen and (max-width:767px) {

    .blogpost .blogcomments .newcomment,
    .news-article .blogcomments .commentlist {
        width: 100%;
        margin-bottom: 15px;
        margin-left: 0
    }

    .blogpost .postbody img {
        position: relative;
        max-width: 100%;
        padding: 5px
    }
}

.blogposts .blogimage {
    display: block;
    width: 100%
}

.blogpost .blogpost__featureimage img,
.blogposts .blogimage img {
    max-width: 100%
}

.postlinks {
    margin-top: 20px;
    display: inline-block;
    width: 100%
}

.postlinks #previousblog,
.postlinks #nextblog {
    background: white;
    padding: 20px;
    border: 1px solid #f1f1f1
}

.postlinks img {
    max-width: 100%
}

.symphonyEditModalSymphonyEdit *,
#symphonyRecordsView *,
.symphony-open-campaigns *,
#triggerForm * {
    box-sizing: border-box
}

.symphonyEditModalSymphonyEdit input[type=radio],
#symphonyRecordsView input[type=radio],
.symphony-open-campaigns input[type=radio],
#triggerForm input[type=radio] {
    margin-left: 10px
}

.symphonyEditModalSymphonyEdit .button,
.symphonyEditModalSymphonyEdit .file-cta,
.symphonyEditModalSymphonyEdit .file-name,
.symphonyEditModalSymphonyEdit .input,
.symphonyEditModalSymphonyEdit .pagination-ellipsis,
.symphonyEditModalSymphonyEdit .pagination-link,
.symphonyEditModalSymphonyEdit .pagination-next,
.symphonyEditModalSymphonyEdit .pagination-previous,
.symphonyEditModalSymphonyEdit .select,
.symphonyEditModalSymphonyEdit .textarea,
#symphonyRecordsView .button,
#symphonyRecordsView .file-cta,
#symphonyRecordsView .file-name,
#symphonyRecordsView .input,
#symphonyRecordsView .pagination-ellipsis,
#symphonyRecordsView .pagination-link,
#symphonyRecordsView .pagination-next,
#symphonyRecordsView .pagination-previous,
#symphonyRecordsView .select,
#symphonyRecordsView .textarea,
.symphony-open-campaigns .button,
.symphony-open-campaigns .file-cta,
.symphony-open-campaigns .file-name,
.symphony-open-campaigns .input,
.symphony-open-campaigns .pagination-ellipsis,
.symphony-open-campaigns .pagination-link,
.symphony-open-campaigns .pagination-next,
.symphony-open-campaigns .pagination-previous,
.symphony-open-campaigns .select,
.symphony-open-campaigns .textarea,
#triggerForm .button,
#triggerForm .file-cta,
#triggerForm .file-name,
#triggerForm .input,
#triggerForm .pagination-ellipsis,
#triggerForm .pagination-link,
#triggerForm .pagination-next,
#triggerForm .pagination-previous,
#triggerForm .select,
#triggerForm .textarea {
    align-items: center;
    display: inline-flex;
    justify-content: flex-start;
    line-height: 1.5;
    position: relative;
    vertical-align: top;
    max-width: 100%;
    width: 100%
}

.symphonyEditModalSymphonyEdit .button,
#symphonyRecordsView .button,
.symphony-open-campaigns .button,
#triggerForm .button {
    text-align: center;
    margin: 0;
    justify-content: center
}

.symphonyEditModalSymphonyEdit .fields,
#symphonyRecordsView .fields,
.symphony-open-campaigns .fields,
#triggerForm .fields {
    display: flex;
    justify-content: flex-start
}

.symphonyEditModalSymphonyEdit .fields.has-addons .control:not(:last-child),
#symphonyRecordsView .fields.has-addons .control:not(:last-child),
.symphony-open-campaigns .fields.has-addons .control:not(:last-child),
#triggerForm .fields.has-addons .control:not(:last-child) {
    margin-right: -1px
}

.symphonyEditModalSymphonyEdit .fields.has-addons .control:first-child .button,
.symphonyEditModalSymphonyEdit .fields.has-addons .control:first-child .input,
.symphonyEditModalSymphonyEdit .fields.has-addons .control:first-child .select,
#symphonyRecordsView .fields.has-addons .control:first-child .button,
#symphonyRecordsView .fields.has-addons .control:first-child .input,
#symphonyRecordsView .fields.has-addons .control:first-child .select,
.symphony-open-campaigns .fields.has-addons .control:first-child .button,
.symphony-open-campaigns .fields.has-addons .control:first-child .input,
.symphony-open-campaigns .fields.has-addons .control:first-child .select,
#triggerForm .fields.has-addons .control:first-child .button,
#triggerForm .fields.has-addons .control:first-child .input,
#triggerForm .fields.has-addons .control:first-child .select {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.symphonyEditModalSymphonyEdit .fields.has-addons .control:not(:first-child):not(:last-child) .button,
.symphonyEditModalSymphonyEdit .fields.has-addons .control:not(:first-child):not(:last-child) .input,
.symphonyEditModalSymphonyEdit .fields.has-addons .control:not(:first-child):not(:last-child) .select,
#symphonyRecordsView .fields.has-addons .control:not(:first-child):not(:last-child) .button,
#symphonyRecordsView .fields.has-addons .control:not(:first-child):not(:last-child) .input,
#symphonyRecordsView .fields.has-addons .control:not(:first-child):not(:last-child) .select,
.symphony-open-campaigns .fields.has-addons .control:not(:first-child):not(:last-child) .button,
.symphony-open-campaigns .fields.has-addons .control:not(:first-child):not(:last-child) .input,
.symphony-open-campaigns .fields.has-addons .control:not(:first-child):not(:last-child) .select,
#triggerForm .fields.has-addons .control:not(:first-child):not(:last-child) .button,
#triggerForm .fields.has-addons .control:not(:first-child):not(:last-child) .input,
#triggerForm .fields.has-addons .control:not(:first-child):not(:last-child) .select {
    border-radius: 0
}

.symphonyEditModalSymphonyEdit .fields.has-addons .control:last-child .button,
.symphonyEditModalSymphonyEdit .fields.has-addons .control:last-child .input,
.symphonyEditModalSymphonyEdit .fields.has-addons .control:last-child .select,
#symphonyRecordsView .fields.has-addons .control:last-child .button,
#symphonyRecordsView .fields.has-addons .control:last-child .input,
#symphonyRecordsView .fields.has-addons .control:last-child .select,
.symphony-open-campaigns .fields.has-addons .control:last-child .button,
.symphony-open-campaigns .fields.has-addons .control:last-child .input,
.symphony-open-campaigns .fields.has-addons .control:last-child .select,
#triggerForm .fields.has-addons .control:last-child .button,
#triggerForm .fields.has-addons .control:last-child .input,
#triggerForm .fields.has-addons .control:last-child .select {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.symphonyEditModalSymphonyEdit .fields.has-addons-right,
#symphonyRecordsView .fields.has-addons-right,
.symphony-open-campaigns .fields.has-addons-right,
#triggerForm .fields.has-addons-right {
    justify-content: flex-end
}

.symphonyEditModalSymphonyEdit .fields .control,
#symphonyRecordsView .fields .control,
.symphony-open-campaigns .fields .control,
#triggerForm .fields .control {
    clear: both;
    font-size: 1rem;
    position: relative;
    text-align: left
}

.symphonyEditModalSymphonyEdit .fields .select,
#symphonyRecordsView .fields .select,
.symphony-open-campaigns .fields .select,
#triggerForm .fields .select {
    display: inline-block;
    max-width: 100%;
    position: relative;
    vertical-align: top
}

#triggerForm .tabcontent {
    display: none
}

#triggerForm .form-group input[type="radio"] {
    display: none
}

#triggerForm .form-group label {
    margin: 0
}

#triggerForm .form-group label:hover,
#triggerForm .form-group input[type="radio"]:checked + label {
    background-color: #4f4f4f;
    color: #fff
}

#triggerForm .controlBtns {
    display: flex
}

#triggerForm .triggerModal-content {
    margin: auto;
    border: 1px solid rgba(0, 0, 0, 0.1)
}

#triggerForm .tabcontent .formContent {
    margin: 5px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    height: 100%;
    padding: 5px;
    width: calc(100% - 10px)
}

#triggerForm .labeltrigger {
    width: 100%;
    height: 100%;
    display: inline-flex
}

#triggerForm .radioBtn {
    margin-top: 5px;
    margin-right: 8px
}

#triggerForm .textInput {
    border: 3px solid #EEE;
    margin: 0;
    padding: 7px
}

#triggerForm .frequencyType {
    padding-top: 10px
}

#triggerForm .terminationCondition {
    padding-top: 10px
}

#triggerForm .labelText {
    font-size: 15px;
    padding: 10px;
    display: block;
    width: 100%
}

#triggerForm .labelData {
    float: left;
    font-size: 14px;
    padding-left: 30px;
    padding-top: 8px
}

#triggerForm .col-4 {
    float: left;
    width: 33.3%
}

#triggerForm .col-6 {
    float: left;
    width: 50%
}

#triggerForm .col-5 {
    float: left;
    width: 41%
}

#triggerForm .col-12 {
    float: left;
    width: 100%
}

#triggerForm .simple-group {
    padding: 10px
}

#triggerForm .CancelBtnTrigger {
    background: #f44336;
    color: white;
    border: 0;
    margin: 0 0 0 5px
}

#triggerForm hr {
    margin: 0
}

#triggerForm .text-center {
    text-align: center
}

.symphonyEditModalSymphonyEdit-content .header {
    padding-top: 15px
}

.symphonyEditModalSymphonyEdit-content .text {
    padding-top: 15px
}

.symphonyEditModalSymphonyEdit-content .content {
    text-align: center;
    padding-top: 20px
}

.symphonyEditModalSymphonyEdit-content .controlButton {
    padding-top: 50px;
    padding-right: 10px
}

.symphonyEditModalSymphonyEdit,
#symphonyRecordsView,
.symphony-open-campaigns {
    padding: 0
}

.symphonyEditModalSymphonyEdit #search_order,
#symphonyRecordsView #search_order,
.symphony-open-campaigns #search_order {
    vertical-align: middle
}

.symphonyEditModalSymphonyEdit .t-grid,
#symphonyRecordsView .t-grid,
.symphony-open-campaigns .t-grid {
    padding: 0
}

.symphonyEditModalSymphonyEdit .button,
#symphonyRecordsView .button,
.symphony-open-campaigns .button {
    margin: 5px 0;
    width: 100%;
    text-align: center
}

.symphonyEditModalSymphonyEdit .viewRecordsBtn,
#symphonyRecordsView .viewRecordsBtn,
.symphony-open-campaigns .viewRecordsBtn {
    margin: 10px 0
}

.symphonyEditModalSymphonyEdit .button-stop,
#symphonyRecordsView .button-stop,
.symphony-open-campaigns .button-stop {
    background-color: #f44336;
    color: white;
    border: 0;
    margin-right: 10px
}

.symphonyEditModalSymphonyEdit .button-actionStop,
.symphonyEditModalSymphonyEdit .button-actionConfirm,
#symphonyRecordsView .button-actionStop,
#symphonyRecordsView .button-actionConfirm,
.symphony-open-campaigns .button-actionStop,
.symphony-open-campaigns .button-actionConfirm {
    width: 49%;
    margin: .5%;
    float: left
}

.symphonyEditModalSymphonyEdit .button-actionStop,
#symphonyRecordsView .button-actionStop,
.symphony-open-campaigns .button-actionStop {
    background-color: #f44336;
    color: white;
    border: 0
}

.symphonyEditModalSymphonyEdit #search_order.searchBox,
#symphonyRecordsView #search_order.searchBox,
.symphony-open-campaigns #search_order.searchBox {
    width: calc(100% - 200px);
    margin: 0
}

.symphonyEditModalSymphonyEdit #searchBtn.button,
.symphonyEditModalSymphonyEdit #clearSearchBtn.button,
#symphonyRecordsView #searchBtn.button,
#symphonyRecordsView #clearSearchBtn.button,
.symphony-open-campaigns #searchBtn.button,
.symphony-open-campaigns #clearSearchBtn.button {
    width: 60px;
    vertical-align: middle;
    margin: 0
}

.symphonyEditModalSymphonyEdit label,
#symphonyRecordsView label,
.symphony-open-campaigns label {
    vertical-align: middle
}

.symphonyEditModalSymphonyEdit .t-header,
#symphonyRecordsView .t-header,
.symphony-open-campaigns .t-header {
    text-align: center;
    padding: .3em
}

.symphonyEditModalSymphonyEdit .fa,
#symphonyRecordsView .fa,
.symphony-open-campaigns .fa {
    display: inline-block
}

.symphonyEditModalSymphonyEdit a,
#symphonyRecordsView a,
.symphony-open-campaigns a {
    color: initial;
    text-decoration: none
}

.upload-pages {
    letter-spacing: 0;
    position: relative;
    display: inline-block;
    width: 100%
}

.upload-pages i {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 1.5rem;
    width: 1.5rem;
    margin-left: calc(-0.375em - 1px);
    margin-right: .1875em;
    z-index: 2
}

.upload-pages button,
.upload-pages .checkout-page.checkout-page_multi .select-button input,
.checkout-page.checkout-page_multi .select-button .upload-pages input,
.upload-pages .checkout-page__billing-address .address-grid td .address-item .select-button input,
.checkout-page__billing-address .address-grid td .address-item .select-button .upload-pages input,
.upload-pages .t-grid .t-button,
.t-grid .upload-pages .t-button {
    letter-spacing: 0;
    margin-left: .25rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 3px;
    box-shadow: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    height: 2.25em;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 1.5;
    padding-bottom: calc(0.375em - 1px);
    padding-left: calc(0.625em - 1px);
    padding-right: calc(0.625em - 1px);
    padding-top: calc(0.375em - 1px);
    position: relative;
    vertical-align: top;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: white;
    border-color: #dbdbdb;
    color: #363636;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: .75em;
    padding-right: .75em;
    text-align: center;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #540e4a;
    border-color: transparent;
    color: #fff;
    text-transform: initial;
    font-weight: 400
}

.upload-pages button.disabled,
.upload-pages .checkout-page.checkout-page_multi .select-button input.disabled,
.checkout-page.checkout-page_multi .select-button .upload-pages input.disabled,
.upload-pages .checkout-page__billing-address .address-grid td .address-item .select-button input.disabled,
.checkout-page__billing-address .address-grid td .address-item .select-button .upload-pages input.disabled,
.upload-pages .t-grid .disabled.t-button,
.t-grid .upload-pages .disabled.t-button {
    opacity: .5;
    transition-delay: 250ms
}

.upload-pages .upload-pages__info {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.upload-pages .upload-pages__title h1 {
    margin: 0
}

.upload-pages .upload-pages__left-panel {
    width: 33%;
    float: left
}

.upload-pages .upload-pages__details {
    background-color: white;
    border-radius: 3px;
    font-size: 1rem;
    border: 1px solid #dbdbdb;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0;
    border-color: #540e4a;
    border-radius: 3px
}

.upload-pages .upload-pages__count {
    padding: 1em 1.25em;
    background: whitesmoke
}

.upload-pages .upload-pages__count__counter {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    font-weight: 700
}

.upload-pages .upload-pages__count__info {
    background-color: #4a4a4a;
    padding: .5em 1em;
    margin-top: 1em;
    color: white;
    border-radius: 3px
}

.upload-pages .upload-pages__count__info.danger {
    background-color: #ff3860
}

.upload-pages .upload-pages__count__info.success {
    background-color: #23d160;
    color: #fff
}

.upload-pages .upload-pages__count__info.warning {
    background-color: #ffdd57;
    color: rgba(0, 0, 0, 0.7)
}

.upload-pages .upload-pages__uploader__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #4a4a4a;
    border-radius: 3px 3px 0 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.25;
    padding: .5em .75em;
    position: relative;
    background-color: #540e4a;
    color: #fff
}

.upload-pages .upload-pages__uploader__header p {
    margin: 0;
    color: white
}

.upload-pages .upload-pages__uploader__content {
    color: #4a4a4a;
    padding: 1em 1.25em
}

.upload-pages .upload-pages__info {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(213, 213, 213, 0.36)
}

.upload-pages .upload-pages__dimension {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 3px;
    font-size: 12px
}

.upload-pages .upload-pages__price {
    margin-top: 1rem;
    background: #540e4a;
    padding: 1em 1.25em;
    color: white;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-radius: 3px;
    font-weight: 700
}

.upload-pages .drag-upload {
    background: whitesmoke;
    color: dimgray;
    min-height: 150px;
    position: relative;
    cursor: pointer
}

.upload-pages .drag-upload.disabled {
    opacity: .5;
    transition-delay: 250ms
}

.upload-pages .input-file {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    cursor: pointer
}

.upload-pages .drag-upload p {
    font-size: 1.2em;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    pointer-events: none
}

.upload-pages .queue__item {
    position: relative;
    background: #4a4a4a;
    padding: 1em 1em;
    color: white;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: .5em
}

.upload-pages .queue__item__delete {
    position: absolute;
    top: .5em;
    right: .5em
}

.upload-pages .queue__item__download {
    width: 100%;
    background: #22a8e5;
    color: white !important;
    padding: .5em 1em;
    border-radius: 3px;
    display: block;
    margin-top: 1em;
    cursor: pointer
}

.upload-pages .progress-bar {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 0;
    border-radius: 290486px;
    display: block;
    height: 1rem;
    overflow: hidden;
    padding: 0;
    width: 100%;
    margin-top: .5em
}

.upload-pages .progress-barprogress.is-light::-moz-progress-bar {
    background-color: whitesmoke
}

.upload-pages .progress-bar::-webkit-progress-value {
    background-color: white
}

.upload-pages .upload-pages__instructions {
    background-color: white;
    border-radius: 3px;
    font-size: 1rem;
    margin-top: 1rem
}

.upload-pages .upload-pages__instructions__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #4a4a4a;
    border-radius: 3px 3px 0 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.25;
    padding: .5em .75em;
    position: relative;
    cursor: pointer
}

.upload-pages .upload-pages__instructions__title {
    margin: 0
}

.upload-pages .upload-pages__instructions__content {
    border: 1px solid #4a4a4a;
    border-radius: 3px;
    color: #4a4a4a;
    padding: 1em 1.25em;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0
}

.upload-pages .upload-pages__pages {
    width: 65%;
    margin-left: 2%;
    float: left;
    position: relative
}

.upload-pages .upload-pages__pages button,
.upload-pages .upload-pages__pages .checkout-page.checkout-page_multi .select-button input,
.checkout-page.checkout-page_multi .select-button .upload-pages .upload-pages__pages input,
.upload-pages .upload-pages__pages .checkout-page__billing-address .address-grid td .address-item .select-button input,
.checkout-page__billing-address .address-grid td .address-item .select-button .upload-pages .upload-pages__pages input,
.upload-pages .upload-pages__pages .t-grid .t-button,
.t-grid .upload-pages .upload-pages__pages .t-button {
    position: absolute;
    top: 10px;
    right: 10px
}

.upload-pages .upload-pages__instructions .pages__instructions__toggle {
    position: absolute;
    top: 3px;
    right: 5px;
    color: white;
    font-size: 20px;
    cursor: pointer
}

.upload-pages .upload-pages__instructions li {
    margin: 0
}

.upload-pages #galleryWrapper {
    position: relative
}

.upload-pages #galleryWrapper .upload-pages__transparent-overlay {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.36);
    z-index: 9;
    justify-content: center;
    padding-top: 40vh;
    display: flex;
    color: #4a4a4a
}

.upload-pages .pageList {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-flex: 0;
    flex-direction: row;
    flex: 0 1 auto;
    margin-right: -1.5%;
    margin-left: -1.5%
}

.upload-pages .gallery__item {
    position: relative;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 1.5%;
    padding-left: 1.5%;
    margin-bottom: 3%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
}

.upload-pages .gallery__item.hovered .gallery__item__img {
    border-color: #540e4a
}

.upload-pages .gallery__item__img {
    border: 1px solid #d5d5d5;
    border-style: solid;
    position: relative;
    width: 100%;
    display: inline-block;
    background-color: whitesmoke;
    font-size: 1rem
}

.upload-pages .fixed-canvas-size .gallery__item__img {
    border-style: solid
}

.upload-pages .gallery__item__img img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%)
}

.upload-pages .gallery__item__img:after {
    padding-bottom: 124%;
    content: '';
    display: block
}

.upload-pages .gallery__item:nth-child(3n+1) {
    margin-left: 0
}

.upload-pages .gallery__item__content {
    position: relative
}

.upload-pages .gallery__item__desc {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 5px
}

.upload-pages .gallery__item__pagename {
    font-size: 16px;
    margin: 0
}

.upload-pages .gallery__item__dimensions,
.upload-pages .gallery__item__filename,
.upload-pages .gallery__item__pagenumber {
    font-size: 12px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}

.upload-pages .gallery__item__delete {
    position: absolute;
    top: 5px;
    right: 14px;
    color: rgba(10, 10, 10, 0.2);
    font-size: 20px;
    cursor: pointer
}

.upload-pages .gallery__item__delete:hover {
    color: rgba(10, 10, 10, 0.4)
}

.upload-pages .unUsedGalleryItem .gallery__item__content,
.upload-pages .unUsedGalleryItem .gallery__item__img {
    opacity: .3
}

.upload-pages .galleryItemContainer:hover {
    background-color: lightgray
}

.upload-pages .queue__item__error__container {
    background-color: #ff2860;
    border-radius: 5px;
    padding: 2px
}

.upload-pages .queue__item__report {
    list-style: none;
    padding: 5px
}

.upload-pages .queue__item__report li {
    font-size: x-small;
    padding-left: 1.3em
}

.upload-pages .queue__item__fix li:before {
    content: "\f00c";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em
}

.upload-pages .queue__item__warning li:before {
    content: "\f071";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em
}

.upload-pages .queue__item__error li:before {
    content: "\f00d";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em
}

.upload-pages .upload-pages__content {
    position: relative;
    display: inline-block;
    width: 100%
}

.upload-pages .upload-pages__content.dragging:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 4px dashed grey;
    background: #ddd;
    opacity: .5;
    pointer-events: none
}

/*! jQuery UI CSS Framework 1.8.22 Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) Dual licensed under the MIT or GPL Version 2 licenses. http://jquery.org/license http://docs.jquery.com/UI/Theming/API */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 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
}

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

.ui-helper-clearfix {
    zoom: 1
}

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

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

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

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

/*! jQuery UI CSS Framework 1.8.22 Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) Dual licensed under the MIT or GPL Version 2 licenses. http://jquery.org/license http://docs.jquery.com/UI/Theming/API To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */
.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em
}

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

.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff url(/982789996/Handler/Static/Content/Themes/ThemeOneLegacy/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222
}

.ui-widget-content a {
    color: #222
}

.ui-widget-header {
    border: 1px solid #aaa;
    background: #eee 50% 50% repeat-x;
    color: #222;
    font-weight: bold
}

.ui-widget-header a {
    color: #222
}

#previewCreatingDialog a {
    text-decoration: underline
}

#previewCreatingDialog a:hover {
    color: #555
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(/983314282/Handler/Static/Content/Themes/ThemeOneLegacy/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555
}

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

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #999;
    background: #dadada url(/983379818/Handler/Static/Content/Themes/ThemeOneLegacy/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121
}

.ui-state-hover a,
.ui-state-hover a:hover {
    color: #212121;
    text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaa;
    background: #fff url(/983641961/Handler/Static/Content/Themes/ThemeOneLegacy/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121
}

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

.ui-widget :active {
    outline: 0
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(/983314279/Handler/Static/Content/Themes/ThemeOneLegacy/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636
}

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

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(/982855530/Handler/Static/Content/Themes/ThemeOneLegacy/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a
}

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

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

.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-icon {
    width: 16px;
    height: 16px;
    background-image: url(/-721494179/Handler/Static/Content/Themes/ThemeOneLegacy/images/ui-icons_222222_256x240.png)
}

.ui-widget-content .ui-icon {
    background-image: url(/-721494179/Handler/Static/Content/Themes/ThemeOneLegacy/images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(/-721494179/Handler/Static/Content/Themes/ThemeOneLegacy/images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(/-721494179/Handler/Static/Content/Themes/ThemeOneLegacy/images/ui-icons_888888_256x240.png)
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(/-721494179/Handler/Static/Content/Themes/ThemeOneLegacy/images/ui-icons_454545_256x240.png)
}

.ui-state-active .ui-icon {
    background-image: url(/-721494179/Handler/Static/Content/Themes/ThemeOneLegacy/images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(/-721494179/Handler/Static/Content/Themes/ThemeOneLegacy/images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(/-721494179/Handler/Static/Content/Themes/ThemeOneLegacy/images/ui-icons_cd0a0a_256x240.png)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ui-icon-radio-on {
    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 {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px
}

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

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

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

.ui-widget-overlay {
    background: #aaa url(/983314289/Handler/Static/Content/Themes/ThemeOneLegacy/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa url(/983314289/Handler/Static/Content/Themes/ThemeOneLegacy/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

/*! jQuery UI Resizable 1.8.22 Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) Dual licensed under the MIT or GPL Version 2 licenses. http://jquery.org/license http://docs.jquery.com/UI/Resizable#theming */
.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block
}

.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
}

/*! jQuery UI Selectable 1.8.22 Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) Dual licensed under the MIT or GPL Version 2 licenses. http://jquery.org/license http://docs.jquery.com/UI/Selectable#theming */
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

/*! jQuery UI Accordion 1.8.22 Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) Dual licensed under the MIT or GPL Version 2 licenses. http://jquery.org/license http://docs.jquery.com/UI/Accordion#theming */
.ui-accordion {
    width: 100%
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1
}

.ui-accordion .ui-accordion-li-fix {
    display: inline
}

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important
}

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em
}

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

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

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1
}

.ui-accordion .ui-accordion-content-active {
    display: block
}

/*! jQuery UI Autocomplete 1.8.22 Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) Dual licensed under the MIT or GPL Version 2 licenses. http://jquery.org/license http://docs.jquery.com/UI/Autocomplete#theming */
.ui-autocomplete {
    position: absolute;
    cursor: default
}

* html .ui-autocomplete {
    width: 1px
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left
}

.ui-menu .ui-menu {
    margin-top: -3px
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom: 1
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px
}

/*! jQuery UI Button 1.8.22 Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) Dual licensed under the MIT or GPL Version 2 licenses. http://jquery.org/license http://docs.jquery.com/UI/Button#theming */
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only,
.checkout-page.checkout-page_multi .select-button input.ui-button-icon-only,
.checkout-page__billing-address .address-grid td .address-item .select-button input.ui-button-icon-only,
.t-grid .ui-button-icon-only.t-button {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only,
.checkout-page.checkout-page_multi .select-button input.ui-button-icons-only,
.checkout-page__billing-address .address-grid td .address-item .select-button input.ui-button-icons-only,
.t-grid .ui-button-icons-only.t-button {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: 1.4
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

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

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

button.ui-button::-moz-focus-inner,
.checkout-page.checkout-page_multi .select-button input.ui-button::-moz-focus-inner,
.checkout-page__billing-address .address-grid td .address-item .select-button input.ui-button::-moz-focus-inner,
.t-grid .ui-button.t-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

/*! jQuery UI Dialog 1.8.22 Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) Dual licensed under the MIT or GPL Version 2 licenses. http://jquery.org/license http://docs.jquery.com/UI/Dialog#theming */
.ui-dialog {
    position: absolute;
    width: 300px;
    overflow: hidden
}

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

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .1em 0
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    /*top: 50%;*/
    /*width: 19px;*/
	width: 25px;
    margin: -10px 0 0 0;
    padding: 1px;
    /*height: 18px*/
	height:25px;
	
	border-radius:50px;
	border:0 none;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0
}

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

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

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

.ui-dialog .ui-dialog-buttonpane button,
.ui-dialog .ui-dialog-buttonpane .checkout-page.checkout-page_multi .select-button input,
.checkout-page.checkout-page_multi .select-button .ui-dialog .ui-dialog-buttonpane input,
.ui-dialog .ui-dialog-buttonpane .checkout-page__billing-address .address-grid td .address-item .select-button input,
.checkout-page__billing-address .address-grid td .address-item .select-button .ui-dialog .ui-dialog-buttonpane input,
.ui-dialog .ui-dialog-buttonpane .t-grid .t-button,
.t-grid .ui-dialog .ui-dialog-buttonpane .t-button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px
}

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

/*! jQuery UI Slider 1.8.22 Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) Dual licensed under the MIT or GPL Version 2 licenses. http://jquery.org/license http://docs.jquery.com/UI/Slider#theming */
.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

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

.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
}

/*! jQuery UI Tabs 1.8.22 Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) Dual licensed under the MIT or GPL Version 2 licenses. http://jquery.org/license http://docs.jquery.com/UI/Tabs#theming */
.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1
}

.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: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0
}

.ui-tabs .ui-tabs-hide {
    display: none !important
}

/*! jQuery UI Datepicker 1.8.22 Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) Dual licensed under the MIT or GPL Version 2 licenses. http://jquery.org/license http://docs.jquery.com/UI/Datepicker#theming */
.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-year {
    width: 100%
}

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

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

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

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

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

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

.ui-datepicker .ui-datepicker-buttonpane button,
.ui-datepicker .ui-datepicker-buttonpane .checkout-page.checkout-page_multi .select-button input,
.checkout-page.checkout-page_multi .select-button .ui-datepicker .ui-datepicker-buttonpane input,
.ui-datepicker .ui-datepicker-buttonpane .checkout-page__billing-address .address-grid td .address-item .select-button input,
.checkout-page__billing-address .address-grid td .address-item .select-button .ui-datepicker .ui-datepicker-buttonpane input,
.ui-datepicker .ui-datepicker-buttonpane .t-grid .t-button,
.t-grid .ui-datepicker .ui-datepicker-buttonpane .t-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,
.ui-datepicker .ui-datepicker-buttonpane .checkout-page.checkout-page_multi .select-button input.ui-datepicker-current,
.checkout-page.checkout-page_multi .select-button .ui-datepicker .ui-datepicker-buttonpane input.ui-datepicker-current,
.ui-datepicker .ui-datepicker-buttonpane .checkout-page__billing-address .address-grid td .address-item .select-button input.ui-datepicker-current,
.checkout-page__billing-address .address-grid td .address-item .select-button .ui-datepicker .ui-datepicker-buttonpane input.ui-datepicker-current,
.ui-datepicker .ui-datepicker-buttonpane .t-grid .ui-datepicker-current.t-button,
.t-grid .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current.t-button {
    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 {
    border-left-width: 0
}

.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,
.ui-datepicker-rtl .ui-datepicker-buttonpane .checkout-page.checkout-page_multi .select-button input,
.checkout-page.checkout-page_multi .select-button .ui-datepicker-rtl .ui-datepicker-buttonpane input,
.ui-datepicker-rtl .ui-datepicker-buttonpane .checkout-page__billing-address .address-grid td .address-item .select-button input,
.checkout-page__billing-address .address-grid td .address-item .select-button .ui-datepicker-rtl .ui-datepicker-buttonpane input,
.ui-datepicker-rtl .ui-datepicker-buttonpane .t-grid .t-button,
.t-grid .ui-datepicker-rtl .ui-datepicker-buttonpane .t-button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-buttonpane .checkout-page.checkout-page_multi .select-button input.ui-datepicker-current,
.checkout-page.checkout-page_multi .select-button .ui-datepicker-rtl .ui-datepicker-buttonpane input.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-buttonpane .checkout-page__billing-address .address-grid td .address-item .select-button input.ui-datepicker-current,
.checkout-page__billing-address .address-grid td .address-item .select-button .ui-datepicker-rtl .ui-datepicker-buttonpane input.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-buttonpane .t-grid .ui-datepicker-current.t-button,
.t-grid .ui-datepicker-rtl .ui-datepicker-buttonpane .ui-datepicker-current.t-button {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

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

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

.ui-datepicker-cover {
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px
}

/*! jQuery UI Progressbar 1.8.22 Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) Dual licensed under the MIT or GPL Version 2 licenses. http://jquery.org/license http://docs.jquery.com/UI/Progressbar#theming */
.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

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

@media only screen and (max-width:960px) {
    .ui-dialog.ui-dialog-mobilefix {
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: 0
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
}

.flex-direction-nav li {
    margin: 0;
    padding: 0;
    list-style: none
}

.flexslider {
    margin: 0;
    padding: 0
}

.flexslider .slides > li {
    display: none
}

.flex-pauseplay span {
    text-transform: capitalize
}

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

html[xmlns] .slides {
    display: block
}

* html .slides {
    height: 1%
}

.no-js .slides > li:first-child {
    display: block
}

.flexslider {
    margin: 0;
    background: #fff;
    position: relative;
    zoom: 1
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease
}

.loading .flex-viewport {
    max-height: 300px
}

.flexslider .slides {
    zoom: 1
}

.carousel li {
    margin-right: 5px
}

.flex-direction-nav {
    *height: 0
}

.flex-direction-nav a {
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    display: block;
    position: absolute;
    top: 50%;
    cursor: pointer;
    text-indent: -9999px;
    opacity: .6;
    -webkit-transition: all .3s ease
}

.flex-direction-nav .flex-next {
    right: 20px
}

.flex-direction-nav .flex-next:after {
    content: "\e649";
    font-family: 'themify';
    color: white;
    font-size: 35px;
    display: block;
    width: 40px;
    height: 40px;
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0
}

.flex-direction-nav .flex-prev {
    left: 20px
}

.flex-direction-nav .flex-prev:after {
    content: "\e64a";
    font-family: 'themify';
    color: white;
    font-size: 35px;
    display: block;
    width: 40px;
    height: 40px;
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0
}

.flexslider:hover .flex-next {
    opacity: .8;
    right: 20px
}

.flexslider:hover .flex-prev {
    opacity: .8;
    left: 20px
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1
}

.flex-direction-nav .flex-disabled {
    opacity: .3 !important;
    filter: alpha(opacity=30);
    cursor: default
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3)
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7)
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer
}

.flex-control-thumbs img:hover {
    opacity: 1
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default
}

@media screen and (max-width:860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 0
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 0
    }
}

.t-grid {
    overflow: visible !important
}

.t-grid thead {
    border: 0;
    background: 0
}

.t-grid thead th {
    border-width: 0 0 2px 0 !important;
    height: 45px;
    border-bottom: 2px solid #540e4a;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1.36363636363636em;
    color: #333;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
    text-align: center !important;
    background: 0;
    position: relative
}

.t-grid thead th .t-grid-filter {
    position: absolute;
    top: 17px;
    right: 7px
}

.t-grid thead th a {
    line-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #333;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
    font-size: 10px
}

.t-grid th,
.t-grid td {
    display: table-cell;
    text-align: center
}

.t-grid tr {
    border-bottom: 1px solid #eee
}

@media(max-width:760px) {
    .t-grid tr {
        display: block;
        text-align: center;
        padding: 18px 0 90px;
        position: relative
    }
}

.t-grid tr:last-of-type {
    border: 0
}

@media(max-width:760px) {
    .t-grid td:first-child {
        position: absolute;
        bottom: 7px;
        width: 100%
    }
}

.t-grid tbody table {
    border: 1px solid #cacaca
}

.t-grid .t-button {
    -webkit-appearance: initial;
    background: #540e4a;
    font-size: 11px !important
}

.t-grid .t-grid-pager {
    border: 0;
    background: 0
}

.t-grid .t-filter-options {
    width: auto !important;
    padding: 10px !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
}

.t-grid .t-filter-options button .t-icon,
.t-grid .t-filter-options .checkout-page.checkout-page_multi .select-button input .t-icon,
.checkout-page.checkout-page_multi .select-button .t-grid .t-filter-options input .t-icon,
.t-grid .t-filter-options .checkout-page__billing-address .address-grid td .address-item .select-button input .t-icon,
.checkout-page__billing-address .address-grid td .address-item .select-button .t-grid .t-filter-options input .t-icon,
.t-grid .t-filter-options .t-button .t-icon {
    vertical-align: middle !important
}

.t-grid .t-filter-options select,
.t-grid .t-filter-options input {
    width: 100%
}

.t-grid .t-filter-options .t-filter-help-text {
    display: inline-block;
    margin-bottom: .5rem;
    font-weight: 600;
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Montserrat-SemiBold", "Helvetica", "Arial", sans-serif;
    margin-top: 10px;
    width: 100%;
    float: left
}

.t-grid .hide {
    display: none
}

#genericImagePlugin {
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

#genericImagePlugin h1,
#genericImagePlugin h2,
#genericImagePlugin h3,
#genericImagePlugin h4,
#genericImagePlugin .checkout-page__shipping-address #newAddressDiv .enter-address-title,
.checkout-page__shipping-address #newAddressDiv #genericImagePlugin .enter-address-title,
#genericImagePlugin h5,
#genericImagePlugin h6,
#genericImagePlugin footer h4,
footer #genericImagePlugin h4,
#genericImagePlugin footer .checkout-page__shipping-address #newAddressDiv .enter-address-title,
footer .checkout-page__shipping-address #newAddressDiv #genericImagePlugin .enter-address-title,
#genericImagePlugin .checkout-page__shipping-address #newAddressDiv footer .enter-address-title,
.checkout-page__shipping-address #newAddressDiv footer #genericImagePlugin .enter-address-title,
#genericImagePlugin p {
    font-family: 'Roboto', sans-serif !important;
    color: #000 !important
}

#genericImagePlugin .red-outline {
    border: 1px solid #e74c3c !important
}

#genericImagePlugin h1 {
    font-size: 2em !important;
    margin: 0 !important
}

#genericImagePlugin .masonry-gallery {
    height: calc(100% - 40px)
}

#genericImagePlugin .masonry-gallery .generalImagePlugin_selected-box {
    float: left;
    cursor: pointer
}

#genericImagePlugin .masonry-gallery img:nth-child(3n+1) {
    clear: left
}

#genericImagePlugin .btn_pagination {
    width: 80px
}

#genericImagePlugin .generalImagePlugin_header {
    border-bottom: 1px solid #6A7889;
    min-height: 16.42857143px;
    background-color: #3E4957;
    color: #fff;
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
    float: left;
    box-sizing: border-box
}

#genericImagePlugin .generalImagePlugin_back-to-plugins {
    background: #fff;
    color: #333;
    margin: auto 0 auto 20px;
    border-radius: 50px;
    font-weight: bold;
    font-size: 13px;
    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.3);
    transition: all .1s ease-in-out;
    cursor: pointer;
    height: 24px;
    width: 50px;
    position: relative
}

#genericImagePlugin .generalImagePlugin_back-to-plugins:hover {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.5);
    transform: scale(1.05)
}

#genericImagePlugin .generalImagePlugin_back-to-plugins:after {
    content: "Back";
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

#genericImagePlugin .generalImagePlugin_title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

#genericImagePlugin .generalImagePlugin_close {
    margin-right: 10px;
    font-size: 35px;
    color: #fff;
    opacity: initial;
    outline: 0;
    background: transparent;
    border: 0;
    height: 50px !important
}

#genericImagePlugin .generalImagePlugin_search-container {
    display: flex;
    margin-bottom: 5px !important;
    justify-content: space-between;
    align-items: center
}

#genericImagePlugin .generalImagePlugin_image-search-button {
    width: 120px;
    border: 0;
    background: #0ca2ee;
    color: #fff;
    outline: 0;
    height: 34px !important;
    line-height: 16px !important;
    text-transform: none;
    margin: 0 10px 0 0 !important
}

#genericImagePlugin .generalImagePlugin_image-search-button:hover {
    background: #0c79be
}

#genericImagePlugin .generalImagePlugin_search-image {
    border: 0;
    padding-left: 10px;
    outline: 0;
    width: 81%;
    max-width: 81%;
    height: 34px;
    margin: 0 !important
}

#genericImagePlugin .form-group {
    margin-bottom: initial
}

#genericImagePlugin .form-group.gip_cam {
    margin: 0
}

#genericImagePlugin .generalImagePlugin_select-list {
    width: auto;
    min-width: 200px;
    max-width: 200px;
    border: 0;
    padding: 6px;
    margin: 0 !important;
    box-sizing: border-box
}

#genericImagePlugin .generalImagePlugin_remove-image {
    background: #212C36;
    position: absolute;
    right: 10px;
    top: 0;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    font-size: 14px;
    padding: 0;
    color: #fff
}

#genericImagePlugin .generalImagePlugin_prev-button,
#genericImagePlugin .generalImagePlugin_next-button {
    display: none
}

#genericImagePlugin .generalImagePlugin_prev-button:hover,
#genericImagePlugin .generalImagePlugin_next-button:hover {
    background: #999
}

#genericImagePlugin .modal-body,
#genericImagePlugin .generalImagePlugin_images-container {
    width: 100%;
    float: none;
    box-sizing: border-box;
    text-align: left
}

#genericImagePlugin .modal-body {
    padding-bottom: 0;
    padding-left: 20px;
    overflow: hidden;
    height: calc(100% - 159px)
}

#genericImagePlugin .modal-body.gip_cam {
    height: initial !important;
    padding: 0 !important
}

#genericImagePlugin .generalImagePlugin_images-container {
    display: none;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: content-box
}

#genericImagePlugin .generalImagePlugin_images-container::-webkit-scrollbar {
    width: 5px
}

#genericImagePlugin .generalImagePlugin_images-container::-webkit-scrollbar-track {
    margin-top: 5px;
    background-color: #ddd;
    border: 2px solid #f9f9f9
}

#genericImagePlugin .generalImagePlugin_images-container::-webkit-scrollbar-thumb {
    background-color: #747474;
    outline: 0;
    border-radius: 15px
}

#genericImagePlugin .generalImagePlugin_modal-buttons.generalImagePlugin_upload-images {
    display: none;
    background: #1770C7 !important;
    color: #fff
}

#genericImagePlugin .generalImagePlugin_selected-images {
    position: absolute;
    right: 40px
}

#genericImagePlugin .generalImagePlugin_modal-buttons.generalImagePlugin_clear-selection {
    display: none;
    margin-left: 20px
}

#genericImagePlugin .status-bar_genericImagePlugin {
    height: 40px;
    display: flex;
    align-items: center;
    margin-top: 5px
}

#genericImagePlugin .status-bar_genericImagePlugin.gip_cam {
    display: none !important
}

#genericImagePlugin .modal-buttons {
    background: #fff;
    border: 0;
    width: 120px;
    outline: 0
}

#genericImagePlugin .modal-dialog {
    width: 80%;
    max-width: 80%;
    max-height: 100% !important;
    margin: 10px auto !important;
    height: calc(100% - 30px);
    display: inline-block
}

#genericImagePlugin .modal-content {
    width: 100%;
    height: 100%;
    background: #efefef;
    border: 0
}

#genericImagePlugin .modal-content.gip_cam {
    height: initial
}

#genericImagePlugin .modal-footer {
    margin-top: 5px;
    padding: 10px 20px;
    display: block;
    width: 100%;
    position: relative;
    box-sizing: border-box
}

#genericImagePlugin .modal-footer.gip_cam {
    margin-top: 20px !important;
    display: none
}

#genericImagePlugin .row {
    width: inherit
}

#genericImagePlugin .modal {
    text-align: center
}

#genericImagePlugin .generalImagePlugin_image-row {
    background: #fff;
    padding: 20px 10px;
    margin: 0 auto 10px auto;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    width: 95%
}

#genericImagePlugin .generalImagePlugin_image-row .col-md-6 {
    width: 50%;
    position: relative
}

#genericImagePlugin .generalImagePlugin_image-row .form-group {
    height: 50px;
    text-align: center
}

#genericImagePlugin .generalImagePlugin_image-row .col-sm-10 {
    display: flex;
    justify-content: center;
    align-items: center
}

#genericImagePlugin .generalImagePlugin_image-row .col-sm-10 select {
    width: 200px;
    height: 30px
}

#genericImagePlugin .generalImagePlugin_footer-row {
    margin: 0 auto
}

#genericImagePlugin .generalImagePlugin_footer-row .col-md-6,
#genericImagePlugin .generalImagePlugin_footer-row .col-md-12 {
    padding: 0
}

#genericImagePlugin .main_container_genericImagePlugin {
    height: calc(100% - 20%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

#genericImagePlugin .main_container_genericImagePlugin #cam-canvas,
#genericImagePlugin .main_container_genericImagePlugin #webcamImagePluginDisplay {
    margin: 20px
}

#genericImagePlugin .main_container_genericImagePlugin #generalImagePlugin_placeholder-camera {
    width: 80%;
    height: auto;
    max-height: 78%;
    top: 5%
}

#genericImagePlugin .main_container_genericImagePlugin #generalImagePlugin_placeholder-camera img.gip_cam {
    max-width: 100%
}

#genericImagePlugin .main_container_genericImagePlugin.gip_cam {
    padding-bottom: 20px
}

div#gallery_navigation {
    display: inline-block;
    float: left
}

.lds-roller {
    display: none;
    position: absolute;
    width: 64px;
    height: 64px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 32px 32px
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1770C7;
    margin: -3px 0 0 -3px
}

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s
}

.lds-roller div:nth-child(1):after {
    top: 50px;
    left: 50px
}

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s
}

.lds-roller div:nth-child(2):after {
    top: 54px;
    left: 45px
}

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s
}

.lds-roller div:nth-child(3):after {
    top: 57px;
    left: 39px
}

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s
}

.lds-roller div:nth-child(4):after {
    top: 58px;
    left: 32px
}

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s
}

.lds-roller div:nth-child(5):after {
    top: 57px;
    left: 25px
}

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s
}

.lds-roller div:nth-child(6):after {
    top: 54px;
    left: 19px
}

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s
}

.lds-roller div:nth-child(7):after {
    top: 50px;
    left: 14px
}

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s
}

.lds-roller div:nth-child(8):after {
    top: 45px;
    left: 10px
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.sa {
    width: 140px;
    height: 140px;
    padding: 26px;
    display: flex;
    justify-content: center;
    align-items: center
}

.sa-success {
    border-radius: 50%;
    border: 4px solid #1770C7;
    box-sizing: content-box;
    height: 80px;
    padding: 0;
    position: relative;
    width: 80px
}

.sa-success:after {
    content: '';
    height: 120px;
    position: absolute;
    transform: rotate(45deg);
    width: 60px
}

.sa-success:before {
    content: '';
    height: 120px;
    position: absolute;
    transform: rotate(45deg);
    width: 60px;
    border-radius: 40px 0 0 40px;
    width: 26px;
    height: 80px;
    top: -17px;
    left: 5px;
    transform-origin: 60px 60px;
    transform: rotate(-45deg)
}

.sa-success:after {
    border-radius: 0 120px 120px 0;
    left: 30px;
    top: -11px;
    transform-origin: 0 60px;
    transform: rotate(-45deg);
    animation: rotatePlaceholder 4.25s ease-in
}

.sa-success-placeholder {
    border-radius: 50%;
    border: 4px solid rgba(27, 131, 230, 0.6);
    box-sizing: content-box;
    height: 80px;
    left: -4px;
    position: absolute;
    top: -4px;
    width: 80px;
    z-index: 2
}

.sa-success-fix {
    height: 90px;
    left: 28px;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 5px;
    z-index: 1
}

.sa-success-tip,
.sa-success-long {
    background-color: #1770C7;
    border-radius: 2px;
    height: 5px;
    position: absolute;
    z-index: 2
}

.sa-success-tip {
    left: 14px;
    top: 46px;
    transform: rotate(45deg);
    width: 25px;
    animation: animateSuccessTip .75s
}

.sa-success-long {
    right: 8px;
    top: 38px;
    transform: rotate(-45deg);
    width: 47px;
    animation: animateSuccessLong .75s
}

@keyframes animateSuccessTip {

    0%,
    54% {
        width: 0;
        left: 1px;
        top: 19px
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@keyframes animateSuccessLong {

    0%,
    65% {
        width: 0;
        right: 46px;
        top: 54px
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@keyframes rotatePlaceholder {

    0%,
    5% {
        transform: rotate(-45deg)
    }

    100%,
    12% {
        transform: rotate(-405deg)
    }
}

#genericImagePlugin .generalImagePlugin_start-search-button {
    margin: 10px
}

#genericImagePlugin .generalImagePlugin_back-to-startup {
    margin-bottom: 10px
}

#genericImagePlugin .generalImagePlugin_logout {
    display: none;
    margin-top: 10px
}

#genericImagePlugin .generalImagePlugin_friends-request {
    position: absolute;
    bottom: 0;
    max-width: 400px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 10px 20px;
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

#genericImagePlugin div.generalImagePlugin_cs-select {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: left;
    background: #fff;
    z-index: 100;
    width: 100%;
    max-width: 500px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#genericImagePlugin div.generalImagePlugin_cs-select:focus {
    outline: 0
}

#genericImagePlugin .generalImagePlugin_cs-select select {
    display: none
}

#genericImagePlugin .generalImagePlugin_cs-select span {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#genericImagePlugin .generalImagePlugin_cs-select > span {
    padding-right: 3em
}

#genericImagePlugin .generalImagePlugin_cs-select > span::after {
    speak: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#genericImagePlugin .generalImagePlugin_cs-select .generalImagePlugin_cs-selected span::after {
    speak: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\2713';
    margin-left: 1em
}

#genericImagePlugin .generalImagePlugin_cs-select > span::after {
    content: '\25BE';
    right: 1em
}

#genericImagePlugin .generalImagePlugin_cs-select.generalImagePlugin_cs-active > span::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

div.generalImagePlugin_cs-active {
    z-index: 200
}

#genericImagePlugin .generalImagePlugin_cs-select .generalImagePlugin_cs-options {
    position: absolute;
    overflow: hidden;
    width: 100%;
    background: #fff;
    visibility: hidden
}

#genericImagePlugin .generalImagePlugin_cs-select.generalImagePlugin_cs-active .generalImagePlugin_cs-options {
    visibility: visible
}

#genericImagePlugin .generalImagePlugin_cs-select ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

#genericImagePlugin .generalImagePlugin_cs-select ul span {
    padding: 1em
}

#genericImagePlugin .generalImagePlugin_cs-select ul li.generalImagePlugin_cs-focus span {
    background-color: #ddd
}

#genericImagePlugin div.generalImagePlugin_cs-skin-boxes {
    color: #524e4f;
    background: initial;
    border: 0;
    box-shadow: none
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes > span {
    background: #fff;
    max-width: 200px;
    min-width: 200px;
    padding: 10px;
    box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.6);
    border-radius: 5px;
    transition: all .2s ease-in-out;
    margin: 5px auto
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes > span:hover {
    transform: translateY(-1px);
    -webkit-box-shadow: 0 4px 6px -3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 4px 6px -3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 4px 17px -4px rgba(0, 0, 0, 0.3)
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes > span:active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes > span::after {
    font-family: 'Glyphicons Halflings';
    top: auto;
    -webkit-transform: none;
    transform: none;
    content: "\e010"
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active > span::after {
    font-family: 'Glyphicons Halflings';
    top: auto;
    -webkit-transform: none;
    transform: none;
    content: "\e010"
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes .generalImagePlugin_cs-options {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: auto;
    background: #ccc;
    font-size: 75%;
    opacity: 0;
    -webkit-transition: opacity .3s, visibility 0s .3s;
    transition: opacity .3s, visibility 0s .3s
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options {
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes .generalImagePlugin_cs-options ul {
    position: absolute;
    width: 100%;
    height: 100%
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes .generalImagePlugin_cs-options li {
    width: 20%;
    height: 25%;
    float: left;
    position: relative;
    cursor: pointer;
    border-radius: 16px;
    overflow: hidden;
    opacity: 0;
    border: 10px solid transparent;
    background-clip: padding-box;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    box-shadow: inset 0 -6em 0 -2em #fff;
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    background-color: gray
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(2) {
    -webkit-transition-delay: .01s;
    transition-delay: .01s
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(3) {
    -webkit-transition-delay: .02s;
    transition-delay: .02s
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(4) {
    -webkit-transition-delay: .03s;
    transition-delay: .03s
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(5) {
    -webkit-transition-delay: .04s;
    transition-delay: .04s
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(6) {
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(7) {
    -webkit-transition-delay: .06s;
    transition-delay: .06s
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(8) {
    -webkit-transition-delay: .07s;
    transition-delay: .07s
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(9) {
    -webkit-transition-delay: .08s;
    transition-delay: .08s
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(10) {
    -webkit-transition-delay: .09s;
    transition-delay: .09s
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(11) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(12) {
    -webkit-transition-delay: .11s;
    transition-delay: .11s
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(13) {
    -webkit-transition-delay: .12s;
    transition-delay: .12s
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(14) {
    -webkit-transition-delay: .13s;
    transition-delay: .13s
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(15) {
    -webkit-transition-delay: .14s;
    transition-delay: .14s
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(16) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(17) {
    -webkit-transition-delay: .16s;
    transition-delay: .16s
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(18) {
    -webkit-transition-delay: .17s;
    transition-delay: .17s
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(19) {
    -webkit-transition-delay: .18s;
    transition-delay: .18s
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li:nth-child(20) {
    -webkit-transition-delay: .19s;
    transition-delay: .19s
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes .generalImagePlugin_cs-options li.generalImagePlugin_cs-selected::after {
    font-family: 'Glyphicons Halflings';
    content: "\e013";
    color: #fff;
    position: absolute;
    font-size: 2em;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0) translate3d(0, -1em, 0);
    transform: translate3d(-50%, -50%, 0) translate3d(0, -1em, 0)
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes .generalImagePlugin_cs-options li.generalImagePlugin_cs-selected span::after {
    content: ''
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes .generalImagePlugin_cs-options span {
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 2em;
    text-transform: uppercase;
    letter-spacing: 1px
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes .generalImagePlugin_cs-options li span:hover {
    color: #333
}

#genericImagePlugin .generalImagePlugin_cs-skin-boxes li.generalImagePlugin_cs-focus span,
#genericImagePlugin .generalImagePlugin_cs-skin-boxes li.generalImagePlugin_cs-selected span {
    color: #333
}

#genericImagePlugin .generalImagePlugin_profileImage {
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover
}

#genericImagePlugin #generalImagePlugin_select-album,
#genericImagePlugin #generalImagePlugin_select-friend,
#genericImagePlugin #generalImagePlugin_take-photo-cam-button,
#genericImagePlugin #generalImagePlugin_videoSource {
    display: none;
    position: relative;
    z-index: 99999
}

#genericImagePlugin .generalImagePlugin_friends-request span {
    color: #333;
    text-decoration: underline;
    cursor: pointer
}

#genericImagePlugin .generalImagePlugin_selected-box {
    display: block;
    position: absolute;
    color: #fff;
    font-size: 16px;
    width: 23px;
    height: 23px;
    padding-left: 4px;
    border-radius: 0;
    line-height: 24px;
    top: 5px;
    right: 5px
}

#genericImagePlugin .generalImagePlugin_imageBox {
    position: relative
}

#genericImagePlugin .generalImagePlugin_item-image {
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
    cursor: pointer
}

#genericImagePlugin .generalImagePlugin_item-image.hd {
    visibility: hidden
}

#genericImagePlugin .generalImagePlugin_imageBox.selectedImage {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: solid 5px #428bca;
    outline-offset: -5px
}

#genericImagePlugin .selectedImage .generalImagePlugin_selected-box {
    background: #428bca
}

#genericImagePlugin .generalImagePlugin_selected-box .fa {
    display: inline-block
}

#genericImagePlugin .generalImagePlugin_selected-box .fa-check {
    display: none
}

#genericImagePlugin .generalImagePlugin_selected-box .fa-square-o {
    display: inline-block
}

#genericImagePlugin .selectedImage .generalImagePlugin_selected-box .fa-check {
    display: inline-block
}

#genericImagePlugin .selectedImage .generalImagePlugin_selected-box .fa-square-o {
    display: none
}

#genericImagePlugin .gip_facebook button,
#genericImagePlugin .gip_facebook .checkout-page.checkout-page_multi .select-button input,
.checkout-page.checkout-page_multi .select-button #genericImagePlugin .gip_facebook input,
#genericImagePlugin .gip_facebook .checkout-page__billing-address .address-grid td .address-item .select-button input,
.checkout-page__billing-address .address-grid td .address-item .select-button #genericImagePlugin .gip_facebook input,
#genericImagePlugin .gip_facebook .t-grid .t-button,
.t-grid #genericImagePlugin .gip_facebook .t-button,
#genericImagePlugin .gip_depositPhotos button,
#genericImagePlugin .gip_depositPhotos .checkout-page.checkout-page_multi .select-button input,
.checkout-page.checkout-page_multi .select-button #genericImagePlugin .gip_depositPhotos input,
#genericImagePlugin .gip_depositPhotos .checkout-page__billing-address .address-grid td .address-item .select-button input,
.checkout-page__billing-address .address-grid td .address-item .select-button #genericImagePlugin .gip_depositPhotos input,
#genericImagePlugin .gip_depositPhotos .t-grid .t-button,
.t-grid #genericImagePlugin .gip_depositPhotos .t-button,
#genericImagePlugin .gip_instagram button,
#genericImagePlugin .gip_instagram .checkout-page.checkout-page_multi .select-button input,
.checkout-page.checkout-page_multi .select-button #genericImagePlugin .gip_instagram input,
#genericImagePlugin .gip_instagram .checkout-page__billing-address .address-grid td .address-item .select-button input,
.checkout-page__billing-address .address-grid td .address-item .select-button #genericImagePlugin .gip_instagram input,
#genericImagePlugin .gip_instagram .t-grid .t-button,
.t-grid #genericImagePlugin .gip_instagram .t-button,
#genericImagePlugin .gip_dropbox button,
#genericImagePlugin .gip_dropbox .checkout-page.checkout-page_multi .select-button input,
.checkout-page.checkout-page_multi .select-button #genericImagePlugin .gip_dropbox input,
#genericImagePlugin .gip_dropbox .checkout-page__billing-address .address-grid td .address-item .select-button input,
.checkout-page__billing-address .address-grid td .address-item .select-button #genericImagePlugin .gip_dropbox input,
#genericImagePlugin .gip_dropbox .t-grid .t-button,
.t-grid #genericImagePlugin .gip_dropbox .t-button,
#genericImagePlugin .gip_flickr button,
#genericImagePlugin .gip_flickr .checkout-page.checkout-page_multi .select-button input,
.checkout-page.checkout-page_multi .select-button #genericImagePlugin .gip_flickr input,
#genericImagePlugin .gip_flickr .checkout-page__billing-address .address-grid td .address-item .select-button input,
.checkout-page__billing-address .address-grid td .address-item .select-button #genericImagePlugin .gip_flickr input,
#genericImagePlugin .gip_flickr .t-grid .t-button,
.t-grid #genericImagePlugin .gip_flickr .t-button,
#genericImagePlugin .gip_ImageSearch button,
#genericImagePlugin .gip_ImageSearch .checkout-page.checkout-page_multi .select-button input,
.checkout-page.checkout-page_multi .select-button #genericImagePlugin .gip_ImageSearch input,
#genericImagePlugin .gip_ImageSearch .checkout-page__billing-address .address-grid td .address-item .select-button input,
.checkout-page__billing-address .address-grid td .address-item .select-button #genericImagePlugin .gip_ImageSearch input,
#genericImagePlugin .gip_ImageSearch .t-grid .t-button,
.t-grid #genericImagePlugin .gip_ImageSearch .t-button {
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    letter-spacing: initial;
    text-transform: none;
    text-decoration: none;
    border: 0;
    margin: 0 5px 5px 0;
    padding: 6px 12px;
    background: #ddd !important;
    box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.3) !important
}

#genericImagePlugin .gip_facebook button:hover,
#genericImagePlugin .gip_facebook .checkout-page.checkout-page_multi .select-button input:hover,
.checkout-page.checkout-page_multi .select-button #genericImagePlugin .gip_facebook input:hover,
#genericImagePlugin .gip_facebook .checkout-page__billing-address .address-grid td .address-item .select-button input:hover,
.checkout-page__billing-address .address-grid td .address-item .select-button #genericImagePlugin .gip_facebook input:hover,
#genericImagePlugin .gip_facebook .t-grid .t-button:hover,
.t-grid #genericImagePlugin .gip_facebook .t-button:hover,
#genericImagePlugin .gip_depositPhotos button:hover,
#genericImagePlugin .gip_depositPhotos .checkout-page.checkout-page_multi .select-button input:hover,
.checkout-page.checkout-page_multi .select-button #genericImagePlugin .gip_depositPhotos input:hover,
#genericImagePlugin .gip_depositPhotos .checkout-page__billing-address .address-grid td .address-item .select-button input:hover,
.checkout-page__billing-address .address-grid td .address-item .select-button #genericImagePlugin .gip_depositPhotos input:hover,
#genericImagePlugin .gip_depositPhotos .t-grid .t-button:hover,
.t-grid #genericImagePlugin .gip_depositPhotos .t-button:hover,
#genericImagePlugin .gip_instagram button:hover,
#genericImagePlugin .gip_instagram .checkout-page.checkout-page_multi .select-button input:hover,
.checkout-page.checkout-page_multi .select-button #genericImagePlugin .gip_instagram input:hover,
#genericImagePlugin .gip_instagram .checkout-page__billing-address .address-grid td .address-item .select-button input:hover,
.checkout-page__billing-address .address-grid td .address-item .select-button #genericImagePlugin .gip_instagram input:hover,
#genericImagePlugin .gip_instagram .t-grid .t-button:hover,
.t-grid #genericImagePlugin .gip_instagram .t-button:hover,
#genericImagePlugin .gip_dropbox button:hover,
#genericImagePlugin .gip_dropbox .checkout-page.checkout-page_multi .select-button input:hover,
.checkout-page.checkout-page_multi .select-button #genericImagePlugin .gip_dropbox input:hover,
#genericImagePlugin .gip_dropbox .checkout-page__billing-address .address-grid td .address-item .select-button input:hover,
.checkout-page__billing-address .address-grid td .address-item .select-button #genericImagePlugin .gip_dropbox input:hover,
#genericImagePlugin .gip_dropbox .t-grid .t-button:hover,
.t-grid #genericImagePlugin .gip_dropbox .t-button:hover,
#genericImagePlugin .gip_flickr button:hover,
#genericImagePlugin .gip_flickr .checkout-page.checkout-page_multi .select-button input:hover,
.checkout-page.checkout-page_multi .select-button #genericImagePlugin .gip_flickr input:hover,
#genericImagePlugin .gip_flickr .checkout-page__billing-address .address-grid td .address-item .select-button input:hover,
.checkout-page__billing-address .address-grid td .address-item .select-button #genericImagePlugin .gip_flickr input:hover,
#genericImagePlugin .gip_flickr .t-grid .t-button:hover,
.t-grid #genericImagePlugin .gip_flickr .t-button:hover,
#genericImagePlugin .gip_ImageSearch button:hover,
#genericImagePlugin .gip_ImageSearch .checkout-page.checkout-page_multi .select-button input:hover,
.checkout-page.checkout-page_multi .select-button #genericImagePlugin .gip_ImageSearch input:hover,
#genericImagePlugin .gip_ImageSearch .checkout-page__billing-address .address-grid td .address-item .select-button input:hover,
.checkout-page__billing-address .address-grid td .address-item .select-button #genericImagePlugin .gip_ImageSearch input:hover,
#genericImagePlugin .gip_ImageSearch .t-grid .t-button:hover,
.t-grid #genericImagePlugin .gip_ImageSearch .t-button:hover {
    background-color: #bfbfbf !important
}

#genericImagePlugin .generalImagePlugin_close.gip_flickr,
#genericImagePlugin .generalImagePlugin_close.gip_depositPhotos,
#genericImagePlugin .generalImagePlugin_close.gip_facebook,
#genericImagePlugin .generalImagePlugin_close.gip_dropbox,
#genericImagePlugin .generalImagePlugin_close.gip_instagram,
#genericImagePlugin .generalImagePlugin_close.gip_ImageSearch {
    padding: 0;
    margin: 0 20px 0;
    background: transparent !important;
    line-height: 50%
}

#genericImagePlugin .generalImagePlugin_close.gip_flickr:hover,
#genericImagePlugin .generalImagePlugin_close.gip_depositPhotos:hover,
#genericImagePlugin .generalImagePlugin_close.gip_facebook:hover,
#genericImagePlugin .generalImagePlugin_close.gip_dropbox:hover,
#genericImagePlugin .generalImagePlugin_close.gip_instagram:hover,
#genericImagePlugin .generalImagePlugin_close.gip_ImageSearch:hover {
    background: transparent !important
}

#genericImagePlugin .gip_depositPhotos .generalImagePlugin_images-container {
    margin-top: 5px
}

#genericImagePlugin #generalImagePlugin_back-to-startpage {
    display: none;
    background-color: #333 !important
}

#genericImagePlugin .modal-content {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

#genericImagePlugin .generalImagePlugin_header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #333
}

#genericImagePlugin .form-horizontal {
    height: 100%
}

#genericImagePlugin .gip_ImageSearch .generalImagePlugin_header.gip_ImageSearch {
    background-color: #333;
    padding: 0
}

@media screen and (max-width:30em) {
    #genericImagePlugin div.generalImagePlugin_cs-skin-boxes {
        font-size: 1em
    }
}

@media screen and (max-width:30em) {
    #genericImagePlugin .generalImagePlugin_cs-skin-boxes .generalImagePlugin_cs-options li {
        box-shadow: none;
        border-width: 3px;
        border-radius: 8px
    }
}

@media screen and (max-width:30em) {
    #genericImagePlugin .generalImagePlugin_cs-skin-boxes .generalImagePlugin_cs-options li.generalImagePlugin_cs-selected::after {
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }
}

@media screen and (max-width:30em) {
    #genericImagePlugin .generalImagePlugin_cs-skin-boxes .generalImagePlugin_cs-options span {
        display: none
    }
}

#footer_genericImagePlugin.modal-footer {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

#genericImagePlugin .generalImagePlugin_image-search-button.gip_flickr {
    background-color: #ff0084;
    border: 2px solid #ef0081;
    margin-left: 7px !important
}

#genericImagePlugin .generalImagePlugin_image-search-button.gip_flickr:hover {
    background-color: #c06
}

#genericImagePlugin .generalImagePlugin_search-container.gip_flickr {
    display: flex;
    max-width: 550px;
    text-align: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

#genericImagePlugin .generalImagePlugin_search-container.gip_ImageSearch input {
    margin-left: 0 !important
}

#genericImagePlugin .main_container_genericImagePlugin.gip_flickr,
#genericImagePlugin .gip_ImageSearch .main_container_genericImagePlugin {
    margin: 60px auto;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    clear: both
}

#genericImagePlugin #body_genericImagePlugin .modal-body.gip_flickr {
    padding: 10px 20px !important
}

#genericImagePlugin #body_genericImagePlugin .form-group.gip_flickr {
    margin-bottom: 10px
}

#genericImagePlugin #body_genericImagePlugin > .generalImagePlugin_back-button.generalImagePlugin_small.gip_flickr {
    width: 170px;
    height: 35px;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 20px !important
}

#genericImagePlugin #body_genericImagePlugin > .form-group.gip_flickr + .generalImagePlugin_back-button.gip_flickr {
    position: absolute;
    top: 16px;
    left: initial !important;
    width: initial;
    height: initial;
    transform: none
}

#genericImagePlugin .generalImagePlugin_image-plugin_button {
    display: flex;
    overflow: hidden;
    margin: 5px !important;
    transition: all 150ms linear;
    text-decoration: none !important;
    font-size: 13px;
    justify-content: center;
    align-items: center;
    box-shadow: 2px 5px 10px #e4e4e4 !important
}

#genericImagePlugin .generalImagePlugin_image-plugin_button:hover {
    transition: all 150ms linear;
    opacity: .85
}

#genericImagePlugin .generalImagePlugin_image-plugin_button:active {
    transition: all 150ms linear;
    opacity: .75
}

#genericImagePlugin .generalImagePlugin_image-plugin_button:focus {
    outline: 1px dotted #959595;
    outline-offset: -4px
}

#genericImagePlugin .generalImagePlugin_image-plugin_button.generalImagePlugin_regular {
    color: #202129 !important;
    background-color: #f2f2f2 !important
}

#genericImagePlugin .generalImagePlugin_image-plugin_button.generalImagePlugin_regular:hover {
    color: #202129 !important;
    background-color: #e1e2e2 !important;
    opacity: 1
}

#genericImagePlugin .generalImagePlugin_image-plugin_button.generalImagePlugin_regular:active {
    background-color: #d5d6d6 !important;
    opacity: 1
}

#genericImagePlugin .generalImagePlugin_image-plugin_button.generalImagePlugin_dark {
    color: #FFF !important;
    background: #161616 !important
}

#genericImagePlugin .generalImagePlugin_image-plugin_button.generalImagePlugin_dark:focus {
    outline: 1px dotted white !important;
    outline-offset: -4px !important
}

#genericImagePlugin .generalImagePlugin_image-plugin_button.generalImagePlugin_blue {
    color: #FFF !important;
    background: #416dea !important
}

#genericImagePlugin .generalImagePlugin_image-plugin_button.generalImagePlugin_salmon {
    color: #FFF !important;
    background: #F32C52 !important
}

#genericImagePlugin .generalImagePlugin_image-plugin_button.generalImagePlugin_small {
    display: inline-block
}

#genericImagePlugin .generalImagePlugin_image-plugin_button.generalImagePlugin_medium {
    width: 175px;
    height: 35px
}

#genericImagePlugin .generalImagePlugin_image-plugin_button.generalImagePlugin_large {
    width: 200px;
    height: 50px
}

#genericImagePlugin .fill {
    color: #fff !important
}

#genericImagePlugin .dropdown-button.fill {
    background-color: #d73925
}

#genericImagePlugin .multi-button,
#genericImagePlugin .button {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 1px;
    background: #fff none;
    width: calc(50% - 10px) !important;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    margin-right: 5px
}

#genericImagePlugin .multi-button::after {
    background-color: transparent;
    border-left: none;
    box-sizing: border-box;
    color: #fff;
    content: "\2207";
    display: inline-block;
    font-family: "FontAwesome", sans-serif;
    height: 100%;
    margin-left: -17px;
    padding: 4px 4px 0 3px;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 23px;
    z-index: 2;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear
}

#genericImagePlugin .multi-button.open::after {
    font-weight: 700;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    padding: 6px 4px 0 3px
}

#genericImagePlugin .test-values {
    border-radius: 4px;
    margin-left: 10px
}

#genericImagePlugin .button-xsmall {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    color: #333
}

#genericImagePlugin .button-small {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    color: #333
}

#genericImagePlugin .button-big {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.5;
    color: #333
}

#genericImagePlugin .multi-button.button-file {
    position: relative;
    overflow: hidden
}

#genericImagePlugin .dropdown-button:hover,
#genericImagePlugin .dropdown-button:active {
    border-color: #333
}

#genericImagePlugin .button-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: 0;
    background: white;
    cursor: inherit;
    display: block
}

#genericImagePlugin .multi-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0 0 1px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    width: 100%
}

#genericImagePlugin .open > .multi-menu {
    display: block
}

#genericImagePlugin .multi-menu li {
    position: relative;
    padding: 5px 10px;
    margin-top: 1px
}

#genericImagePlugin .multi-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

#genericImagePlugin .multi-menu li a span.text {
    display: inline-block;
    position: relative
}

#genericImagePlugin .multi-menu li a span.check-mark {
    display: none
}

#genericImagePlugin .multi-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 0
}

#genericImagePlugin .multi-menu li .searchbox {
    padding: 4px 8px
}

#genericImagePlugin .multi-menu li .searchbox .search-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background: #fff none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 0;
    float: none
}

#genericImagePlugin .multi-menu li.control,
#genericImagePlugin .multi-menu li.control:hover {
    background-color: #fff !important
}

#genericImagePlugin .multi-menu li.control a.select-all-none {
    color: #000 !important
}

#genericImagePlugin .multi-menu li.control:hover a.select-all-none {
    color: #444 !important
}

#genericImagePlugin .dropdown-button .multi-menu li:hover,
#genericImagePlugin .dropdown-button .multi-menu li.selected,
#genericImagePlugin .dropdown-button .multi-menu li.selected:hover,
#genericImagePlugin .dropdown-button .multi-menu li.controls {
    background-color: #dcdcdc
}

#genericImagePlugin .multi-button .button-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 94%;
    display: inline-block;
    vertical-align: bottom
}

#genericImagePlugin ol,
#genericImagePlugin ul {
    margin-top: 10px;
    margin-bottom: 10px
}

#genericImagePlugin .list-wrapper {
    padding-left: 0;
    margin-bottom: 20px
}

#genericImagePlugin .list-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

#genericImagePlugin .list-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

#genericImagePlugin .list-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

#genericImagePlugin .list-item .file-name {
    max-width: 90%;
    width: auto;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: inline-block
}

#genericImagePlugin .overflow-list {
    max-height: 302px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 20%
}

#genericImagePlugin .remove-file {
    font-weight: 700
}

#genericImagePlugin .remove-icon {
    position: absolute;
    bottom: -9px;
    right: -9px;
    font-weight: 700
}

#genericImagePlugin .data-display {
    display: block;
    float: left;
    list-style: none
}

#genericImagePlugin .data-display li {
    border: 1px solid #ccc;
    margin-left: -1px;
    float: left;
    padding: 5px 10px;
    margin-top: -1px;
    min-width: 30px;
    text-align: center
}

@media screen and (max-width:768px) {
    #genericImagePlugin {
        height: 100%
    }

    #genericImagePlugin .modal-dialog {
        width: 90%;
        max-width: 90%
    }

    #genericImagePlugin .generalImagePlugin_search-image {
        width: 79%;
        max-width: 79%
    }
}

@media screen and (max-width:640px) {
    #genericImagePlugin .modal-dialog {
        width: 90%;
        max-width: 90%
    }

    #genericImagePlugin .modal-body.full-image-container {
        overflow-y: scroll
    }

    #genericImagePlugin .generalImagePlugin_images-container {
        width: 100%
    }

    #genericImagePlugin .generalImagePlugin_search-image {
        width: 70%
    }

    #genericImagePlugin .generalImagePlugin_image-search-button {
        width: 75px;
        margin-right: initial;
        padding: 0
    }

    #genericImagePlugin .generalImagePlugin_select-list {
        min-width: 100px;
        max-width: 150px
    }

    #genericImagePlugin .main_container_genericImagePlugin .success-uploaded_genericImagePlugin h2 {
        text-align: center;
        font-size: 22px
    }

    #genericImagePlugin .main_container_genericImagePlugin h2,
    #genericImagePlugin .main_container_genericImagePlugin h4,
    #genericImagePlugin .main_container_genericImagePlugin .checkout-page__shipping-address #newAddressDiv .enter-address-title,
    .checkout-page__shipping-address #newAddressDiv #genericImagePlugin .main_container_genericImagePlugin .enter-address-title {
        color: #333;
        font-family: "Roboto", sans-serif
    }

    #genericImagePlugin .main_container_genericImagePlugin h2 {
        text-align: center;
        font-size: 22px !important
    }

    #genericImagePlugin .main_container_genericImagePlugin h4,
    #genericImagePlugin .main_container_genericImagePlugin .checkout-page__shipping-address #newAddressDiv .enter-address-title,
    .checkout-page__shipping-address #newAddressDiv #genericImagePlugin .main_container_genericImagePlugin .enter-address-title {
        margin-top: 0;
        font-size: 14px;
        font-weight: normal
    }

    #genericImagePlugin .generalImagePlugin_image-row {
        width: inherit;
        display: block;
        margin: 0 auto 10px
    }

    #genericImagePlugin .generalImagePlugin_image-row .form-group {
        text-align: initial
    }

    #genericImagePlugin .generalImagePlugin_image-row .col-md-6 {
        width: 100%
    }

    #genericImagePlugin .generalImagePlugin_image-row .col-sm-10 {
        justify-content: space-around;
        margin: 0 10px;
        padding: 0 10px;
        flex-direction: initial
    }

    #genericImagePlugin .generalImagePlugin_image-row .generalImagePlugin_image-plugin_button.generalImagePlugin_small {
        display: flex;
        border-radius: 0;
        width: 10px;
        height: 22px;
        line-height: 12px
    }

    #genericImagePlugin .generalImagePlugin_friends-request {
        left: 50%;
        transform: translateX(-50%);
        width: 95%
    }

    #genericImagePlugin .generalImagePlugin_header {
        padding: initial
    }

    #genericImagePlugin .generalImagePlugin_image-plugin_button.generalImagePlugin_medium {
        width: initial;
        height: initial;
        text-align: center;
        margin: 0 auto 10px !important;
        border-radius: 2px
    }

    #genericImagePlugin #body_genericImagePlugin > .form-group.gip_flickr + .generalImagePlugin_back-button.gip_flickr {
        position: relative;
        top: initial;
        width: 80px;
        height: initial;
        margin: 0 0 10px 0 !important
    }

    #genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li {
        opacity: 1;
        width: 33.333%;
        background-size: cover;
        background-repeat: no-repeat
    }

    #genericImagePlugin .generalImagePlugin_cs-skin-boxes.generalImagePlugin_cs-active .generalImagePlugin_cs-options li span {
        display: block;
        background: #fff
    }
}

@media screen and (max-height:375px) {
    #cam-canvas {
        width: 36% !important
    }
}

@media screen and (max-height:600px) {
    #generalImagePlugin_placeholder-camera {
        width: 60% !important
    }
}


.t-button,
.t-reset {
    margin: 0;
    font-size: 100%
}

.t-button,
.t-reset,
.t-widget,
.t-widget .t-input,
.t-widget .text-box {
    font-size: 100%
}

.t-editor,
.t-grid table {
    border-collapse: separate
}

.t-editor,
.t-grid-content table,
.t-grid-footer table,
.t-grid-header table {
    table-layout: fixed
}

.t-floatwrap:after,
.t-slider-items:after {
    content: "";
    clear: both;
    visibility: hidden
}

.t-reset {
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    list-style: none
}

.t-button,
.t-input,
.t-widget {
    border-width: 1px;
    border-style: solid
}

.t-floatwrap:after {
    display: block;
    height: 0;
    overflow: hidden
}

.t-floatwrap {
    display: block
}

.t-link {
    cursor: pointer;
    outline: 0
}

.t-grid-header span.t-link {
    cursor: default
}

html body .t-button {
    text-decoration: none
}

.t-button {
    display: inline-block;
    padding: 2px 6px;
    font-family: inherit;
    line-height: 1.435;
    text-align: center;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

* html .t-button {
    display: inline;
    zoom: 1;
    overflow: visible;
    margin-right: 4px
}

* html a.t-button {
    line-height: 1.6;
    padding-left: 7px;
    padding-right: 7px
}

button.t-button::-moz-focus-inner,
input.t-button::-moz-focus-inner {
    padding: 1px 0;
    border: 0
}

.t-button-expand {
    margin-left: 0 !important;
    margin-right: 0 !important
}

a.t-button-expand {
    display: block
}

button.t-button-expand {
    width: 100%
}

body .t-button-icon {
    padding-left: 4px;
    padding-right: 4px
}

* html a.t-button-icon {
    padding-left: 5px;
    padding-right: 5px
}

.t-button-icontext {
    line-height: 1.453;
    padding-right: 8px;
    overflow: visible
}

.t-button-icontext .t-icon {
    margin: 0 3px 0 -3px;
    vertical-align: top
}

* html .t-button-icontext .t-icon {
    margin-right: 4px
}

html body .t-button-bare {
    background: 0 0 !important;
    border-width: 0
}

.t-editor-button .t-tool-icon,
.t-icon {
    background-color: transparent;
    background-repeat: no-repeat
}

.t-header .t-link {
    text-decoration: none
}

.t-state-disabled,
.t-state-disabled .t-link {
    cursor: default;
    outline: 0
}

.t-state-error {
    border-style: ridge
}

.t-editor-button .t-tool-icon,
.t-icon,
.t-sprite {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -3333px;
    text-align: center;
    vertical-align: middle
}

* html .t-editor-button .t-tool-icon,
* html .t-icon,
* html .t-sprite {
    display: inline;
    zoom: 1
}

* html .t-icon,
.t-sprite {
    text-indent: 0
}

.t-image {
    border: 0
}

.t-state-empty {
    font-style: italic
}

.t-menu .t-group,
.t-popup {
    -moz-box-shadow: 2px 2px 2px #aaa;
    -webkit-box-shadow: 2px 2px 2px #aaa;
    box-shadow: 2px 2px 2px #aaa
}

.t-expand {
    background-position: 0 -160px
}

.t-collapse {
    background-position: 0 -176px
}

.t-rtl .t-expand {
    background-position: -64px -160px
}

.t-plus,
.t-plus-disabled {
    background-position: 0 -256px
}

.t-minus,
.t-minus-disabled {
    background-position: -16px -256px
}

.t-rtl .t-plus,
.t-rtl .t-plus-disabled {
    background-position: 0 -272px
}

.t-rtl .t-minus,
.t-rtl .t-minus-disabled {
    background-position: -16px -272px
}

.t-arrow-up {
    background-position: -16px -160px
}

.t-arrow-down {
    background-position: -16px -176px
}

.t-state-disabled .t-arrow-up {
    background-position: -32px -160px
}

.t-state-disabled .t-arrow-down {
    background-position: -32px -176px
}

.t-state-hover .t-arrow-up {
    background-position: -48px -160px
}

.t-state-hover .t-arrow-down {
    background-position: -48px -176px
}

.t-numerictextbox .t-arrow-up {
    background-position: -16px -162px
}

.t-numerictextbox .t-arrow-down {
    background-position: -16px -178px
}

.t-arrow-up-small {
    background-position: 0 -304px
}

.t-arrow-down-small {
    background-position: -16px -304px
}

.t-arrow-first {
    background-position: 0 -192px
}

.t-arrow-prev {
    background-position: -16px -192px
}

.t-arrow-next {
    background-position: -32px -192px
}

.t-arrow-last {
    background-position: -48px -192px
}

.t-state-disabled .t-arrow-first {
    background-position: 0 -208px
}

.t-state-disabled .t-arrow-prev {
    background-position: -16px -208px
}

.t-state-disabled .t-arrow-next {
    background-position: -32px -208px
}

.t-state-disabled .t-arrow-last {
    background-position: -48px -208px
}

.t-state-hover .t-arrow-first {
    background-position: 0 -224px
}

.t-state-hover .t-arrow-prev {
    background-position: -16px -224px
}

.t-state-hover .t-arrow-next {
    background-position: -32px -224px
}

.t-state-hover .t-arrow-last {
    background-position: -48px -224px
}

.t-filter {
    background-position: 0 -240px
}

.t-clear-filter {
    background-position: -16px -240px
}

.t-refresh {
    background-position: -32px -240px
}

.t-icon-calendar {
    background-position: -48px -240px
}

.t-icon-clock {
    background-position: -64px -336px
}

.t-edit {
    background-position: 0 -336px
}

.t-delete {
    background-position: -16px -336px
}

.t-insert,
.t-update {
    background-position: -32px -336px
}

.t-cancel {
    background-position: -48px -336px
}

.t-group-delete {
    background-position: 0 -288px
}

.t-maximize {
    background-position: -16px -288px
}

.t-restore {
    background-position: -32px -288px
}

.t-close {
    background-position: -64px -288px
}

.t-insert-top {
    background-position: 0 -320px
}

.t-insert-middle {
    background-position: -16px -320px
}

.t-insert-bottom {
    background-position: -32px -320px
}

.t-add {
    background-position: -48px -320px
}

.t-denied {
    background-position: -64px -320px
}

.t-autocomplete,
.t-input {
    padding: 2px 1px 3px
}

div.t-window {
    display: inline-block;
    zoom: 1;
    z-index: 10001;
    position: absolute;
    border-width: 0;
    border-width: 5px\9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 5px 2px #aaa;
    -webkit-box-shadow: 0 0 5px 2px #aaa;
    box-shadow: 0 0 5px 2px #aaa
}

:root .t-window {
    border-width: 0
}

.t-window-titlebar {
    padding: .4em 0;
    font-size: 1.2em;
    line-height: 1.2em;
    white-space: nowrap;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.t-window-title {
    cursor: default;
    position: absolute;
    text-overflow: ellipsis;
    overflow: hidden;
    left: .5em;
    right: .5em
}

.t-window-title .t-image {
    margin: 0 5px 0 0;
    vertical-align: middle
}

div.t-window-content {
    padding: .4em .5em;
    overflow: auto;
    position: relative;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.t-window-titlebar .t-window-actions {
    position: absolute;
    right: .5em;
    top: 0;
    padding-top: .3em;
    white-space: nowrap
}

.t-window-titlebar .t-link {
    width: 16px;
    height: 16px;
    padding: 2px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    zoom: 1;
    opacity: .7;
    filter: alpha(opacity=70)
}

.t-window-titlebar .t-state-hover {
    border-width: 1px;
    border-style: solid;
    padding: 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    opacity: 1;
    filter: alpha(opacity=100)
}

.t-window-actions .t-icon {
    margin: 0;
    vertical-align: top
}

.t-window .t-resize-handle {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    zoom: 1;
    line-height: 6px;
    font-size: 0
}

.t-resize-n {
    top: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: n-resize
}

.t-resize-e {
    top: 0;
    right: -3px;
    width: 6px;
    height: 100%;
    cursor: e-resize
}

.t-resize-s {
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: s-resize
}

.t-resize-w {
    top: 0;
    left: -3px;
    width: 6px;
    height: 100%;
    cursor: w-resize
}

.t-resize-se {
    bottom: -3px;
    right: -3px;
    width: 16px;
    height: 16px;
    cursor: se-resize
}

.t-resize-ne,
.t-resize-nw,
.t-resize-sw {
    width: 6px;
    height: 6px
}

.t-resize-sw {
    bottom: -3px;
    left: -3px;
    cursor: sw-resize
}

.t-resize-ne {
    top: -3px;
    right: -3px;
    cursor: ne-resize
}

.t-resize-nw {
    top: -3px;
    left: -3px;
    cursor: nw-resize
}

.t-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
    z-index: 10001
}

.t-window .t-overlay {
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    width: 100%;
    height: 100%
}

.t-window .t-widget {
    z-index: 10002
}

.t-tabstrip {
    margin: 0;
    padding: 0;
    zoom: 1
}

.t-tabstrip .t-tabstrip-items {
    padding: 0 .3em
}

.t-panelbar .t-tabstrip-items .t-item,
.t-tabstrip-items .t-item {
    list-style-type: none;
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    border-width: 1px 1px 0;
    border-style: solid;
    margin: .1em .3em 0 0;
    padding: 0;
    position: relative;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.t-panelbar .t-tabstrip-items .t-state-active,
.t-tabstrip-items .t-state-active {
    padding-bottom: 1px;
    margin-bottom: -1px
}

.t-panelbar .t-tabstrip-items .t-link,
.t-tabstrip-items .t-link {
    padding: .3em .9em;
    display: inline-block;
    zoom: 1;
    border-bottom-width: 0;
    outline: 0
}

.t-panelbar .t-tabstrip-items .t-icon,
.t-tabstrip-items .t-icon {
    margin: -1px 4px 0 -3px;
    vertical-align: top
}

.t-panelbar .t-tabstrip-items .t-item .t-image,
.t-panelbar .t-tabstrip-items .t-item .t-sprite,
.t-tabstrip-items .t-item .t-image,
.t-tabstrip-items .t-item .t-sprite {
    vertical-align: middle;
    margin: -3px 3px 0 -6px
}

* html .t-tabstrip-items .t-item .t-image,
* html .t-tabstrip-items .t-item .t-sprite {
    vertical-align: top;
    margin-top: -1px
}

.t-panelbar .t-tabstrip .t-content,
.t-tabstrip .t-content {
    border-width: 1px;
    border-style: solid;
    margin: 0 .3em .3em;
    padding: .3em 1em;
    display: none;
    position: static;
    zoom: 1
}

.t-panelbar {
    zoom: 1
}

.t-panelbar .t-item {
    list-style-type: none;
    display: block;
    zoom: 1;
    margin: 0;
    top: 0;
    border-width: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.t-panelbar .t-image,
.t-panelbar .t-sprite {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: 4px;
    float: left
}

.t-panelbar .t-group .t-image,
.t-panelbar .t-group .t-sprite {
    margin-top: 1px
}

.t-panelbar .t-link {
    line-height: 2.05em;
    padding: 0 1em;
    border-bottom: 1px solid;
    display: block;
    position: relative;
    text-decoration: none;
    zoom: 1
}

ul.t-panelbar .t-state-hover {
    background-image: none
}

.t-panelbar-collapse,
.t-panelbar-expand {
    position: absolute;
    top: 5px;
    right: 2px
}

.t-panelbar .t-content,
.t-panelbar .t-group {
    position: relative;
    zoom: 1;
    padding: 0;
    margin: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.t-panelbar .t-group .t-link {
    line-height: 1.7em;
    border-bottom: 0;
    font-size: .95em
}

.t-panelbar .t-group .t-arrow-down,
.t-panelbar .t-group .t-arrow-up {
    top: 2px
}

.t-panelbar .t-group .t-group .t-link {
    padding-left: 2em
}

.t-panelbar .t-group .t-group,
.t-panelbar .t-last .t-link {
    border-bottom: 0
}

.t-tabstrip .t-panelbar .t-content {
    display: block
}

.t-menu {
    cursor: default
}

.t-menu,
.t-menu .t-group {
    list-style: none;
    padding: 0;
    margin: 0;
    zoom: 1
}

.t-menu .t-group .t-link {
    padding-right: 2em;
    zoom: 1
}

.t-menu .t-item {
    position: relative;
    display: inline-block;
    zoom: 1;
    border-width: 0 1px 0 0;
    border-style: solid;
    vertical-align: top
}

.t-menu-vertical .t-item {
    display: block;
    border-width: 0
}

.t-menu .t-image,
.t-menu .t-sprite {
    margin: 0 4px 0 -4px;
    vertical-align: top
}

.t-menu .t-link {
    text-decoration: none;
    padding: .25em .97em;
    display: block
}

.t-menu .t-group {
    display: none;
    white-space: nowrap;
    border-style: solid;
    border-width: 1px;
    overflow: visible
}

.t-menu .t-group .t-item {
    display: block;
    border-width: 0
}

.t-menu .t-arrow-down {
    margin-left: 2px;
    margin-right: -10px;
    vertical-align: top
}

* html .t-grid-pager input,
.t-grid td {
    vertical-align: middle
}

.t-menu .t-arrow-next {
    position: absolute;
    right: 0;
    top: 3px
}

.t-menu .t-animation-container,
.t-menu .t-group {
    left: -1px;
    position: absolute
}

.t-menu .t-animation-container .t-animation-container,
.t-menu .t-group .t-group,
.t-menu-vertical .t-animation-container,
.t-menu-vertical .t-group {
    left: 100%;
    top: -1px
}

.t-menu .t-animation-container .t-group {
    left: auto;
    top: auto
}

.t-grid {
    position: relative;
    zoom: 1
}

.t-grid table {
    width: 100%;
    empty-cells: show;
    border: 0
}

.t-grid-header .t-header {
    text-align: left
}

.t-grid-header .t-header,
.t-grid-header .t-last-header {
    padding: .3em .6em;
    border-width: 0 1px 1px 0;
    border-style: solid;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.t-grid-header .t-last-header {
    border-right-width: 0
}

.t-grid-header .t-header .t-link {
    display: block;
    margin: -.3em -.6em;
    padding: .3em 2.4em .3em .6em;
    border: 0
}

.t-grid-header .t-header .t-icon {
    position: static
}

.t-grid .t-state-hover {
    cursor: pointer
}

.t-grid td {
    padding: .25em .6em;
    border-style: solid;
    border-width: 0 1px 0 0;
    line-height: 1.6em;
    overflow: hidden;
    text-overflow: ellipsis
}

.t-grid-pager,
.t-grid-toolbar {
    border-width: 1px 0 0;
    border-style: solid
}

.t-grid .t-last {
    border-right-width: 0
}

.t-grid .t-status,
div.t-grid-header .t-last-header {
    border-right-width: 1px
}

.t-grid-footer-wrap,
.t-grid-header-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    zoom: 1
}

div.t-grid-footer,
div.t-grid-header {
    padding-right: 17px;
    zoom: 1;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

div.t-grid-header .t-header,
div.t-grid-header .t-last-header {
    border-bottom-width: 0
}

.t-grid-content {
    position: relative;
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
    width: 100%;
    zoom: 1
}

* html .t-grid-content table {
    width: auto
}

.t-grid-pager {
    padding: .2em .6em;
    line-height: 1.8em;
    overflow: auto
}

.t-grid-pager:first-child,
.t-grid-toolbar:first-child,
.t-grouping-header + .t-grid-pager,
.t-grouping-header + .t-grid-toolbar {
    border-width: 0 0 1px
}

.t-grid .t-pager,
.t-grid .t-status,
.t-grid .t-status-text,
.t-grouping-row p,
.t-pager .t-link,
.t-pager .t-numeric,
.t-pager .t-page-i-of-n,
.t-pager .t-page-size,
.t-pager input,
.t-pager span {
    display: inline-block;
    zoom: 1;
    vertical-align: middle
}

.t-pager .t-page-size {
    line-height: 1.2em
}

.t-footer-template td {
    border-width: 1px 1px 0 0;
    border-style: solid
}

.t-group-footer .t-last,
.t-group-footer td {
    border-width: 1px 0;
    border-style: solid
}

.t-grid-footer {
    border-style: solid;
    border-width: 1px 0 0
}

.t-grid-footer td {
    border-top-width: 0
}

.t-grid .t-status {
    float: left;
    margin: -.2em .6em -.2em -.6em;
    padding: .2em .6em;
    height: 1.85em;
    border-right-style: solid
}

.t-grid .t-pager {
    float: left;
    cursor: default
}

.t-grid .t-status-text {
    float: right;
    margin-right: .2em
}

.t-pager .t-link {
    text-decoration: none;
    padding: 1px;
    margin-top: .2em;
    border: 0;
    line-height: 16px
}

.t-pager .t-state-active,
.t-pager .t-state-hover {
    padding: 0;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.t-pager .t-link,
.t-pager span {
    vertical-align: top
}

.t-pager .t-numeric,
.t-pager .t-page-i-of-n {
    margin: 0 7px;
    vertical-align: top
}

.t-numeric .t-link,
.t-numeric .t-state-active {
    margin-top: 0;
    padding: 0 5px;
    line-height: 22px;
    vertical-align: top
}

.t-numeric .t-state-active,
.t-numeric .t-state-hover {
    padding: 0 4px;
    line-height: 20px
}

.t-page-i-of-n input {
    width: 2em;
    vertical-align: baseline;
    font-size: 1em
}

.t-grid-pager .t-status .t-icon {
    vertical-align: top;
    margin-top: 3px
}

.t-grid-filter {
    float: right;
    height: 18px;
    padding: .3em .2em;
    position: relative;
    display: inline-block;
    zoom: 1;
    margin: -1.8em -.6em -.3em 3px
}

.t-dirty,
.t-grid .t-animation-container,
.t-grouping-dropclue {
    position: absolute
}

.t-grid-filter .t-icon {
    vertical-align: top
}

.t-grid .t-filter-options {
    position: absolute;
    border-width: 1px;
    border-style: solid;
    padding: 3px;
    width: 148px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.t-filter-options .t-button,
.t-filter-options .t-datepicker,
.t-filter-options .t-filter-help-text,
.t-filter-options input,
.t-filter-options select {
    display: block;
    margin-bottom: 4px
}

.t-filter-options select {
    width: 148px
}

.t-filter-options input {
    width: 142px
}

.t-filter-options .t-datepicker {
    width: 100%
}

.t-filter-options .t-filter-button {
    margin-bottom: 0
}

.t-grouping-row .t-icon {
    margin: 0 4px
}

.t-grouping-row p {
    padding: 0 .6em;
    margin-left: -.6em
}

.t-grid td.t-group-cell,
.t-grid td.t-hierarchy-cell {
    border-right: 0
}

.t-grid .t-group-col,
.t-grid .t-hierarchy-col {
    width: 30px
}

.t-grouping-header {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.t-grouping-dropclue,
.t-grouping-header {
    height: 24px;
    line-height: 24px
}

.t-grouping-dropclue {
    width: 6px
}

.t-grouping-header .t-group-indicator {
    display: inline-block;
    zoom: 1;
    border-width: 1px;
    border-style: solid;
    line-height: 1.5em;
    padding: .15em .15em .15em .4em;
    margin: 0 3px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.t-grouping-header .t-link {
    text-decoration: none;
    display: inline-block;
    zoom: 1;
    line-height: normal;
    padding: 0;
    border-style: none
}

.t-grouping-header .t-button {
    padding: 0;
    border: 0;
    background: 0 0;
    line-height: 1
}

.t-grouping-header .t-link .t-icon {
    margin: 0 0 0 -3px
}

.t-grouping-header .t-button .t-icon {
    margin: 0 0 0 3px
}

.t-grouping-header .t-button,
.t-grouping-header a {
    display: inline-block;
    zoom: 1;
    vertical-align: middle
}

.t-dirty {
    width: 0;
    height: 0;
    vertical-align: top;
    padding: 0;
    margin: -.45em 0 0 -.6em;
    overflow: hidden;
    border-width: 3px;
    border-style: solid;
    border-color: red transparent transparent red
}

.t-detail-row,
.t-edit-form-container {
    position: relative
}

* html .t-dirty {
    border-color: red pink pink red;
    filter: chroma(color=pink)
}

.t-grid-toolbar,
.t-grouping-header {
    cursor: default;
    margin: 0;
    padding: .25em
}

.t-grid .t-edit-container {
    padding: 0;
    border-right: 0
}

.t-edit-form {
    padding: 0;
    margin: 0
}

.t-edit-form td {
    border-top: 0;
    border-bottom: 0
}

.t-grid-edit-row .t-datepicker,
.t-grid-edit-row .t-numerictextbox,
.t-grid-edit-row .text-box {
    vertical-align: middle;
    width: 5em;
    max-width: 90%;
    min-width: 90%;
    margin: -.4em -.3em -.15em
}

.t-grid-edit-row .t-combobox,
.t-grid-edit-row .t-dropdown {
    width: 5em;
    max-width: 90%;
    min-width: 90%;
    line-height: normal;
    margin: -.1em -.3em -.45em
}

* html .t-grid .text-box {
    width: 90%
}

.t-grid .field-validation-error {
    display: block
}

.t-grid .input-validation-error {
    border-style: ridge;
    border-color: red;
    background-color: pink
}

.t-grid-toolbar .t-button {
    vertical-align: middle
}

.t-grid-actions {
    display: inline-block
}

* html .t-grid-actions {
    display: inline;
    zoom: 1;
    vertical-align: bottom
}

.t-edit-form .t-button,
.t-grid .t-button {
    margin: 0 .2em
}

.t-grid tbody .t-button {
    min-width: 64px
}

#ie8#skips,
.t-grid tbody button.t-button {
    min-width: 78px
}

html body .t-grid tbody .t-button-icon {
    min-width: 0;
    width: auto
}

.t-grid .t-detail-cell {
    overflow: visible
}

.t-grid-resize-indicator {
    position: absolute;
    width: 2px;
    background-color: #aaa
}

.t-grid .t-resize-handle {
    cursor: col-resize;
    position: absolute;
    height: 25px
}

.t-combobox,
.t-dropdown,
.t-selectbox {
    display: inline-block;
    zoom: 1;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    width: 150px;
    border-width: 0
}

* html .t-combobox {
    overflow: visible
}

.t-dropdown-wrap,
.t-picker-wrap {
    position: relative;
    display: block;
    cursor: default
}

.t-picker-wrap {
    padding: 0 25px 0 0
}

.t-dropdown-wrap {
    padding-right: 16px;
    border-width: 1px;
    border-style: solid
}

.t-combobox > .t-dropdown-wrap {
    padding-right: 22px
}

* html .t-combobox .t-dropdown-wrap {
    height: 20px
}

* html .t-picker-wrap {
    height: 20px;
    padding-right: 20px
}

.t-combobox .t-input,
.t-picker-wrap .t-input {
    vertical-align: top;
    width: 100%
}

.t-combobox .t-input,
.t-dropdown .t-input,
.t-selectbox .t-input {
    outline: 0;
    border-width: 0
}

* html .t-combobox .t-input {
    margin: -1px 0
}

* html {
    position: absolute;
    top: 0
}

.t-dropdown-wrap .t-select,
.t-picker-wrap .t-select {
    text-decoration: none;
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    cursor: default
}

* html .t-dropdown-wrap .t-select,
* html .t-picker-wrap .t-select {
    top: 1px;
    right: 1px
}

.t-combobox .t-select {
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: inherit
}

.t-combobox .t-icon {
    margin-top: 1px
}

.t-dropdown .t-select,
.t-selectbox .t-select {
    border: 0;
    text-decoration: none;
    font: inherit;
    color: inherit;
    overflow: hidden;
    cursor: default
}

.t-dropdown .t-input,
.t-selectbox .t-input {
    background: 0 0;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    padding: .2em 0 .2em 3px
}

.t-picker-wrap .t-icon {
    vertical-align: top;
    margin-top: 3px
}

.t-dropdown-wrap .t-icon {
    vertical-align: top;
    margin-top: 2px
}

.t-combobox .t-input {
    height: 18px;
    line-height: 18px;
    padding: 1px 3px;
    border: 0;
    margin: 0
}

.t-dropdown-wrap .t-select,
.t-picker-wrap .t-select {
    position: absolute;
    right: 0;
    top: 0;
    height: 20px;
    line-height: 20px
}

.t-popup {
    border-width: 1px;
    border-style: solid
}

.t-popup .t-item {
    padding: 1px 5px 1px 3px;
    cursor: default
}

.t-calendar {
    display: inline-block;
    zoom: 1;
    width: 203px;
    position: relative;
    overflow: hidden
}

.t-calendar .t-link {
    text-decoration: none
}

.t-calendar .t-action-link {
    text-decoration: underline
}

.t-calendar .t-header {
    padding: .4em 0;
    text-align: center;
    position: relative;
    zoom: 1
}

.t-calendar .t-nav-next,
.t-calendar .t-nav-prev {
    position: absolute;
    top: .3em
}

.t-calendar .t-nav-prev {
    left: 1%
}

.t-calendar .t-nav-next {
    right: 1%
}

.t-calendar .t-content {
    text-align: right;
    display: table;
    width: 100%;
    height: 169px;
    table-layout: fixed;
    border-style: none;
    margin: 0;
    padding: 0
}

* html .t-calendar .t-content {
    display: block
}

.t-calendar .t-animation-container .t-content {
    height: 100%
}

.t-calendar .t-nav-fast {
    display: inline-block;
    zoom: 1;
    width: 75%
}

.t-calendar .t-nav-fast .t-icon {
    vertical-align: top
}

.t-calendar th {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-weight: 400;
    cursor: default
}

.t-calendar td,
.t-picker-wrap .t-icon {
    cursor: pointer
}

.t-calendar td {
    padding: 1px
}

.t-calendar .t-state-focus {
    border-width: 1px;
    border-style: dotted;
    padding: 0
}

.t-calendar .t-content .t-link {
    display: block;
    overflow: hidden;
    position: relative
}

.t-calendar .t-content .t-link,
.t-calendar th {
    padding: .25em .45em .3em .1em
}

.t-calendar .t-meta-view .t-link {
    padding: .25em 0 .3em;
    text-align: center
}

.t-datepicker,
.t-datetimepicker,
.t-timepicker {
    border: 0;
    white-space: nowrap;
    width: 8.5em;
    display: inline-block;
    zoom: 1;
    vertical-align: top
}

.t-datetimepicker {
    width: 13em
}

div.t-datepicker,
div.t-datetimepicker,
div.t-timepicker {
    background: none
}

.t-datetimepicker .t-picker-wrap {
    padding-right: 44px
}

* html .t-datetimepicker .t-picker-wrap {
    padding-right: 40px
}

.t-datetimepicker .t-icon-calendar {
    margin-right: 3px
}

.t-state-disabled .t-picker-wrap .t-icon {
    cursor: default
}

.t-picker-wrap .t-input {
    margin: 0
}

.t-iframe-overlay {
    position: absolute;
    width: 100%;
    border: 0;
    top: 0;
    left: 0;
    filter: alpha(opacity=0)
}

.t-time-popup .t-item {
    padding: 1px 3px
}

div.t-treeview {
    border-width: 0;
    background: 0 0;
    white-space: nowrap;
    overflow: auto
}

.t-treeview .t-item {
    padding: 0 0 0 16px;
    margin: 0;
    border-width: 0;
    position: static;
    top: auto;
    display: block
}

.t-treeview .t-content,
.t-treeview .t-group {
    list-style-type: none;
    background: 0 0;
    margin: 0;
    padding: 0
}

.t-treeview .t-drop-clue,
.t-treeview-lines .t-first,
.t-treeview-lines .t-item {
    background-repeat: no-repeat
}

.t-treeview .t-animation-container {
    height: auto !important
}

.t-treeview .t-icon,
.t-treeview .t-image,
.t-treeview .t-in,
.t-treeview .t-sprite {
    display: inline-block;
    zoom: 1;
    vertical-align: top
}

.t-treeview .t-minus,
.t-treeview .t-minus-disabled,
.t-treeview .t-plus,
.t-treeview .t-plus-disabled {
    margin-left: -16px;
    margin-top: 2px;
    float: left;
    cursor: pointer
}

.t-drag-clue,
.t-treeview .t-minus-disabled,
.t-treeview .t-plus-disabled,
.t-treeview span.t-in {
    cursor: default
}

.t-treeview .t-image,
.t-treeview .t-sprite {
    margin-right: 3px
}

.t-treeview .t-in {
    margin: 1px 0 1px 2px;
    padding: 2px 4px 2px 3px;
    text-decoration: none;
    line-height: 16px
}

.t-treeview .t-state-hover,
.t-treeview .t-state-selected {
    padding: 1px 3px 1px 2px;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.t-treeview .t-drop-clue {
    width: 80px;
    visibility: hidden;
    height: 5px;
    position: absolute;
    margin-top: -3px;
    z-index: 10000;
    background-color: transparent
}

.t-treeview-lines .t-bot,
.t-treeview-lines .t-mid,
.t-treeview-lines .t-top {
    background-repeat: no-repeat;
    margin-left: -16px;
    padding-left: 16px
}

.t-treeview-lines .t-top {
    background-position: -91px 0
}

.t-treeview-lines .t-bot {
    background-position: -69px -22px
}

.t-treeview-lines .t-mid {
    background-position: -47px -44px
}

.t-treeview-lines .t-last .t-top {
    background-position: -25px -66px
}

.t-treeview-lines .t-group .t-last .t-bot {
    background-position: -69px -22px
}

.t-treeview-lines .t-first {
    background-position: 0 16px
}

div.t-numerictextbox {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    white-space: nowrap;
    border: 0;
    background: 0 0
}

.t-numerictextbox .t-input {
    margin: 0
}

.t-formatted-value {
    position: absolute;
    padding: 3px 4px 2px 3px
}

.t-numerictextbox .t-icon {
    margin-left: -16px
}

.t-numerictextbox .t-link {
    border-style: none;
    display: inline-block;
    zoom: 1
}

.t-numerictextbox .t-arrow-up {
    vertical-align: top;
    margin-top: 1px;
    height: 10px
}

.t-numerictextbox .t-arrow-down {
    vertical-align: bottom;
    margin-bottom: 1px;
    height: 11px
}

.t-colorpicker {
    display: inline-block;
    zoom: 1;
    vertical-align: middle
}

.t-colorpicker .t-tool-icon {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    padding: 2px 3px;
    font-size: 0;
    line-height: 0
}

.t-colorpicker .t-selected-color {
    display: block;
    height: 16px;
    width: 16px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.t-colorpicker .t-icon {
    vertical-align: middle;
    margin-top: 2px
}

.t-colorpicker-popup {
    line-height: 0;
    width: 136px
}

.t-colorpicker-popup .t-reset {
    padding: .25em;
    margin: 0;
    display: inline-block;
    zoom: 1
}

.t-colorpicker-popup .t-item {
    float: left;
    display: block;
    overflow: hidden;
    width: 12px;
    height: 12px;
    font-size: 0;
    padding: 0;
    margin: 0 1px 1px 0
}

.t-editor {
    border-width: 1px;
    border-style: solid;
    height: 250px;
    font-size: 100%;
    vertical-align: top;
    width: 100%
}

.t-editor .t-editor-toolbar-wrap {
    border: 0;
    padding: 0
}

.t-editor-toolbar {
    margin: 0;
    padding: .1em 0;
    list-style-type: none;
    cursor: default;
    line-height: 1.3em
}

.t-editor-toolbar li {
    display: inline;
    vertical-align: middle
}

.t-editor-toolbar .t-editor-colorpicker,
.t-editor-toolbar .t-editor-combobox,
.t-editor-toolbar .t-editor-dropdown,
.t-editor-toolbar .t-editor-selectbox {
    margin-right: 2px
}

.t-editor-toolbar .t-separator {
    border-width: 0 1px 0 0;
    border-style: solid;
    padding: 0 0 0 1px;
    font-size: 1.3em;
    margin: 0 .15em;
    position: relative;
    top: 1px
}

.t-editor-toolbar .t-break {
    display: block;
    height: 1px;
    line-height: 0;
    font-size: 0
}

.t-editor-toolbar .t-colorpicker,
.t-editor-toolbar .t-combobox,
.t-editor-toolbar .t-dropdown,
.t-editor-toolbar .t-selectbox {
    vertical-align: middle
}

.t-editor-button .t-tool-icon {
    vertical-align: middle;
    width: 22px;
    height: 22px;
    margin: 1px
}

.t-editor-colorpicker .t-tool-icon {
    padding: 17px 3px 2px
}

.t-editor-colorpicker .t-icon {
    border-style: solid;
    border-color: #ccc;
    border-width: 0 0 0 1px
}

.t-editor-colorpicker .t-selected-color {
    height: 3px
}

.t-editor-combobox .t-input {
    height: 20px;
    line-height: 20px
}

.t-editor-combobox .t-select {
    height: 22px;
    line-height: 22px
}

.t-bold {
    background-position: -22px 0
}

.t-italic {
    background-position: -44px 0
}

.t-underline {
    background-position: -66px 0
}

.t-strikethrough {
    background-position: -88px 0
}

.t-justifyLeft {
    background-position: -110px 0
}

.t-justifyCenter {
    background-position: -132px 0
}

.t-justifyRight {
    background-position: -154px 0
}

.t-justifyFull {
    background-position: -176px 0
}

.t-insertOrderedList {
    background-position: -198px 0
}

.t-insertUnorderedList {
    background-position: -220px 0
}

.t-createLink {
    background-position: -242px 0
}

.t-unlink {
    background-position: -264px 0
}

.t-insertImage {
    background-position: -286px 0
}

.t-foreColor .t-tool-icon {
    background-position: -308px -2px
}

.t-backColor .t-tool-icon {
    background-position: -330px -2px
}

.t-indent {
    background-position: -352px 0
}

.t-outdent {
    background-position: -374px 0
}

.t-fontName {
    width: 110px
}

.t-fontSize {
    width: 124px
}

.t-formatBlock {
    width: 147px
}

.t-editor-button .t-state-active,
.t-editor-button .t-state-hover {
    vertical-align: middle;
    border-width: 1px;
    border-style: solid;
    margin: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.t-editor-button .t-state-disabled {
    opacity: .3;
    filter: alpha(opacity=30)
}

.t-editor .t-editable-area {
    outline: 0;
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid
}

.t-editor .t-content {
    height: 100%;
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
    border: 0
}

.t-editor iframe.t-content {
    display: inline;
    vertical-align: top
}

.t-editor .t-raw-content {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-family: Consolas, "Courier New", monospace
}

.t-editor-dialog {
    padding: 1em
}

.t-editor-dialog ol {
    margin: 0;
    padding: 0;
    list-style: none
}

.t-form-checkbox-row,
.t-form-text-row {
    padding-bottom: 1em
}

.t-form-text-row label {
    display: inline-block;
    zoom: 1;
    width: 7em;
    text-align: right;
    padding-right: .5em
}

.t-form-checkbox-row input {
    margin-left: 7em;
    font-size: inherit;
    padding: 0
}

.t-form-checkbox-row label {
    padding-left: .3em
}

.t-form-checkbox-row input,
.t-form-checkbox-row label,
.t-form-text-row label .t-form-text-row input,
.t-form-text-row select {
    vertical-align: middle
}

.t-form-text-row input,
.t-form-text-row select {
    width: 20em
}

.t-editor-dialog .t-button-wrapper {
    padding-top: .5em;
    text-align: right
}

.t-editor-dialog .t-button {
    display: inline-block;
    zoom: 1
}

.t-drag-clue {
    border-width: 1px;
    border-style: solid;
    font-size: .9em;
    padding: .05em .15em;
    position: absolute;
    z-index: 10003;
    white-space: nowrap;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.t-drag-status {
    margin-right: 4px;
    vertical-align: top;
    margin-top: -1px
}

.t-reorder-cue {
    position: absolute;
    width: 1px;
    overflow: visible
}

.t-draghandle,
.t-splitter .t-pane {
    overflow: hidden
}

.t-reorder-cue .t-icon {
    width: 8px;
    height: 4px;
    position: absolute;
    left: -4px
}

.t-reorder-cue .t-arrow-down {
    top: -4px;
    background-position: -20px -182px
}

.t-reorder-cue .t-arrow-up {
    bottom: -4px;
    background-position: -20px -166px
}

div.t-slider {
    position: relative;
    border-width: 0;
    background-color: transparent;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.t-slider-vertical {
    width: 22px;
    height: 200px
}

.t-slider-horizontal {
    display: inline-block;
    height: 22px;
    width: 200px
}

* html .t-slider-horizontal {
    display: inline;
    zoom: 1
}

.t-slider-wrap {
    width: 100%;
    height: 100%
}

.t-grid .t-slider .t-button,
.t-slider .t-button {
    position: absolute;
    top: 0;
    min-width: 0;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    outline: 0
}

.t-slider .t-button .t-icon {
    vertical-align: top;
    margin-top: 2px
}

.t-state-disabled .t-slider-wrap {
    opacity: .6;
    filter: alpha(opacity=60)
}

.t-state-disabled .t-slider-wrap .t-slider-items {
    color: #333
}

.t-slider .t-button-decrease {
    left: 0
}

.t-grid .t-slider-vertical .t-button-decrease,
.t-slider-vertical .t-button-decrease {
    top: auto;
    bottom: 0
}

.t-slider .t-button-increase {
    right: 0
}

.t-slider .t-icon {
    cursor: pointer
}

.t-state-disabled .t-button,
.t-state-disabled .t-draghandle,
.t-state-disabled .t-slider .t-icon,
.t-state-disabled .t-slider-wrap .t-icon {
    cursor: default
}

* html .t-slider .t-icon {
    margin-top: 2px
}

.t-slider-selection,
.t-slider-track {
    position: absolute;
    margin: 0;
    padding: 0
}

.t-slider-horizontal .t-slider-selection,
.t-slider-horizontal .t-slider-track {
    height: 6px;
    top: 50%;
    left: 0;
    margin-top: -3px;
    background-repeat: repeat-x
}

.t-slider-horizontal .t-slider-track {
    border-width: 0 1px;
    border-style: solid;
    background-position: 0 -464px
}

.t-slider-horizontal .t-slider-selection {
    background-position: 0 -470px
}

.t-slider-horizontal .t-slider-buttons .t-slider-track {
    left: 27px
}

.t-slider-vertical .t-slider-selection,
.t-slider-vertical .t-slider-track {
    width: 6px;
    left: 50%;
    bottom: 0;
    margin-left: -3px;
    background-repeat: repeat-y
}

.t-draghandle,
.t-slider .t-tick {
    background-color: transparent;
    background-repeat: no-repeat
}

.t-slider-vertical .t-slider-track {
    border-width: 1px 0;
    border-style: solid;
    background-position: 0 0
}

.t-slider-vertical .t-slider-selection {
    background-position: -6px 0
}

.t-slider-vertical .t-slider-buttons .t-slider-track {
    bottom: 27px
}

.t-draghandle {
    position: absolute;
    text-indent: -3333px;
    text-decoration: none;
    text-align: center;
    cursor: pointer
}

.t-slider-horizontal .t-draghandle {
    top: -7px;
    width: 11px;
    height: 20px
}

.t-slider-vertical .t-draghandle {
    left: -7px;
    width: 20px;
    height: 11px
}

.t-slider-horizontal .t-draghandle,
.t-state-disabled .t-slider-horizontal a.t-draghandle,
.t-state-disabled.t-slider-horizontal a.t-draghandle {
    background-position: 0 -368px
}

.t-slider-horizontal .t-draghandle:focus,
.t-slider-horizontal .t-draghandle:hover {
    background-position: 0 -400px
}

.t-slider-horizontal a.t-draghandle.t-state-active {
    background-position: 0 -432px
}

.t-slider-vertical .t-draghandle,
.t-state-disabled .t-slider-vertical a.t-draghandle,
.t-state-disabled.t-slider-vertical a.t-draghandle {
    background-position: -32px -368px
}

.t-slider-vertical .t-draghandle:focus,
.t-slider-vertical .t-draghandle:hover {
    background-position: -32px -400px
}

.t-slider-vertical a.t-draghandle.t-state-active {
    background-position: -32px -432px
}

.t-slider-items {
    display: block
}

.t-slider-items:after {
    display: block;
    height: 0
}

.t-slider-buttons .t-slider-items {
    margin-left: 27px
}

.t-slider-horizontal .t-slider-items {
    height: 100%
}

.t-slider-vertical .t-slider-items {
    padding-top: 1px
}

.t-slider-vertical .t-slider-buttons .t-slider-items {
    margin: 0;
    padding-top: 28px
}

.t-slider .t-tick {
    position: relative;
    margin: 0;
    padding: 0;
    background-position: center center;
    cursor: default
}

.t-callout,
.t-tooltip {
    position: absolute
}

.t-slider-horizontal .t-tick {
    float: left;
    text-align: center;
    height: 100%;
    background-position: center -94px
}

* html .t-slider-vertical .t-tick {
    float: left;
    clear: left;
    width: 100%
}

.t-slider-horizontal .t-slider-topleft .t-tick {
    background-position: center -124px
}

.t-slider-horizontal .t-slider-bottomright .t-tick {
    background-position: center -154px
}

.t-slider-horizontal .t-tick-large {
    background-position: center -4px
}

.t-slider-horizontal .t-slider-topleft .t-tick-large {
    background-position: center -34px
}

.t-slider-horizontal .t-slider-bottomright .t-tick-large {
    background-position: center -64px
}

.t-slider-vertical .t-tick {
    background-position: -94px center;
    text-align: right
}

.t-slider-vertical .t-slider-topleft .t-tick {
    background-position: -124px center;
    text-align: left
}

.t-slider-vertical .t-slider-bottomright .t-tick {
    background-position: -154px center
}

.t-slider-vertical .t-tick-large {
    background-position: -4px center
}

.t-slider-vertical .t-slider-topleft .t-tick-large {
    background-position: center -34px
}

.t-slider-vertical .t-slider-bottomright .t-tick-large {
    background-position: -64px center
}

.t-slider-horizontal .t-first {
    background-position: 0 -4px
}

.t-slider-horizontal .t-last {
    background-position: 100% -4px
}

.t-slider-vertical .t-first {
    background-position: -4px 100%
}

.t-slider-vertical .t-last {
    background-position: -4px 0
}

.t-slider .t-label {
    position: absolute;
    white-space: nowrap
}

.t-slider-horizontal .t-label {
    left: 0;
    width: 100%;
    bottom: -1.2em
}

.t-slider-horizontal .t-first .t-label {
    left: -50%
}

.t-slider-horizontal .t-last .t-label {
    left: auto;
    right: -50%
}

.t-slider-horizontal .t-slider-topleft .t-label {
    top: -1.2em
}

.t-slider-vertical .t-label {
    left: 120%;
    display: block;
    text-align: left
}

.t-tile-empty,
.t-tile-empty .t-button-wrapper,
.t-tooltip {
    text-align: center
}

.t-slider-vertical .t-last .t-label {
    top: -.5em
}

.t-slider-vertical .t-first .t-label {
    bottom: -.5em
}

.t-slider-vertical .t-slider-topleft .t-label {
    left: auto;
    right: 120%
}

.t-tooltip {
    border-width: 1px;
    border-style: solid;
    padding: 4px 5px;
    background-repeat: repeat-x;
    z-index: 10002;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    min-width: 10px
}

.t-callout-n,
.t-callout-s {
    width: 9px;
    height: 6px
}

.t-callout-e,
.t-callout-w {
    width: 6px;
    height: 9px
}

.t-callout-n {
    top: -6px;
    left: 50%;
    margin-left: -4px;
    background-position: -64px -368px
}

.t-callout-w {
    left: -6px;
    top: 50%;
    margin-top: -4px;
    background-position: -64px -384px
}

.t-callout-s {
    top: 100%;
    left: 50%;
    margin-left: -4px;
    background-position: -64px -400px
}

.t-callout-e {
    left: 100%;
    top: 50%;
    margin-top: -4px;
    background-position: -64px -416px
}

.t-splitter {
    position: relative;
    height: 300px
}

.t-splitter .t-scrollable,
.t-tiles {
    overflow: auto
}

.t-splitter .t-pane-loading {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px
}

.t-ghost-splitbar,
.t-splitbar {
    position: absolute;
    border-style: solid;
    font-size: 0
}

.t-splitter .t-ghost-splitbar-horizontal,
.t-splitter .t-splitbar-horizontal {
    top: 0;
    width: 5px;
    border-width: 0 1px;
    background-repeat: repeat-y
}

.t-ghost-splitbar-vertical,
.t-splitbar-vertical {
    left: 0;
    height: 5px;
    border-width: 1px 0;
    background-repeat: repeat-x
}

.t-splitbar-draggable-horizontal {
    cursor: w-resize
}

.t-splitbar-draggable-vertical {
    cursor: n-resize
}

.t-splitbar .t-resize-handle {
    display: none
}

.t-restricted-size-horizontal,
.t-restricted-size-vertical {
    background-color: red
}

.t-splitbar-horizontal .t-icon {
    width: 5px;
    height: 21px;
    position: absolute;
    top: 50%;
    margin-top: -10px
}

.t-collapse-next,
.t-collapse-prev,
.t-expand-next,
.t-expand-prev {
    cursor: pointer
}

.t-splitbar-horizontal .t-collapse-prev {
    margin-top: -31px
}

.t-splitbar-horizontal .t-collapse-next {
    margin-top: 11px
}

.t-splitbar-vertical .t-icon {
    height: 5px;
    width: 21px;
    position: absolute;
    left: 50%;
    margin-left: -10px
}

.t-splitbar-vertical .t-collapse-prev {
    margin-left: -31px
}

.t-splitbar-vertical .t-collapse-next {
    margin-left: 11px
}

.t-splitbar-draggable-horizontal .t-resize-handle,
.t-splitbar-draggable-vertical .t-resize-handle {
    display: inline-block;
    zoom: 1
}

.t-splitbar-horizontal {
    background-position: 5px 0
}

.t-splitbar-horizontal-hover {
    background-position: -12px 0
}

.t-ghost-splitbar-horizontal,
.t-splitbar-horizontal-active {
    background-position: -17px 0
}

.t-restricted-size-horizontal {
    background-position: -22px 0
}

.t-splitbar-horizontal .t-resize-handle {
    background-position: -10px -496px
}

.t-splitbar-horizontal-hover .t-resize-handle {
    background-position: -10px -517px
}

.t-splitbar-horizontal .t-collapse-prev,
.t-splitbar-horizontal .t-expand-next {
    background-position: 0 -496px
}

.t-splitbar-horizontal-hover .t-collapse-prev,
.t-splitbar-horizontal-hover .t-expand-next {
    background-position: 0 -517px
}

.t-splitbar-horizontal .t-collapse-next,
.t-splitbar-horizontal .t-expand-prev {
    background-position: -5px -496px
}

.t-splitbar-horizontal-hover .t-collapse-next,
.t-splitbar-horizontal-hover .t-expand-prev {
    background-position: -5px -517px
}

.t-splitbar-vertical {
    background-position: 0 5px
}

.t-splitbar-vertical-hover {
    background-position: 0 -476px
}

.t-ghost-splitbar-vertical,
.t-splitbar-vertical-active {
    background-position: 0 -481px
}

.t-restricted-size-vertical {
    background-position: 0 -486px
}

.t-splitbar-vertical .t-resize-handle {
    background-position: -16px -496px
}

.t-splitbar-vertical-hover .t-resize-handle {
    background-position: -16px -501px
}

.t-splitbar-vertical .t-collapse-prev,
.t-splitbar-vertical .t-expand-next {
    background-position: -16px -506px
}

.t-splitbar-vertical-hover .t-collapse-prev,
.t-splitbar-vertical-hover .t-expand-next {
    background-position: -16px -517px
}

.t-splitbar-vertical .t-collapse-next,
.t-splitbar-vertical .t-expand-prev {
    background-position: -16px -511px
}

.t-splitbar-vertical-hover .t-collapse-next,
.t-splitbar-vertical-hover .t-expand-prev {
    background-position: -16px -522px
}

html .t-upload {
    position: relative;
    border-width: 0;
    background: 0 0
}

.t-dropzone,
.t-upload-files {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.t-dropzone em,
.t-upload-button {
    vertical-align: middle
}

* html .t-dropzone em,
* html .t-upload-button {
    vertical-align: baseline
}

.t-dropzone {
    border-style: solid;
    border-width: 0;
    padding: 4px;
    background-color: transparent
}

.t-dropzone em {
    margin-left: .6em;
    visibility: hidden
}

.t-dropzone-active {
    border-width: 1px;
    padding: 3px
}

.t-dropzone-active em {
    visibility: visible
}

.t-upload-button {
    width: 86px;
    position: relative;
    direction: ltr;
    overflow: hidden !important
}

.t-upload-button input {
    font: 200px monospace !important;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    padding: 0;
    margin: 0;
    cursor: pointer;
    right: 0;
    top: 0;
    z-index: 1
}

.t-state-disabled .t-upload-button input {
    cursor: default
}

.t-upload-files {
    border-style: solid;
    border-width: 1px;
    margin: .2em 0 0;
    padding: .3em .7em .5em;
    line-height: 1.9em
}

.t-upload-files .t-button {
    position: relative;
    top: 1px;
    margin-left: 8px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 84%
}

* html .t-upload-files .t-button {
    line-height: 1
}

.t-upload .t-cancel,
.t-upload .t-delete,
.t-upload .t-retry {
    height: 8px;
    vertical-align: baseline
}

.t-upload .t-cancel,
.t-upload .t-delete {
    width: 7px;
    background-position: -5px -292px
}

.t-retry {
    background-position: -66px -228px;
    width: 11px
}

.t-success {
    background-position: -64px -240px
}

.t-fail {
    background-position: -64px -256px
}

.t-filename {
    position: relative;
    display: inline-block;
    min-width: 120px;
    vertical-align: middle
}

.t-progress,
.t-progress-status {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 118px;
    height: 2px;
    border-style: solid;
    border-width: 1px;
    background-repeat: repeat-x;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.t-progress-status {
    left: -1px;
    bottom: -1px;
    width: 50%
}

.t-upload-selected {
    min-width: 86px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    margin: 3px 0 0
}

.t-toolbar-wrap .t-dropzone em,
.t-toolbar-wrap .t-upload-files {
    display: none
}

.t-toolbar-wrap .t-dropzone {
    border: 0;
    padding: 0;
    background-color: transparent
}

.t-tile,
.t-tiles {
    border-style: solid
}

.t-search-wrap {
    float: right;
    width: auto;
    position: relative;
    padding: 0
}

.t-imagebrowser .t-upload,
.t-toolbar-wrap {
    float: left
}

.t-search-wrap label {
    position: absolute;
    top: 0;
    left: 4px;
    line-height: 20px;
    font-style: italic
}

.t-search-wrap input.t-input {
    width: 158px;
    padding-left: 0;
    padding-right: 0
}

.t-search {
    background-position: -64px -176px
}

.t-search-wrap .t-search {
    position: absolute;
    top: 1px;
    right: 2px
}

.t-breadcrumbs {
    float: left;
    position: relative;
    width: 560px
}

.t-breadcrumbs-wrap {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    padding-left: 5px;
    line-height: 18px
}

html input.t-breadcrumbs-input {
    width: 100%;
    padding-left: 2px;
    font-family: inherit
}

.t-breadcrumbs .t-link,
.t-breadcrumbs-wrap .t-icon {
    text-decoration: none;
    vertical-align: middle;
    margin-top: 0
}

.t-breadcrumbs .t-link:hover {
    text-decoration: underline
}

.t-imagebrowser .t-breadcrumbs .t-first {
    text-decoration: none;
    cursor: default
}

.t-imagebrowser .t-toolbar {
    clear: both;
    border-style: solid;
    border-width: 1px;
    margin: 8px 0 0;
    padding: 2px 0 3px;
    background-repeat: repeat-x;
    line-height: 23px;
    white-space: nowrap
}

.t-imagebrowser .t-upload-button {
    width: auto;
    vertical-align: top
}

.t-imagebrowser .t-upload .t-icon {
    vertical-align: bottom
}

* html .t-imagebrowser .t-upload .t-icon,
* html .t-imagebrowser .t-upload-button {
    vertical-align: baseline;
    position: relative;
    top: 1px
}

* html .t-imagebrowser .t-upload .t-icon {
    top: 2px
}

* html .t-imagebrowser .t-toolbar .t-button-icon {
    vertical-align: middle
}

.t-addfolder {
    background-position: -64px -192px
}

.t-goup {
    background-position: -64px -208px
}

.t-toolbar .t-state-disabled {
    opacity: .5;
    filter: alpha(opacity=50)
}

.t-tiles-arrange {
    float: right
}

* html .t-tiles-arrange {
    margin: 3px 0 0
}

.t-tiles-arrange .t-arrow-down {
    margin: 0 2px 0 3px
}

.t-tiles-arrange a {
    text-decoration: none
}

.t-tiles {
    clear: both;
    height: 390px;
    border-width: 0 1px 1px;
    margin: 0 0 1.4em;
    padding: 9px;
    line-height: 1.2
}

.t-tile,
.t-tile strong {
    float: left;
    overflow: hidden
}

.t-tile {
    width: 223px;
    height: 88px;
    border-width: 1px;
    margin: 1px;
    padding: 0 0 4px;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.t-imagebrowser .t-thumb {
    float: left;
    display: inline;
    width: 86px;
    height: 86px;
    margin: 4px 10px 0 4px;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.t-imagebrowser .t-image {
    margin: 2px 0 0 2px;
    -moz-box-shadow: 1px 1px 3px #aaa;
    -webkit-box-shadow: 1px 1px 3px #aaa;
    box-shadow: 1px 1px 3px #aaa
}

.t-imagebrowser .t-folder {
    width: 80px;
    height: 80px;
    background-position: 0 -200px;
    background-repeat: no-repeat
}

.t-goback {
    background-position: -64px -224px
}

.t-imagebrowser .t-loading {
    margin: 35px 0 0 33px
}

.t-tile input,
.t-tile strong {
    margin: 10px 0 4px;
    font-weight: 400
}

.t-tile strong {
    width: 120px;
    text-overflow: ellipsis
}

.t-tile input {
    width: 100px
}

.t-tile .t-filesize,
.t-tile em {
    clear: left;
    font-weight: 400;
    font-style: normal
}

.t-tile .t-filesize,
.t-tile em,
.t-tile input,
.t-tile strong {
    display: block
}

.t-imagebrowser .t-form-text-row input {
    width: 628px
}

.t-tile-empty {
    margin: 160px 0 0
}

.t-tile-empty .t-dialog-upload {
    font-weight: 700;
    font-size: 120%
}

.t-tile-empty strong {
    display: block;
    margin: 0 0 .2em;
    font-size: 3em;
    font-weight: 400
}

.t-touch-scrollbar {
    position: absolute;
    display: none;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

@media only screen and(-webkit-min-device-pixel-ratio:2) {
    .t-touch-scrollbar {
        height: 12px;
        width: 12px;
        -webkit-border-radius: 7px
    }
}

div.t-chart {
    border: none;
    background-color: transparent
}

#productpictures-grid img {
    max-width: 300px
}

.t-widget,
.t-input {
    border-color: #a5b3c5;
    background-color: #fcfcfc;
}

.t-header,
.t-grid-header {
    border-color: #a5b3c5;
    background: #f1f5fb;
}

.t-icon {
    background-image: url('Windows7/sprite.png');
}

.t-editor .t-tool-icon {
    background-image: url('Windows7/editor.png');
}

.t-loading,
.t-widget .t-loading {
    background: transparent url('Windows7/loading.gif') no-repeat 0 0;
}

.t-widget,
.t-link,
.t-popup {
    color: #000;
}

.t-header,
.t-header .t-link {
    color: #4c607a;
}

.t-header .t-group,
.t-group .t-link {
    color: #333;
}

.t-group,
.t-content,
.t-editable-area {
    border-color: #a5b3c5;
    background-color: #fcfcfc;
}

.t-colorpicker .t-arrow-down {
    border-color: #a5b3c5;
}

.t-separator {
    border-color: #fff;
    background-color: #c2cedb;
}

.t-alt {
    background-color: #ebeff3;
}

.t-state-default {
    border-color: #a5b3c5;
}

.t-active-filter {
    background-color: #c3dcfa;
}

.t-state-hover,
.t-state-hover .t-link,
.t-header .t-state-hover,
.t-group .t-state-hover {
    color: #000;
}

.t-state-hover,
.t-state-hover:hover {
    background-color: #d1e4fc;
    border-color: #8daed5;
}

.t-state-active {
    background-color: #fff;
    border-color: #426682;
}

.t-state-selected {
    background-color: #deecfe;
}

.t-state-focused {
    background-color: #c4d1e0;
}

.t-state-error {
    border-color: #f00;
    background-color: #ffc0cb;
}

.t-button {
    color: #0d202b;
}

.t-button,
button.t-button.t-state-disabled:hover,
a.t-button.t-state-disabled:hover,
.t-state-disabled .t-button:hover {
    border-color: #c2cedb;
    background: #e7ecf5 url('Windows7/sprite.png') repeat-x 0 -560px;
}

.t-button:hover {
    border-color: #9bc9ff;
    background-position: 0 -624px;
    background-color: #dde8f6;
    color: #0e3d4f;
}

.t-state-disabled,
.t-state-disabled:hover,
.t-state-disabled .t-link,
.t-state-disabled .t-button {
    color: #999;
}

.t-toolbar,
.t-grouping-header,
.t-grid-pager,
.t-widget .t-status {
    border-color: #aec5d1;
    background-color: #f1f5fb;
}

.t-panelbar .t-link {
    border-color: #a5b3c5;
}

.t-tabstrip .t-item {
    border-bottom-color: #426682;
}

.t-grid td {
    border-color: #dae2e8;
}

.t-grouping-row td {
    background: #fff url('Windows7/sprite.png') repeat-x 0 -48px;
}

.t-footer-template td {
    background-color: #e2eaf4;
    border-color: #aec5d1 #e2eaf4;
}

.t-group-footer td {
    background-color: #e2eaf4;
    border-color: #aec5d1;
}

.t-grid-footer,
.t-grid-footer-wrap table {
    background-color: #e2eaf4;
    border-color: #aec5d1;
}

.t-grouping-header .t-group-indicator {
    color: #333;
    border-color: #ccc;
}

.t-grouping-dropclue {
    background: url('Windows7/sprite.png') no-repeat -48px -288px;
}

.t-grouping-row .t-group-cell,
.t-grouping-row p {
    background: #fff;
}

.t-treeview .t-drop-clue {
    background-image: url('Windows7/sprite.png');
    background-position: 0 -358px;
}

.t-treeview .t-state-selected {
    border-color: #8fb0d6;
}

.t-calendar th {
    border-color: #d4dbe5;
}

.t-other-month .t-link {
    color: #a7a7a7;
}

.t-editor-button .t-state-hover {
    border-color: #e5f0fd #8ba6c4 #8ba6c4 #e5f0fd;
    background-color: #d1e4fc;
}

.t-editor-button .t-state-active {
    border-color: #aec1d6 #e3ebf5 #e3ebf5 #aec1d6;
    background-color: #ccdbed;
}

.t-slider .t-draghandle {
    background-image: url('Windows7/sprite.png');
    color: #4c607a;
}

.t-slider-track {
    border-color: #a6abc3;
}

.t-slider-horizontal .t-slider-track,
.t-slider-horizontal .t-slider-selection {
    background-image: url('Windows7/sprite.png');
}

.t-slider-vertical .t-slider-track,
.t-slider-vertical .t-slider-selection {
    background-image: url('Windows7/sprite-vertical.png');
}

.t-slider-horizontal .t-tick {
    background-image: url('Windows7/slider-h.gif');
}

.t-slider-vertical .t-tick {
    background-image: url('Windows7/slider-v.gif');
}

.t-tooltip {
    background: #e7ecf5 0 -560px repeat-x url('Windows7/sprite.png');
    color: #0e3d4f;
}

.t-callout {
    background-image: url('Windows7/sprite.png');
}

.t-splitter {
    border-color: #dae2e8;
}

.t-splitbar-vertical,
.t-splitbar-horizontal {
    background-color: #f1f5fb;
    border-color: #dae2e8;
}

.t-splitbar-vertical,
.t-ghost-splitbar-vertical {
    background-image: url('Windows7/sprite.png');
}

.t-splitbar-horizontal,
.t-ghost-splitbar-horizontal {
    background-image: url('Windows7/sprite-vertical.png');
}

.t-dropzone-active,
.t-upload-files {
    border-color: #c2cedb;
}

.t-dropzone-hovered,
.t-upload-files {
    background-color: #f1f5fb;
}

.t-dropzone em {
    color: #a7a7a7;
}

.t-progress,
.t-progress-status {
    background-image: url('Windows7/sprite.png');
}

.t-progress {
    background-position: 0 -465px;
    border-color: #c2cedb #c2cedb;
}

.t-progress-status {
    background-position: 0 -472px;
    border-color: #1db2ee transparent #3186db;
}

.t-imagebrowser .t-content {
    background: #f1f5fb;
}

.t-breadcrumbs .t-link,
.t-tiles-arrange,
.t-tiles-arrange a {
    color: #1e395b;
}

.t-breadcrumbs .t-first,
.t-breadcrumbs .t-first:hover,
.t-search-wrap label {
    color: #a7a7a7;
}

.t-tiles {
    border-color: #c2cedb;
    background: #fff;
}

.t-tile {
    border-color: #fff;
    background: 0 100px repeat-x url('Windows7/imagebrowser.png');
}

.t-tiles li.t-state-hover {
    border-color: #b8d6fb;
    background-position: 0 0;
}

.t-tiles li.t-state-selected {
    border-color: #7da2ce;
    background-position: 0 -100px;
}

.t-tile .t-folder {
    background-image: url('Windows7/imagebrowser.png');
}

.t-tile em,
.t-tile .t-filesize {
    color: #a7a7a7;
}

.t-tiles li.t-state-selected em,
.t-tiles li.t-state-selected .t-filesize {
    color: #7da2ce;
}

.t-tile-empty strong {
    color: #c2cedb;
}

.t-rtl {
    direction: rtl;
    zoom: 1;
}

.t-rtl .t-button-icontext .t-icon {
    margin: 0 -3px 0 3px;
}

.t-rtl .t-window-actions {
    right: auto;
    left: .5em;
}

.t-rtl .t-window-title .t-image {
    margin: 0 0 0 5px;
}

.t-rtl .t-tabstrip-items .t-item,
.t-rtl .t-panelbar .t-tabstrip-items .t-item {
    margin: .1em 0 0 .3em;
}

.t-rtl .t-tabstrip-items .t-item .t-icon,
.t-rtl .t-panelbar .t-tabstrip-items .t-item .t-icon {
    margin: -1px -3px 0 4px;
}

.t-rtl .t-tabstrip-items .t-item .t-image,
.t-rtl .t-tabstrip-items .t-item .t-sprite,
.t-rtl .t-panelbar .t-tabstrip-items .t-item .t-image,
.t-rtl .t-panelbar .t-tabstrip-items .t-item .t-sprite {
    margin: -4px -3px 0 3px;
}

.t-rtl .t-tabstrip-items .t-state-active,
.t-rtl .t-panelbar .t-tabstrip-items .t-state-active {
    padding-bottom: 1px;
    margin-bottom: -1px;
}

.t-rtl .t-panelbar .t-item {
    zoom: normal;
}

.t-rtl .t-panelbar .t-image,
.t-rtl .t-panelbar .t-sprite {
    margin-right: 0;
    margin-left: 5px;
    float: right;
}

.t-rtl .t-panelbar .t-arrow-up,
.t-rtl .t-panelbar .t-arrow-down {
    right: auto;
    left: 2px;
}

.t-rtl .t-panelbar .t-group .t-group .t-link {
    padding-left: 0;
    padding-right: 2em;
}

.t-rtl .t-menu .t-group .t-link {
    padding-left: 2em;
    padding-right: .97em;
}

.t-rtl .t-menu .t-item {
    border-width: 0 0 0 1px;
}

.t-rtl .t-menu .t-image,
.t-rtl .t-menu .t-sprite {
    margin: 0 -4px 0 4px;
}

.t-rtl .t-menu .t-arrow-down {
    margin-left: -10px;
    margin-right: 2px;
}

.t-rtl .t-menu .t-arrow-next {
    right: auto;
    left: 0;
}

.t-rtl .t-menu .t-animation-container,
.t-rtl .t-menu .t-group {
    left: auto;
    right: -1px;
}

.t-rtl .t-menu .t-animation-container .t-animation-container,
.t-rtl .t-menu .t-group .t-group {
    right: 100%;
    left: auto;
}

.t-rtl .t-menu-vertical .t-animation-container,
.t-rtl .t-menu-vertical .t-group {
    right: 100%;
    left: auto;
}

.t-rtl .t-menu .t-animation-container .t-group {
    right: auto;
}

.t-rtl .t-grid div.t-grid-header,
.t-rtl .t-grid .t-grid-content,
.t-rtl .t-grid .t-grid-footer,
.t-rtl .t-grid .t-grouping-header,
.t-rtl .t-grid .t-grid-toolbar,
.t-rtl .t-grid .t-filter-options,
.t-rtl .t-grid tbody {
    zoom: 1;
    direction: rtl;
}

.t-rtl .t-grid table {
    border-collapse: separate;
}

.t-rtl .t-grid div.t-grid-header {
    padding-right: 0;
    padding-left: 17px;
    text-align: right;
}

.t-rtl .t-grid .t-header,
.t-rtl .t-grid td {
    text-align: right;
    border-width: 0 0 0 1px;
}

.t-rtl .t-grid .t-header .t-link {
    padding: .3em .6em .3em 2.4em;
}

.t-rtl .t-grid .t-grid-filter {
    float: left;
    margin-right: 3px;
    margin-left: -.6em;
}

.t-rtl .t-grid .t-pager {
    direction: ltr;
    float: right;
}

.t-rtl .t-grid .t-status {
    float: right;
    border-right-width: 0;
    border-left-style: solid;
    border-left-width: 1px;
    margin: -.2em -.6em -.2em .6em;
}

.t-rtl .t-grid .t-status-text {
    float: left;
}

.t-rtl .t-grid .t-grouping-row p {
    margin-right: -0.6em;
    margin-left: 0;
    padding-right: .6em;
    padding-left: 0;
}

.t-rtl .t-grid .t-button .t-icon {
    margin-left: 3px;
    margin-right: -3px;
}

.t-rtl .t-grid .t-last {
    border-left-width: 0;
}

.t-rtl .t-grouping-header .t-button .t-icon {
    margin: 0 3px 0 0;
}

.t-rtl .t-autocomplete {
    background-position: 0 50% !important;
}

.t-rtl .t-dropdown-wrap {
    padding-right: 0;
    padding-left: 16px;
    zoom: 1;
}

* html .t-rtl .t-combobox .t-dropdown-wrap {
    padding-right: 0;
    padding-left: 16px;
}

* html .t-rtl .t-picker-wrap {
    padding-right: 0;
    padding-left: 25px;
}

.t-rtl .t-picker-wrap .t-select,
.t-rtl .t-dropdown-wrap .t-select {
    right: auto;
    left: 0;
    zoom: 1;
}

* html .t-rtl .t-picker-wrap .t-select,
* html .t-rtl .t-dropdown-wrap .t-select {
    right: auto;
    left: 1px;
}

.t-rtl .t-combobox .t-select {
    border-width: 0 1px 0 0;
}

.t-rtl .t-dropdown .t-input,
.t-rtl .t-selectbox .t-input {
    padding: .2em 3px .2em 0;
}

.t-rtl .t-picker-wrap .t-icon-calendar,
.t-rtl .t-picker-wrap .t-icon-clock {
    margin: 3px 3px 0 0;
}

.t-rtl .t-picker-wrap {
    padding: 0 0 0 25px;
}

.t-rtl .t-datetimepicker .t-picker-wrap {
    padding: 0 0 0 44px;
}

.t-rtl .t-treeview .t-item {
    padding: 0 16px 0 0;
}

.t-rtl .t-treeview-lines .t-top,
.t-rtl .t-treeview-lines .t-mid,
.t-rtl .t-treeview-lines .t-bot {
    margin-left: 0;
    margin-right: -16px;
    padding-left: 0;
    padding-right: 20px;
}

.t-rtl .t-treeview .t-plus,
.t-rtl .t-treeview .t-minus,
.t-rtl .t-treeview .t-plus-disabled,
.t-rtl .t-treeview .t-minus-disabled {
    margin-left: 0;
    margin-right: -20px;
    float: right;
    *float: none;
}

.t-rtl .t-treeview .t-image {
    margin-right: 0;
    margin-left: 3px;
}

.t-rtl .t-treeview-lines .t-top {
    background-position: 100% 0;
}

.t-rtl .t-treeview-lines .t-bot {
    background-position: 100% -22px;
}

.t-rtl .t-treeview-lines .t-mid {
    background-position: 100% -44px;
}

.t-rtl .t-treeview-lines .t-last .t-top {
    background-position: 100% -66px;
}

.t-rtl .t-treeview-lines .t-group .t-last .t-bot {
    background-position: 100% -22px;
}

.t-rtl .t-treeview-lines .t-item {
    background-position: 100% 0;
}

.t-rtl .t-treeview-lines .t-first {
    background-position: 100% 16px;
}

.t-rtl .t-numerictextbox .t-icon {
    margin-left: 0;
    margin-right: -16px;
}

.t-rtl .t-editor-colorpicker .t-icon {
    border-width: 0 1px 0 0;
}

.t-rtl .t-header .t-tabstrip-items .t-link {
    padding: .3em .9em;
}

.t-rtl .t-breadcrumbs {
    float: right;
    margin: 0 -1px 0 0;
}

.t-rtl .t-breadcrumbs-wrap {
    left: auto;
    right: 0;
    padding-left: 0;
    padding-right: 5px;
}

.t-rtl .t-breadcrumbs-input {
    padding-left: 0;
    padding-right: 2px;
}

.t-rtl .t-search-wrap {
    float: left;
}

.t-rtl .t-search-wrap label {
    left: auto;
    right: 7px;
}

.t-rtl .t-search-wrap .t-search {
    right: auto;
    left: 2px;
}

.t-rtl .t-tile {
    float: right;
}

.t-rtl .t-imagebrowser .t-thumb {
    float: right;
    margin: 4px 4px 0 10px;
}

.t-button,
.t-reset {
    margin: 0;
    font-size: 100%
}

.t-button,
.t-reset,
.t-widget,
.t-widget .t-input,
.t-widget .text-box {
    font-size: 100%
}

.t-editor,
.t-grid table {
    border-collapse: separate
}

.t-editor,
.t-grid-content table,
.t-grid-footer table,
.t-grid-header table {
    table-layout: fixed
}

.t-floatwrap:after,
.t-slider-items:after {
    content: "";
    clear: both;
    visibility: hidden
}

.t-reset {
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    list-style: none
}

.t-button,
.t-input,
.t-widget {
    border-width: 1px;
    border-style: solid
}

.t-floatwrap:after {
    display: block;
    height: 0;
    overflow: hidden
}

.t-floatwrap {
    display: block
}

.t-link {
    cursor: pointer;
    outline: 0
}

.t-grid-header span.t-link {
    cursor: default
}

html body .t-button {
    text-decoration: none
}

.t-button {
    display: inline-block;
    padding: 2px 6px;
    font-family: inherit;
    line-height: 1.435;
    text-align: center;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

* html .t-button {
    display: inline;
    zoom: 1;
    overflow: visible;
    margin-right: 4px
}

* html a.t-button {
    line-height: 1.6;
    padding-left: 7px;
    padding-right: 7px
}

button.t-button::-moz-focus-inner,
input.t-button::-moz-focus-inner {
    padding: 1px 0;
    border: 0
}

.t-button-expand {
    margin-left: 0 !important;
    margin-right: 0 !important
}

a.t-button-expand {
    display: block
}

button.t-button-expand {
    width: 100%
}

body .t-button-icon {
    padding-left: 4px;
    padding-right: 4px
}

* html a.t-button-icon {
    padding-left: 5px;
    padding-right: 5px
}

.t-button-icontext {
    line-height: 1.453;
    padding-right: 8px;
    overflow: visible
}

.t-button-icontext .t-icon {
    margin: 0 3px 0 -3px;
    vertical-align: top
}

* html .t-button-icontext .t-icon {
    margin-right: 4px
}

html body .t-button-bare {
    background: 0 0 !important;
    border-width: 0
}

.t-editor-button .t-tool-icon,
.t-icon {
    background-color: transparent;
    background-repeat: no-repeat
}

.t-header .t-link {
    text-decoration: none
}

.t-state-disabled,
.t-state-disabled .t-link {
    cursor: default;
    outline: 0
}

.t-state-error {
    border-style: ridge
}

.t-editor-button .t-tool-icon,
.t-icon,
.t-sprite {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -3333px;
    text-align: center;
    vertical-align: middle
}

* html .t-editor-button .t-tool-icon,
* html .t-icon,
* html .t-sprite {
    display: inline;
    zoom: 1
}

* html .t-icon,
.t-sprite {
    text-indent: 0
}

.t-image {
    border: 0
}

.t-state-empty {
    font-style: italic
}

.t-menu .t-group,
.t-popup {
    -moz-box-shadow: 2px 2px 2px #aaa;
    -webkit-box-shadow: 2px 2px 2px #aaa;
    box-shadow: 2px 2px 2px #aaa
}

.t-expand {
    background-position: 0 -160px
}

.t-collapse {
    background-position: 0 -176px
}

.t-rtl .t-expand {
    background-position: -64px -160px
}

.t-plus,
.t-plus-disabled {
    background-position: 0 -256px
}

.t-minus,
.t-minus-disabled {
    background-position: -16px -256px
}

.t-rtl .t-plus,
.t-rtl .t-plus-disabled {
    background-position: 0 -272px
}

.t-rtl .t-minus,
.t-rtl .t-minus-disabled {
    background-position: -16px -272px
}

.t-arrow-up {
    background-position: -16px -160px
}

.t-arrow-down {
    background-position: -16px -176px
}

.t-state-disabled .t-arrow-up {
    background-position: -32px -160px
}

.t-state-disabled .t-arrow-down {
    background-position: -32px -176px
}

.t-state-hover .t-arrow-up {
    background-position: -48px -160px
}

.t-state-hover .t-arrow-down {
    background-position: -48px -176px
}

.t-numerictextbox .t-arrow-up {
    background-position: -16px -162px
}

.t-numerictextbox .t-arrow-down {
    background-position: -16px -178px
}

.t-arrow-up-small {
    background-position: 0 -304px
}

.t-arrow-down-small {
    background-position: -16px -304px
}

.t-arrow-first {
    background-position: 0 -192px
}

.t-arrow-prev {
    background-position: -16px -192px
}

.t-arrow-next {
    background-position: -32px -192px
}

.t-arrow-last {
    background-position: -48px -192px
}

.t-state-disabled .t-arrow-first {
    background-position: 0 -208px
}

.t-state-disabled .t-arrow-prev {
    background-position: -16px -208px
}

.t-state-disabled .t-arrow-next {
    background-position: -32px -208px
}

.t-state-disabled .t-arrow-last {
    background-position: -48px -208px
}

.t-state-hover .t-arrow-first {
    background-position: 0 -224px
}

.t-state-hover .t-arrow-prev {
    background-position: -16px -224px
}

.t-state-hover .t-arrow-next {
    background-position: -32px -224px
}

.t-state-hover .t-arrow-last {
    background-position: -48px -224px
}

.t-filter {
    background-position: 0 -240px
}

.t-clear-filter {
    background-position: -16px -240px
}

.t-refresh {
    background-position: -32px -240px
}

.t-icon-calendar {
    background-position: -48px -240px
}

.t-icon-clock {
    background-position: -64px -336px
}

.t-edit {
    background-position: 0 -336px
}

.t-delete {
    background-position: -16px -336px
}

.t-insert,
.t-update {
    background-position: -32px -336px
}

.t-cancel {
    background-position: -48px -336px
}

.t-group-delete {
    background-position: 0 -288px
}

.t-maximize {
    background-position: -16px -288px
}

.t-restore {
    background-position: -32px -288px
}

.t-close {
    background-position: -64px -288px
}

.t-insert-top {
    background-position: 0 -320px
}

.t-insert-middle {
    background-position: -16px -320px
}

.t-insert-bottom {
    background-position: -32px -320px
}

.t-add {
    background-position: -48px -320px
}

.t-denied {
    background-position: -64px -320px
}

.t-autocomplete,
.t-input {
    padding: 2px 1px 3px
}

div.t-window {
    display: inline-block;
    zoom: 1;
    z-index: 10001;
    position: absolute;
    border-width: 0;
    border-width: 5px\9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 5px 2px #aaa;
    -webkit-box-shadow: 0 0 5px 2px #aaa;
    box-shadow: 0 0 5px 2px #aaa
}

:root .t-window {
    border-width: 0
}

.t-window-titlebar {
    padding: .4em 0;
    font-size: 1.2em;
    line-height: 1.2em;
    white-space: nowrap;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.t-window-title {
    cursor: default;
    position: absolute;
    text-overflow: ellipsis;
    overflow: hidden;
    left: .5em;
    right: .5em
}

.t-window-title .t-image {
    margin: 0 5px 0 0;
    vertical-align: middle
}

div.t-window-content {
    padding: .4em .5em;
    overflow: auto;
    position: relative;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.t-window-titlebar .t-window-actions {
    position: absolute;
    right: .5em;
    top: 0;
    padding-top: .3em;
    white-space: nowrap
}

.t-window-titlebar .t-link {
    width: 16px;
    height: 16px;
    padding: 2px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    zoom: 1;
    opacity: .7;
    filter: alpha(opacity=70)
}

.t-window-titlebar .t-state-hover {
    border-width: 1px;
    border-style: solid;
    padding: 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    opacity: 1;
    filter: alpha(opacity=100)
}

.t-window-actions .t-icon {
    margin: 0;
    vertical-align: top
}

.t-window .t-resize-handle {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    zoom: 1;
    line-height: 6px;
    font-size: 0
}

.t-resize-n {
    top: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: n-resize
}

.t-resize-e {
    top: 0;
    right: -3px;
    width: 6px;
    height: 100%;
    cursor: e-resize
}

.t-resize-s {
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: s-resize
}

.t-resize-w {
    top: 0;
    left: -3px;
    width: 6px;
    height: 100%;
    cursor: w-resize
}

.t-resize-se {
    bottom: -3px;
    right: -3px;
    width: 16px;
    height: 16px;
    cursor: se-resize
}

.t-resize-ne,
.t-resize-nw,
.t-resize-sw {
    width: 6px;
    height: 6px
}

.t-resize-sw {
    bottom: -3px;
    left: -3px;
    cursor: sw-resize
}

.t-resize-ne {
    top: -3px;
    right: -3px;
    cursor: ne-resize
}

.t-resize-nw {
    top: -3px;
    left: -3px;
    cursor: nw-resize
}

.t-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
    z-index: 10001
}

.t-window .t-overlay {
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    width: 100%;
    height: 100%
}

.t-window .t-widget {
    z-index: 10002
}

.t-tabstrip {
    margin: 0;
    padding: 0;
    zoom: 1
}

.t-tabstrip .t-tabstrip-items {
    padding: 0 .3em
}

.t-panelbar .t-tabstrip-items .t-item,
.t-tabstrip-items .t-item {
    list-style-type: none;
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    border-width: 1px 1px 0;
    border-style: solid;
    margin: .1em .3em 0 0;
    padding: 0;
    position: relative;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.t-panelbar .t-tabstrip-items .t-state-active,
.t-tabstrip-items .t-state-active {
    padding-bottom: 1px;
    margin-bottom: -1px
}

.t-panelbar .t-tabstrip-items .t-link,
.t-tabstrip-items .t-link {
    padding: .3em .9em;
    display: inline-block;
    zoom: 1;
    border-bottom-width: 0;
    outline: 0
}

.t-panelbar .t-tabstrip-items .t-icon,
.t-tabstrip-items .t-icon {
    margin: -1px 4px 0 -3px;
    vertical-align: top
}

.t-panelbar .t-tabstrip-items .t-item .t-image,
.t-panelbar .t-tabstrip-items .t-item .t-sprite,
.t-tabstrip-items .t-item .t-image,
.t-tabstrip-items .t-item .t-sprite {
    vertical-align: middle;
    margin: -3px 3px 0 -6px
}

* html .t-tabstrip-items .t-item .t-image,
* html .t-tabstrip-items .t-item .t-sprite {
    vertical-align: top;
    margin-top: -1px
}

.t-panelbar .t-tabstrip .t-content,
.t-tabstrip .t-content {
    border-width: 1px;
    border-style: solid;
    margin: 0 .3em .3em;
    padding: .3em 1em;
    display: none;
    position: static;
    zoom: 1
}

.t-panelbar {
    zoom: 1
}

.t-panelbar .t-item {
    list-style-type: none;
    display: block;
    zoom: 1;
    margin: 0;
    top: 0;
    border-width: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.t-panelbar .t-image,
.t-panelbar .t-sprite {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: 4px;
    float: left
}

.t-panelbar .t-group .t-image,
.t-panelbar .t-group .t-sprite {
    margin-top: 1px
}

.t-panelbar .t-link {
    line-height: 2.05em;
    padding: 0 1em;
    border-bottom: 1px solid;
    display: block;
    position: relative;
    text-decoration: none;
    zoom: 1
}

ul.t-panelbar .t-state-hover {
    background-image: none
}

.t-panelbar-collapse,
.t-panelbar-expand {
    position: absolute;
    top: 5px;
    right: 2px
}

.t-panelbar .t-content,
.t-panelbar .t-group {
    position: relative;
    zoom: 1;
    padding: 0;
    margin: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.t-panelbar .t-group .t-link {
    line-height: 1.7em;
    border-bottom: 0;
    font-size: .95em
}

.t-panelbar .t-group .t-arrow-down,
.t-panelbar .t-group .t-arrow-up {
    top: 2px
}

.t-panelbar .t-group .t-group .t-link {
    padding-left: 2em
}

.t-panelbar .t-group .t-group,
.t-panelbar .t-last .t-link {
    border-bottom: 0
}

.t-tabstrip .t-panelbar .t-content {
    display: block
}

.t-menu {
    cursor: default
}

.t-menu,
.t-menu .t-group {
    list-style: none;
    padding: 0;
    margin: 0;
    zoom: 1
}

.t-menu .t-group .t-link {
    padding-right: 2em;
    zoom: 1
}

.t-menu .t-item {
    position: relative;
    display: inline-block;
    zoom: 1;
    border-width: 0 1px 0 0;
    border-style: solid;
    vertical-align: top
}

.t-menu-vertical .t-item {
    display: block;
    border-width: 0
}

.t-menu .t-image,
.t-menu .t-sprite {
    margin: 0 4px 0 -4px;
    vertical-align: top
}

.t-menu .t-link {
    text-decoration: none;
    padding: .25em .97em;
    display: block
}

.t-menu .t-group {
    display: none;
    white-space: nowrap;
    border-style: solid;
    border-width: 1px;
    overflow: visible
}

.t-menu .t-group .t-item {
    display: block;
    border-width: 0
}

.t-menu .t-arrow-down {
    margin-left: 2px;
    margin-right: -10px;
    vertical-align: top
}

* html .t-grid-pager input,
.t-grid td {
    vertical-align: middle
}

.t-menu .t-arrow-next {
    position: absolute;
    right: 0;
    top: 3px
}

.t-menu .t-animation-container,
.t-menu .t-group {
    left: -1px;
    position: absolute
}

.t-menu .t-animation-container .t-animation-container,
.t-menu .t-group .t-group,
.t-menu-vertical .t-animation-container,
.t-menu-vertical .t-group {
    left: 100%;
    top: -1px
}

.t-menu .t-animation-container .t-group {
    left: auto;
    top: auto
}

.t-grid {
    position: relative;
    zoom: 1
}

.t-grid table {
    width: 100%;
    empty-cells: show;
    border: 0
}

.t-grid-header .t-header {
    text-align: left
}

.t-grid-header .t-header,
.t-grid-header .t-last-header {
    padding: .3em .6em;
    border-width: 0 1px 1px 0;
    border-style: solid;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.t-grid-header .t-last-header {
    border-right-width: 0
}

.t-grid-header .t-header .t-link {
    display: block;
    margin: -.3em -.6em;
    padding: .3em 2.4em .3em .6em;
    border: 0
}

.t-grid-header .t-header .t-icon {
    position: static
}

.t-grid .t-state-hover {
    cursor: pointer
}

.t-grid td {
    padding: .25em .6em;
    border-style: solid;
    border-width: 0 1px 0 0;
    line-height: 1.6em;
    overflow: hidden;
    text-overflow: ellipsis
}

.t-grid-pager,
.t-grid-toolbar {
    border-width: 1px 0 0;
    border-style: solid
}

.t-grid .t-last {
    border-right-width: 0
}

.t-grid .t-status,
div.t-grid-header .t-last-header {
    border-right-width: 1px
}

.t-grid-footer-wrap,
.t-grid-header-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    zoom: 1
}

div.t-grid-footer,
div.t-grid-header {
    padding-right: 17px;
    zoom: 1;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

div.t-grid-header .t-header,
div.t-grid-header .t-last-header {
    border-bottom-width: 0
}

.t-grid-content {
    position: relative;
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
    width: 100%;
    zoom: 1
}

* html .t-grid-content table {
    width: auto
}

.t-grid-pager {
    padding: .2em .6em;
    line-height: 1.8em;
    overflow: auto
}

.t-grid-pager:first-child,
.t-grid-toolbar:first-child,
.t-grouping-header + .t-grid-pager,
.t-grouping-header + .t-grid-toolbar {
    border-width: 0 0 1px
}

.t-grid .t-pager,
.t-grid .t-status,
.t-grid .t-status-text,
.t-grouping-row p,
.t-pager .t-link,
.t-pager .t-numeric,
.t-pager .t-page-i-of-n,
.t-pager .t-page-size,
.t-pager input,
.t-pager span {
    display: inline-block;
    zoom: 1;
    vertical-align: middle
}

.t-pager .t-page-size {
    line-height: 1.2em
}

.t-footer-template td {
    border-width: 1px 1px 0 0;
    border-style: solid
}

.t-group-footer .t-last,
.t-group-footer td {
    border-width: 1px 0;
    border-style: solid
}

.t-grid-footer {
    border-style: solid;
    border-width: 1px 0 0
}

.t-grid-footer td {
    border-top-width: 0
}

.t-grid .t-status {
    float: left;
    margin: -.2em .6em -.2em -.6em;
    padding: .2em .6em;
    height: 1.85em;
    border-right-style: solid
}

.t-grid .t-pager {
    float: left;
    cursor: default
}

.t-grid .t-status-text {
    float: right;
    margin-right: .2em
}

.t-pager .t-link {
    text-decoration: none;
    padding: 1px;
    margin-top: .2em;
    border: 0;
    line-height: 16px
}

.t-pager .t-state-active,
.t-pager .t-state-hover {
    padding: 0;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.t-pager .t-link,
.t-pager span {
    vertical-align: top
}

.t-pager .t-numeric,
.t-pager .t-page-i-of-n {
    margin: 0 7px;
    vertical-align: top
}

.t-numeric .t-link,
.t-numeric .t-state-active {
    margin-top: 0;
    padding: 0 5px;
    line-height: 22px;
    vertical-align: top
}

.t-numeric .t-state-active,
.t-numeric .t-state-hover {
    padding: 0 4px;
    line-height: 20px
}

.t-page-i-of-n input {
    width: 2em;
    vertical-align: baseline;
    font-size: 1em
}

.t-grid-pager .t-status .t-icon {
    vertical-align: top;
    margin-top: 3px
}

.t-grid-filter {
    float: right;
    height: 18px;
    padding: .3em .2em;
    position: relative;
    display: inline-block;
    zoom: 1;
    margin: -1.8em -.6em -.3em 3px
}

.t-dirty,
.t-grid .t-animation-container,
.t-grouping-dropclue {
    position: absolute
}

.t-grid-filter .t-icon {
    vertical-align: top
}

.t-grid .t-filter-options {
    position: absolute;
    border-width: 1px;
    border-style: solid;
    padding: 3px;
    width: 148px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.t-filter-options .t-button,
.t-filter-options .t-datepicker,
.t-filter-options .t-filter-help-text,
.t-filter-options input,
.t-filter-options select {
    display: block;
    margin-bottom: 4px
}

.t-filter-options select {
    width: 148px
}

.t-filter-options input {
    width: 142px
}

.t-filter-options .t-datepicker {
    width: 100%
}

.t-filter-options .t-filter-button {
    margin-bottom: 0
}

.t-grouping-row .t-icon {
    margin: 0 4px
}

.t-grouping-row p {
    padding: 0 .6em;
    margin-left: -.6em
}

.t-grid td.t-group-cell,
.t-grid td.t-hierarchy-cell {
    border-right: 0
}

.t-grid .t-group-col,
.t-grid .t-hierarchy-col {
    width: 30px
}

.t-grouping-header {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.t-grouping-dropclue,
.t-grouping-header {
    height: 24px;
    line-height: 24px
}

.t-grouping-dropclue {
    width: 6px
}

.t-grouping-header .t-group-indicator {
    display: inline-block;
    zoom: 1;
    border-width: 1px;
    border-style: solid;
    line-height: 1.5em;
    padding: .15em .15em .15em .4em;
    margin: 0 3px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.t-grouping-header .t-link {
    text-decoration: none;
    display: inline-block;
    zoom: 1;
    line-height: normal;
    padding: 0;
    border-style: none
}

.t-grouping-header .t-button {
    padding: 0;
    border: 0;
    background: 0;
    line-height: 1
}

.t-grouping-header .t-link .t-icon {
    margin: 0 0 0 -3px
}

.t-grouping-header .t-button .t-icon {
    margin: 0 0 0 3px
}

.t-grouping-header .t-button,
.t-grouping-header a {
    display: inline-block;
    zoom: 1;
    vertical-align: middle
}

.t-dirty {
    width: 0;
    height: 0;
    vertical-align: top;
    padding: 0;
    margin: -.45em 0 0 -.6em;
    overflow: hidden;
    border-width: 3px;
    border-style: solid;
    border-color: red transparent transparent red
}

.t-detail-row,
.t-edit-form-container {
    position: relative
}

* html .t-dirty {
    border-color: red pink pink red;
    filter: chroma(color=pink)
}

.t-grid-toolbar,
.t-grouping-header {
    cursor: default;
    margin: 0;
    padding: .25em
}

.t-grid .t-edit-container {
    padding: 0;
    border-right: 0
}

.t-edit-form {
    padding: 0;
    margin: 0
}

.t-edit-form td {
    border-top: 0;
    border-bottom: 0
}

.t-grid-edit-row .t-datepicker,
.t-grid-edit-row .t-numerictextbox,
.t-grid-edit-row .text-box {
    vertical-align: middle;
    width: 5em;
    max-width: 90%;
    min-width: 90%;
    margin: -.4em -.3em -.15em
}

.t-grid-edit-row .t-combobox,
.t-grid-edit-row .t-dropdown {
    width: 5em;
    max-width: 90%;
    min-width: 90%;
    line-height: normal;
    margin: -.1em -.3em -.45em
}

* html .t-grid .text-box {
    width: 90%
}

.t-grid .field-validation-error {
    display: block
}

.t-grid .input-validation-error {
    border-style: ridge;
    border-color: red;
    background-color: pink
}

.t-grid-toolbar .t-button {
    vertical-align: middle
}

.t-grid-actions {
    display: inline-block
}

* html .t-grid-actions {
    display: inline;
    zoom: 1;
    vertical-align: bottom
}

.t-edit-form .t-button,
.t-grid .t-button {
    margin: 0 .2em
}

.t-grid tbody .t-button {
    min-width: 64px
}

#ie8#skips,
.t-grid tbody button.t-button {
    min-width: 78px
}

html body .t-grid tbody .t-button-icon {
    min-width: 0;
    width: auto
}

.t-grid .t-detail-cell {
    overflow: visible
}

.t-grid-resize-indicator {
    position: absolute;
    width: 2px;
    background-color: #aaa
}

.t-grid .t-resize-handle {
    cursor: col-resize;
    position: absolute;
    height: 25px
}

.t-combobox,
.t-dropdown,
.t-selectbox {
    display: inline-block;
    zoom: 1;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    width: 150px;
    border-width: 0
}

* html .t-combobox {
    overflow: visible
}

.t-dropdown-wrap,
.t-picker-wrap {
    position: relative;
    display: block;
    cursor: default
}

.t-picker-wrap {
    padding: 0 25px 0 0
}

.t-dropdown-wrap {
    padding-right: 16px;
    border-width: 1px;
    border-style: solid
}

.t-combobox > .t-dropdown-wrap {
    padding-right: 22px
}

* html .t-combobox .t-dropdown-wrap {
    height: 20px
}

* html .t-picker-wrap {
    height: 20px;
    padding-right: 20px
}

.t-combobox .t-input,
.t-picker-wrap .t-input {
    vertical-align: top;
    width: 100%
}

.t-combobox .t-input,
.t-dropdown .t-input,
.t-selectbox .t-input {
    outline: 0;
    border-width: 0
}

* html .t-combobox .t-input {
    margin: -1px 0
}

* html {
    position: absolute;
    top: 0
}

.t-dropdown-wrap .t-select,
.t-picker-wrap .t-select {
    text-decoration: none;
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    cursor: default
}

* html .t-dropdown-wrap .t-select,
* html .t-picker-wrap .t-select {
    top: 1px;
    right: 1px
}

.t-combobox .t-select {
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: inherit
}

.t-combobox .t-icon {
    margin-top: 1px
}

.t-dropdown .t-select,
.t-selectbox .t-select {
    border: 0;
    text-decoration: none;
    font: inherit;
    color: inherit;
    overflow: hidden;
    cursor: default
}

.t-dropdown .t-input,
.t-selectbox .t-input {
    background: 0;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    padding: .2em 0 .2em 3px
}

.t-picker-wrap .t-icon {
    vertical-align: top;
    margin-top: 3px
}

.t-dropdown-wrap .t-icon {
    vertical-align: top;
    margin-top: 2px
}

.t-combobox .t-input {
    height: 18px;
    line-height: 18px;
    padding: 1px 3px;
    border: 0;
    margin: 0
}

.t-dropdown-wrap .t-select,
.t-picker-wrap .t-select {
    position: absolute;
    right: 0;
    top: 0;
    height: 20px;
    line-height: 20px
}

.t-popup {
    border-width: 1px;
    border-style: solid
}

.t-popup .t-item {
    padding: 1px 5px 1px 3px;
    cursor: default
}

.t-calendar {
    display: inline-block;
    zoom: 1;
    width: 203px;
    position: relative;
    overflow: hidden
}

.t-calendar .t-link {
    text-decoration: none
}

.t-calendar .t-action-link {
    text-decoration: underline
}

.t-calendar .t-header {
    padding: .4em 0;
    text-align: center;
    position: relative;
    zoom: 1
}

.t-calendar .t-nav-next,
.t-calendar .t-nav-prev {
    position: absolute;
    top: .3em
}

.t-calendar .t-nav-prev {
    left: 1%
}

.t-calendar .t-nav-next {
    right: 1%
}

.t-calendar .t-content {
    text-align: right;
    display: table;
    width: 100%;
    height: 169px;
    table-layout: fixed;
    border-style: none;
    margin: 0;
    padding: 0
}

* html .t-calendar .t-content {
    display: block
}

.t-calendar .t-animation-container .t-content {
    height: 100%
}

.t-calendar .t-nav-fast {
    display: inline-block;
    zoom: 1;
    width: 75%
}

.t-calendar .t-nav-fast .t-icon {
    vertical-align: top
}

.t-calendar th {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-weight: 400;
    cursor: default
}

.t-calendar td,
.t-picker-wrap .t-icon {
    cursor: pointer
}

.t-calendar td {
    padding: 1px
}

.t-calendar .t-state-focus {
    border-width: 1px;
    border-style: dotted;
    padding: 0
}

.t-calendar .t-content .t-link {
    display: block;
    overflow: hidden;
    position: relative
}

.t-calendar .t-content .t-link,
.t-calendar th {
    padding: .25em .45em .3em .1em
}

.t-calendar .t-meta-view .t-link {
    padding: .25em 0 .3em;
    text-align: center
}

.t-datepicker,
.t-datetimepicker,
.t-timepicker {
    border: 0;
    white-space: nowrap;
    width: 8.5em;
    display: inline-block;
    zoom: 1;
    vertical-align: top
}

.t-datetimepicker {
    width: 13em
}

div.t-datepicker,
div.t-datetimepicker,
div.t-timepicker {
    background: 0
}

.t-datetimepicker .t-picker-wrap {
    padding-right: 44px
}

* html .t-datetimepicker .t-picker-wrap {
    padding-right: 40px
}

.t-datetimepicker .t-icon-calendar {
    margin-right: 3px
}

.t-state-disabled .t-picker-wrap .t-icon {
    cursor: default
}

.t-picker-wrap .t-input {
    margin: 0
}

.t-iframe-overlay {
    position: absolute;
    width: 100%;
    border: 0;
    top: 0;
    left: 0;
    filter: alpha(opacity=0)
}

.t-time-popup .t-item {
    padding: 1px 3px
}

div.t-treeview {
    border-width: 0;
    background: 0;
    white-space: nowrap;
    overflow: auto
}

.t-treeview .t-item {
    padding: 0 0 0 16px;
    margin: 0;
    border-width: 0;
    position: static;
    top: auto;
    display: block
}

.t-treeview .t-content,
.t-treeview .t-group {
    list-style-type: none;
    background: 0;
    margin: 0;
    padding: 0
}

.t-treeview .t-drop-clue,
.t-treeview-lines .t-first,
.t-treeview-lines .t-item {
    background-repeat: no-repeat
}

.t-treeview .t-animation-container {
    height: auto !important
}

.t-treeview .t-icon,
.t-treeview .t-image,
.t-treeview .t-in,
.t-treeview .t-sprite {
    display: inline-block;
    zoom: 1;
    vertical-align: top
}

.t-treeview .t-minus,
.t-treeview .t-minus-disabled,
.t-treeview .t-plus,
.t-treeview .t-plus-disabled {
    margin-left: -16px;
    margin-top: 2px;
    float: left;
    cursor: pointer
}

.t-drag-clue,
.t-treeview .t-minus-disabled,
.t-treeview .t-plus-disabled,
.t-treeview span.t-in {
    cursor: default
}

.t-treeview .t-image,
.t-treeview .t-sprite {
    margin-right: 3px
}

.t-treeview .t-in {
    margin: 1px 0 1px 2px;
    padding: 2px 4px 2px 3px;
    text-decoration: none;
    line-height: 16px
}

.t-treeview .t-state-hover,
.t-treeview .t-state-selected {
    padding: 1px 3px 1px 2px;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.t-treeview .t-drop-clue {
    width: 80px;
    visibility: hidden;
    height: 5px;
    position: absolute;
    margin-top: -3px;
    z-index: 10000;
    background-color: transparent
}

.t-treeview-lines .t-bot,
.t-treeview-lines .t-mid,
.t-treeview-lines .t-top {
    background-repeat: no-repeat;
    margin-left: -16px;
    padding-left: 16px
}

.t-treeview-lines .t-top {
    background-position: -91px 0
}

.t-treeview-lines .t-bot {
    background-position: -69px -22px
}

.t-treeview-lines .t-mid {
    background-position: -47px -44px
}

.t-treeview-lines .t-last .t-top {
    background-position: -25px -66px
}

.t-treeview-lines .t-group .t-last .t-bot {
    background-position: -69px -22px
}

.t-treeview-lines .t-first {
    background-position: 0 16px
}

div.t-numerictextbox {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    white-space: nowrap;
    border: 0;
    background: 0
}

.t-numerictextbox .t-input {
    margin: 0
}

.t-formatted-value {
    position: absolute;
    padding: 3px 4px 2px 3px
}

.t-numerictextbox .t-icon {
    margin-left: -16px
}

.t-numerictextbox .t-link {
    border-style: none;
    display: inline-block;
    zoom: 1
}

.t-numerictextbox .t-arrow-up {
    vertical-align: top;
    margin-top: 1px;
    height: 10px
}

.t-numerictextbox .t-arrow-down {
    vertical-align: bottom;
    margin-bottom: 1px;
    height: 11px
}

.t-colorpicker {
    display: inline-block;
    zoom: 1;
    vertical-align: middle
}

.t-colorpicker .t-tool-icon {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    padding: 2px 3px;
    font-size: 0;
    line-height: 0
}

.t-colorpicker .t-selected-color {
    display: block;
    height: 16px;
    width: 16px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.t-colorpicker .t-icon {
    vertical-align: middle;
    margin-top: 2px
}

.t-colorpicker-popup {
    line-height: 0;
    width: 136px
}

.t-colorpicker-popup .t-reset {
    padding: .25em;
    margin: 0;
    display: inline-block;
    zoom: 1
}

.t-colorpicker-popup .t-item {
    float: left;
    display: block;
    overflow: hidden;
    width: 12px;
    height: 12px;
    font-size: 0;
    padding: 0;
    margin: 0 1px 1px 0
}


/*  hide price on homepage 
span.productPrice {
    display: none;
}
*/
/*  Make price on homepage black and larger */
.description {
    color: black;
    font-weight: 900 !important;
    font-size: 15px !important;
}

/*  Hide product producttags when viewing products due to issues on template */
.producttags-box {
    display: none;
}


.t-editor {
    border-width: 1px;
    border-style: solid;
    height: 250px;
    font-size: 100%;
    vertical-align: top;
    width: 100%
}

.t-editor .t-editor-toolbar-wrap {
    border: 0;
    padding: 0
}

.t-editor-toolbar {
    margin: 0;
    padding: .1em 0;
    list-style-type: none;
    cursor: default;
    line-height: 1.3em
}

.t-editor-toolbar li {
    display: inline;
    vertical-align: middle
}

.t-editor-toolbar .t-editor-colorpicker,
.t-editor-toolbar .t-editor-combobox,
.t-editor-toolbar .t-editor-dropdown,
.t-editor-toolbar .t-editor-selectbox {
    margin-right: 2px
}

.t-editor-toolbar .t-separator {
    border-width: 0 1px 0 0;
    border-style: solid;
    padding: 0 0 0 1px;
    font-size: 1.3em;
    margin: 0 .15em;
    position: relative;
    top: 1px
}

.t-editor-toolbar .t-break {
    display: block;
    height: 1px;
    line-height: 0;
    font-size: 0
}

.t-editor-toolbar .t-colorpicker,
.t-editor-toolbar .t-combobox,
.t-editor-toolbar .t-dropdown,
.t-editor-toolbar .t-selectbox {
    vertical-align: middle
}

.t-editor-button .t-tool-icon {
    vertical-align: middle;
    width: 22px;
    height: 22px;
    margin: 1px
}

.t-editor-colorpicker .t-tool-icon {
    padding: 17px 3px 2px
}

.t-editor-colorpicker .t-icon {
    border-style: solid;
    border-color: #ccc;
    border-width: 0 0 0 1px
}

.t-editor-colorpicker .t-selected-color {
    height: 3px
}

.t-editor-combobox .t-input {
    height: 20px;
    line-height: 20px
}

.t-editor-combobox .t-select {
    height: 22px;
    line-height: 22px
}

.t-bold {
    background-position: -22px 0
}

.t-italic {
    background-position: -44px 0
}

.t-underline {
    background-position: -66px 0
}

.t-strikethrough {
    background-position: -88px 0
}

.t-justifyLeft {
    background-position: -110px 0
}

.t-justifyCenter {
    background-position: -132px 0
}

.t-justifyRight {
    background-position: -154px 0
}

.t-justifyFull {
    background-position: -176px 0
}

.t-insertOrderedList {
    background-position: -198px 0
}

.t-insertUnorderedList {
    background-position: -220px 0
}

.t-createLink {
    background-position: -242px 0
}

.t-unlink {
    background-position: -264px 0
}

.t-insertImage {
    background-position: -286px 0
}

.t-foreColor .t-tool-icon {
    background-position: -308px -2px
}

.t-backColor .t-tool-icon {
    background-position: -330px -2px
}

.t-indent {
    background-position: -352px 0
}

.t-outdent {
    background-position: -374px 0
}

.t-fontName {
    width: 110px
}

.t-fontSize {
    width: 124px
}

.t-formatBlock {
    width: 147px
}

.t-editor-button .t-state-active,
.t-editor-button .t-state-hover {
    vertical-align: middle;
    border-width: 1px;
    border-style: solid;
    margin: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.t-editor-button .t-state-disabled {
    opacity: .3;
    filter: alpha(opacity=30)
}

.t-editor .t-editable-area {
    outline: 0;
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid
}

.t-editor .t-content {
    height: 100%;
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
    border: 0
}

.t-editor iframe.t-content {
    display: inline;
    vertical-align: top
}

.t-editor .t-raw-content {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-family: Consolas, "Courier New", monospace
}

.t-editor-dialog {
    padding: 1em
}

.t-editor-dialog ol {
    margin: 0;
    padding: 0;
    list-style: none
}

.t-form-checkbox-row,
.t-form-text-row {
    padding-bottom: 1em
}

.t-form-text-row label {
    display: inline-block;
    zoom: 1;
    width: 7em;
    text-align: right;
    padding-right: .5em
}

.t-form-checkbox-row input {
    margin-left: 7em;
    font-size: inherit;
    padding: 0
}

.t-form-checkbox-row label {
    padding-left: .3em
}

.t-form-checkbox-row input,
.t-form-checkbox-row label,
.t-form-text-row label .t-form-text-row input,
.t-form-text-row select {
    vertical-align: middle
}

.t-form-text-row input,
.t-form-text-row select {
    width: 20em
}

.t-editor-dialog .t-button-wrapper {
    padding-top: .5em;
    text-align: right
}

.t-editor-dialog .t-button {
    display: inline-block;
    zoom: 1
}

.t-drag-clue {
    border-width: 1px;
    border-style: solid;
    font-size: .9em;
    padding: .05em .15em;
    position: absolute;
    z-index: 10003;
    white-space: nowrap;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.t-drag-status {
    margin-right: 4px;
    vertical-align: top;
    margin-top: -1px
}

.t-reorder-cue {
    position: absolute;
    width: 1px;
    overflow: visible
}

.t-draghandle,
.t-splitter .t-pane {
    overflow: hidden
}

.t-reorder-cue .t-icon {
    width: 8px;
    height: 4px;
    position: absolute;
    left: -4px
}

.t-reorder-cue .t-arrow-down {
    top: -4px;
    background-position: -20px -182px
}

.t-reorder-cue .t-arrow-up {
    bottom: -4px;
    background-position: -20px -166px
}

div.t-slider {
    position: relative;
    border-width: 0;
    background-color: transparent;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.t-slider-vertical {
    width: 22px;
    height: 200px
}

.t-slider-horizontal {
    display: inline-block;
    height: 22px;
    width: 200px
}

* html .t-slider-horizontal {
    display: inline;
    zoom: 1
}

.t-slider-wrap {
    width: 100%;
    height: 100%
}

.t-grid .t-slider .t-button,
.t-slider .t-button {
    position: absolute;
    top: 0;
    min-width: 0;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    outline: 0
}

.t-slider .t-button .t-icon {
    vertical-align: top;
    margin-top: 2px
}

.t-state-disabled .t-slider-wrap {
    opacity: .6;
    filter: alpha(opacity=60)
}

.t-state-disabled .t-slider-wrap .t-slider-items {
    color: #333
}

.t-slider .t-button-decrease {
    left: 0
}

.t-grid .t-slider-vertical .t-button-decrease,
.t-slider-vertical .t-button-decrease {
    top: auto;
    bottom: 0
}

.t-slider .t-button-increase {
    right: 0
}

.t-slider .t-icon {
    cursor: pointer
}

.t-state-disabled .t-button,
.t-state-disabled .t-draghandle,
.t-state-disabled .t-slider .t-icon,
.t-state-disabled .t-slider-wrap .t-icon {
    cursor: default
}

* html .t-slider .t-icon {
    margin-top: 2px
}

.t-slider-selection,
.t-slider-track {
    position: absolute;
    margin: 0;
    padding: 0
}

.t-slider-horizontal .t-slider-selection,
.t-slider-horizontal .t-slider-track {
    height: 6px;
    top: 50%;
    left: 0;
    margin-top: -3px;
    background-repeat: repeat-x
}

.t-slider-horizontal .t-slider-track {
    border-width: 0 1px;
    border-style: solid;
    background-position: 0 -464px
}

.t-slider-horizontal .t-slider-selection {
    background-position: 0 -470px
}

.t-slider-horizontal .t-slider-buttons .t-slider-track {
    left: 27px
}

.t-slider-vertical .t-slider-selection,
.t-slider-vertical .t-slider-track {
    width: 6px;
    left: 50%;
    bottom: 0;
    margin-left: -3px;
    background-repeat: repeat-y
}

.t-draghandle,
.t-slider .t-tick {
    background-color: transparent;
    background-repeat: no-repeat
}

.t-slider-vertical .t-slider-track {
    border-width: 1px 0;
    border-style: solid;
    background-position: 0 0
}

.t-slider-vertical .t-slider-selection {
    background-position: -6px 0
}

.t-slider-vertical .t-slider-buttons .t-slider-track {
    bottom: 27px
}

.t-draghandle {
    position: absolute;
    text-indent: -3333px;
    text-decoration: none;
    text-align: center;
    cursor: pointer
}

.t-slider-horizontal .t-draghandle {
    top: -7px;
    width: 11px;
    height: 20px
}

.t-slider-vertical .t-draghandle {
    left: -7px;
    width: 20px;
    height: 11px
}

.t-slider-horizontal .t-draghandle,
.t-state-disabled .t-slider-horizontal a.t-draghandle,
.t-state-disabled.t-slider-horizontal a.t-draghandle {
    background-position: 0 -368px
}

.t-slider-horizontal .t-draghandle:focus,
.t-slider-horizontal .t-draghandle:hover {
    background-position: 0 -400px
}

.t-slider-horizontal a.t-draghandle.t-state-active {
    background-position: 0 -432px
}

.t-slider-vertical .t-draghandle,
.t-state-disabled .t-slider-vertical a.t-draghandle,
.t-state-disabled.t-slider-vertical a.t-draghandle {
    background-position: -32px -368px
}

.t-slider-vertical .t-draghandle:focus,
.t-slider-vertical .t-draghandle:hover {
    background-position: -32px -400px
}

.t-slider-vertical a.t-draghandle.t-state-active {
    background-position: -32px -432px
}

.t-slider-items {
    display: block
}

.t-slider-items:after {
    display: block;
    height: 0
}

.t-slider-buttons .t-slider-items {
    margin-left: 27px
}

.t-slider-horizontal .t-slider-items {
    height: 100%
}

.t-slider-vertical .t-slider-items {
    padding-top: 1px
}

.t-slider-vertical .t-slider-buttons .t-slider-items {
    margin: 0;
    padding-top: 28px
}

.t-slider .t-tick {
    position: relative;
    margin: 0;
    padding: 0;
    background-position: center center;
    cursor: default
}

.t-callout,
.t-tooltip {
    position: absolute
}

.t-slider-horizontal .t-tick {
    float: left;
    text-align: center;
    height: 100%;
    background-position: center -94px
}

* html .t-slider-vertical .t-tick {
    float: left;
    clear: left;
    width: 100%
}

.t-slider-horizontal .t-slider-topleft .t-tick {
    background-position: center -124px
}

.t-slider-horizontal .t-slider-bottomright .t-tick {
    background-position: center -154px
}

.t-slider-horizontal .t-tick-large {
    background-position: center -4px
}

.t-slider-horizontal .t-slider-topleft .t-tick-large {
    background-position: center -34px
}

.t-slider-horizontal .t-slider-bottomright .t-tick-large {
    background-position: center -64px
}

.t-slider-vertical .t-tick {
    background-position: -94px center;
    text-align: right
}

.t-slider-vertical .t-slider-topleft .t-tick {
    background-position: -124px center;
    text-align: left
}

.t-slider-vertical .t-slider-bottomright .t-tick {
    background-position: -154px center
}

.t-slider-vertical .t-tick-large {
    background-position: -4px center
}

.t-slider-vertical .t-slider-topleft .t-tick-large {
    background-position: center -34px
}

.t-slider-vertical .t-slider-bottomright .t-tick-large {
    background-position: -64px center
}

.t-slider-horizontal .t-first {
    background-position: 0 -4px
}

.t-slider-horizontal .t-last {
    background-position: 100% -4px
}

.t-slider-vertical .t-first {
    background-position: -4px 100%
}

.t-slider-vertical .t-last {
    background-position: -4px 0
}

.t-slider .t-label {
    position: absolute;
    white-space: nowrap
}

.t-slider-horizontal .t-label {
    left: 0;
    width: 100%;
    bottom: -1.2em
}

.t-slider-horizontal .t-first .t-label {
    left: -50%
}

.t-slider-horizontal .t-last .t-label {
    left: auto;
    right: -50%
}

.t-slider-horizontal .t-slider-topleft .t-label {
    top: -1.2em
}

.t-slider-vertical .t-label {
    left: 120%;
    display: block;
    text-align: left
}

.t-tile-empty,
.t-tile-empty .t-button-wrapper,
.t-tooltip {
    text-align: center
}

.t-slider-vertical .t-last .t-label {
    top: -.5em
}

.t-slider-vertical .t-first .t-label {
    bottom: -.5em
}

.t-slider-vertical .t-slider-topleft .t-label {
    left: auto;
    right: 120%
}

.t-tooltip {
    border-width: 1px;
    border-style: solid;
    padding: 4px 5px;
    background-repeat: repeat-x;
    z-index: 10002;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    min-width: 10px
}

.t-callout-n,
.t-callout-s {
    width: 9px;
    height: 6px
}

.t-callout-e,
.t-callout-w {
    width: 6px;
    height: 9px
}

.t-callout-n {
    top: -6px;
    left: 50%;
    margin-left: -4px;
    background-position: -64px -368px
}

.t-callout-w {
    left: -6px;
    top: 50%;
    margin-top: -4px;
    background-position: -64px -384px
}

.t-callout-s {
    top: 100%;
    left: 50%;
    margin-left: -4px;
    background-position: -64px -400px
}

.t-callout-e {
    left: 100%;
    top: 50%;
    margin-top: -4px;
    background-position: -64px -416px
}

.t-splitter {
    position: relative;
    height: 300px
}

.t-splitter .t-scrollable,
.t-tiles {
    overflow: auto
}

.t-splitter .t-pane-loading {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px
}

.t-ghost-splitbar,
.t-splitbar {
    position: absolute;
    border-style: solid;
    font-size: 0
}

.t-splitter .t-ghost-splitbar-horizontal,
.t-splitter .t-splitbar-horizontal {
    top: 0;
    width: 5px;
    border-width: 0 1px;
    background-repeat: repeat-y
}

.t-ghost-splitbar-vertical,
.t-splitbar-vertical {
    left: 0;
    height: 5px;
    border-width: 1px 0;
    background-repeat: repeat-x
}

.t-splitbar-draggable-horizontal {
    cursor: w-resize
}

.t-splitbar-draggable-vertical {
    cursor: n-resize
}

.t-splitbar .t-resize-handle {
    display: none
}

.t-restricted-size-horizontal,
.t-restricted-size-vertical {
    background-color: red
}

.t-splitbar-horizontal .t-icon {
    width: 5px;
    height: 21px;
    position: absolute;
    top: 50%;
    margin-top: -10px
}

.t-collapse-next,
.t-collapse-prev,
.t-expand-next,
.t-expand-prev {
    cursor: pointer
}

.t-splitbar-horizontal .t-collapse-prev {
    margin-top: -31px
}

.t-splitbar-horizontal .t-collapse-next {
    margin-top: 11px
}

.t-splitbar-vertical .t-icon {
    height: 5px;
    width: 21px;
    position: absolute;
    left: 50%;
    margin-left: -10px
}

.t-splitbar-vertical .t-collapse-prev {
    margin-left: -31px
}

.t-splitbar-vertical .t-collapse-next {
    margin-left: 11px
}

.t-splitbar-draggable-horizontal .t-resize-handle,
.t-splitbar-draggable-vertical .t-resize-handle {
    display: inline-block;
    zoom: 1
}

.t-splitbar-horizontal {
    background-position: 5px 0
}

.t-splitbar-horizontal-hover {
    background-position: -12px 0
}

.t-ghost-splitbar-horizontal,
.t-splitbar-horizontal-active {
    background-position: -17px 0
}

.t-restricted-size-horizontal {
    background-position: -22px 0
}

.t-splitbar-horizontal .t-resize-handle {
    background-position: -10px -496px
}

.t-splitbar-horizontal-hover .t-resize-handle {
    background-position: -10px -517px
}

.t-splitbar-horizontal .t-collapse-prev,
.t-splitbar-horizontal .t-expand-next {
    background-position: 0 -496px
}

.t-splitbar-horizontal-hover .t-collapse-prev,
.t-splitbar-horizontal-hover .t-expand-next {
    background-position: 0 -517px
}

.t-splitbar-horizontal .t-collapse-next,
.t-splitbar-horizontal .t-expand-prev {
    background-position: -5px -496px
}

.t-splitbar-horizontal-hover .t-collapse-next,
.t-splitbar-horizontal-hover .t-expand-prev {
    background-position: -5px -517px
}

.t-splitbar-vertical {
    background-position: 0 5px
}

.t-splitbar-vertical-hover {
    background-position: 0 -476px
}

.t-ghost-splitbar-vertical,
.t-splitbar-vertical-active {
    background-position: 0 -481px
}

.t-restricted-size-vertical {
    background-position: 0 -486px
}

.t-splitbar-vertical .t-resize-handle {
    background-position: -16px -496px
}

.t-splitbar-vertical-hover .t-resize-handle {
    background-position: -16px -501px
}

.t-splitbar-vertical .t-collapse-prev,
.t-splitbar-vertical .t-expand-next {
    background-position: -16px -506px
}

.t-splitbar-vertical-hover .t-collapse-prev,
.t-splitbar-vertical-hover .t-expand-next {
    background-position: -16px -517px
}

.t-splitbar-vertical .t-collapse-next,
.t-splitbar-vertical .t-expand-prev {
    background-position: -16px -511px
}

.t-splitbar-vertical-hover .t-collapse-next,
.t-splitbar-vertical-hover .t-expand-prev {
    background-position: -16px -522px
}

html .t-upload {
    position: relative;
    border-width: 0;
    background: 0
}

.t-dropzone,
.t-upload-files {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.t-dropzone em,
.t-upload-button {
    vertical-align: middle
}

* html .t-dropzone em,
* html .t-upload-button {
    vertical-align: baseline
}

.t-dropzone {
    border-style: solid;
    border-width: 0;
    padding: 4px;
    background-color: transparent
}

.t-dropzone em {
    margin-left: .6em;
    visibility: hidden
}

.t-dropzone-active {
    border-width: 1px;
    padding: 3px
}

.t-dropzone-active em {
    visibility: visible
}

.t-upload-button {
    width: 86px;
    position: relative;
    direction: ltr;
    overflow: hidden !important
}

.t-upload-button input {
    font: 200px monospace !important;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    padding: 0;
    margin: 0;
    cursor: pointer;
    right: 0;
    top: 0;
    z-index: 1
}

.t-state-disabled .t-upload-button input {
    cursor: default
}

.t-upload-files {
    border-style: solid;
    border-width: 1px;
    margin: .2em 0 0;
    padding: .3em .7em .5em;
    line-height: 1.9em
}

.t-upload-files .t-button {
    position: relative;
    top: 1px;
    margin-left: 8px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 84%
}

* html .t-upload-files .t-button {
    line-height: 1
}

.t-upload .t-cancel,
.t-upload .t-delete,
.t-upload .t-retry {
    height: 8px;
    vertical-align: baseline
}

.t-upload .t-cancel,
.t-upload .t-delete {
    width: 7px;
    background-position: -5px -292px
}

.t-retry {
    background-position: -66px -228px;
    width: 11px
}

.t-success {
    background-position: -64px -240px
}

.t-fail {
    background-position: -64px -256px
}

.t-filename {
    position: relative;
    display: inline-block;
    min-width: 120px;
    vertical-align: middle
}

.t-progress,
.t-progress-status {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 118px;
    height: 2px;
    border-style: solid;
    border-width: 1px;
    background-repeat: repeat-x;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.t-progress-status {
    left: -1px;
    bottom: -1px;
    width: 50%
}

.t-upload-selected {
    min-width: 86px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    margin: 3px 0 0
}

.t-toolbar-wrap .t-dropzone em,
.t-toolbar-wrap .t-upload-files {
    display: none
}

.t-toolbar-wrap .t-dropzone {
    border: 0;
    padding: 0;
    background-color: transparent
}

.t-tile,
.t-tiles {
    border-style: solid
}

.t-search-wrap {
    float: right;
    width: auto;
    position: relative;
    padding: 0
}

.t-imagebrowser .t-upload,
.t-toolbar-wrap {
    float: left
}

.t-search-wrap label {
    position: absolute;
    top: 0;
    left: 4px;
    line-height: 20px;
    font-style: italic
}

.t-search-wrap input.t-input {
    width: 158px;
    padding-left: 0;
    padding-right: 0
}

.t-search {
    background-position: -64px -176px
}

.t-search-wrap .t-search {
    position: absolute;
    top: 1px;
    right: 2px
}

.t-breadcrumbs {
    float: left;
    position: relative;
    width: 560px
}

.t-breadcrumbs-wrap {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    padding-left: 5px;
    line-height: 18px
}

html input.t-breadcrumbs-input {
    width: 100%;
    padding-left: 2px;
    font-family: inherit
}

.t-breadcrumbs .t-link,
.t-breadcrumbs-wrap .t-icon {
    text-decoration: none;
    vertical-align: middle;
    margin-top: 0
}

.t-breadcrumbs .t-link:hover {
    text-decoration: underline
}

.t-imagebrowser .t-breadcrumbs .t-first {
    text-decoration: none;
    cursor: default
}

.t-imagebrowser .t-toolbar {
    clear: both;
    border-style: solid;
    border-width: 1px;
    margin: 8px 0 0;
    padding: 2px 0 3px;
    background-repeat: repeat-x;
    line-height: 23px;
    white-space: nowrap
}

.t-imagebrowser .t-upload-button {
    width: auto;
    vertical-align: top
}

.t-imagebrowser .t-upload .t-icon {
    vertical-align: bottom
}

* html .t-imagebrowser .t-upload .t-icon,
* html .t-imagebrowser .t-upload-button {
    vertical-align: baseline;
    position: relative;
    top: 1px
}

* html .t-imagebrowser .t-upload .t-icon {
    top: 2px
}

* html .t-imagebrowser .t-toolbar .t-button-icon {
    vertical-align: middle
}

.t-addfolder {
    background-position: -64px -192px
}

.t-goup {
    background-position: -64px -208px
}

.t-toolbar .t-state-disabled {
    opacity: .5;
    filter: alpha(opacity=50)
}

.t-tiles-arrange {
    float: right
}

* html .t-tiles-arrange {
    margin: 3px 0 0
}

.t-tiles-arrange .t-arrow-down {
    margin: 0 2px 0 3px
}

.t-tiles-arrange a {
    text-decoration: none
}

.t-tiles {
    clear: both;
    height: 390px;
    border-width: 0 1px 1px;
    margin: 0 0 1.4em;
    padding: 9px;
    line-height: 1.2
}

.t-tile,
.t-tile strong {
    float: left;
    overflow: hidden
}

.t-tile {
    width: 223px;
    height: 88px;
    border-width: 1px;
    margin: 1px;
    padding: 0 0 4px;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.t-imagebrowser .t-thumb {
    float: left;
    display: inline;
    width: 86px;
    height: 86px;
    margin: 4px 10px 0 4px;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.t-imagebrowser .t-image {
    margin: 2px 0 0 2px;
    -moz-box-shadow: 1px 1px 3px #aaa;
    -webkit-box-shadow: 1px 1px 3px #aaa;
    box-shadow: 1px 1px 3px #aaa
}

.t-imagebrowser .t-folder {
    width: 80px;
    height: 80px;
    background-position: 0 -200px;
    background-repeat: no-repeat
}

.t-goback {
    background-position: -64px -224px
}

.t-imagebrowser .t-loading {
    margin: 35px 0 0 33px
}

.t-tile input,
.t-tile strong {
    margin: 10px 0 4px;
    font-weight: 400
}

.t-tile strong {
    width: 120px;
    text-overflow: ellipsis
}

.t-tile input {
    width: 100px
}

.t-tile .t-filesize,
.t-tile em {
    clear: left;
    font-weight: 400;
    font-style: normal
}

.t-tile .t-filesize,
.t-tile em,
.t-tile input,
.t-tile strong {
    display: block
}

.t-imagebrowser .t-form-text-row input {
    width: 628px
}

.t-tile-empty {
    margin: 160px 0 0
}

.t-tile-empty .t-dialog-upload {
    font-weight: 700;
    font-size: 120%
}

.t-tile-empty strong {
    display: block;
    margin: 0 0 .2em;
    font-size: 3em;
    font-weight: 400
}

.t-touch-scrollbar {
    position: absolute;
    display: none;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .t-touch-scrollbar {
        height: 12px;
        width: 12px;
        -webkit-border-radius: 7px
    }
}

div.t-chart {
    border: 0;
    background-color: transparent
}

#productpictures-grid img {
    max-width: 300px
}

.t-widget,
.t-input {
    border-color: #a5b3c5;
    background-color: #fcfcfc
}

.t-header,
.t-grid-header {
    border-color: #a5b3c5;
    background: #f1f5fb
}

.t-icon {
    background-image: url('Windows7/sprite.png')
}

.t-editor .t-tool-icon {
    background-image: url('Windows7/editor.png')
}

.t-loading,
.t-widget .t-loading {
    background: transparent url('Windows7/loading.gif') no-repeat 0 0
}

.t-widget,
.t-link,
.t-popup {
    color: #000
}

.t-header,
.t-header .t-link {
    color: #4c607a
}

.t-header .t-group,
.t-group .t-link {
    color: #333
}

.t-group,
.t-content,
.t-editable-area {
    border-color: #a5b3c5;
    background-color: #fcfcfc
}

.t-colorpicker .t-arrow-down {
    border-color: #a5b3c5
}

.t-separator {
    border-color: #fff;
    background-color: #c2cedb
}

.t-alt {
    background-color: #ebeff3
}

.t-state-default {
    border-color: #a5b3c5
}

.t-active-filter {
    background-color: #c3dcfa
}

.t-state-hover,
.t-state-hover .t-link,
.t-header .t-state-hover,
.t-group .t-state-hover {
    color: #000
}

.t-state-hover,
.t-state-hover:hover {
    background-color: #d1e4fc;
    border-color: #8daed5
}

.t-state-active {
    background-color: #fff;
    border-color: #426682
}

.t-state-selected {
    background-color: #deecfe
}

.t-state-focused {
    background-color: #c4d1e0
}

.t-state-error {
    border-color: #f00;
    background-color: #ffc0cb
}

.t-button {
    color: #0d202b
}

.t-button,
button.t-button.t-state-disabled:hover,
a.t-button.t-state-disabled:hover,
.t-state-disabled .t-button:hover {
    border-color: #c2cedb;
    background: #e7ecf5 url('Windows7/sprite.png') repeat-x 0 -560px
}

.t-button:hover {
    border-color: #9bc9ff;
    background-position: 0 -624px;
    background-color: #dde8f6;
    color: #0e3d4f
}

.t-state-disabled,
.t-state-disabled:hover,
.t-state-disabled .t-link,
.t-state-disabled .t-button {
    color: #999
}

.t-toolbar,
.t-grouping-header,
.t-grid-pager,
.t-widget .t-status {
    border-color: #aec5d1;
    background-color: #f1f5fb
}

.t-panelbar .t-link {
    border-color: #a5b3c5
}

.t-tabstrip .t-item {
    border-bottom-color: #426682
}

.t-grid td {
    border-color: #dae2e8
}

.t-grouping-row td {
    background: #fff url('Windows7/sprite.png') repeat-x 0 -48px
}

.t-footer-template td {
    background-color: #e2eaf4;
    border-color: #aec5d1 #e2eaf4
}

.t-group-footer td {
    background-color: #e2eaf4;
    border-color: #aec5d1
}

.t-grid-footer,
.t-grid-footer-wrap table {
    background-color: #e2eaf4;
    border-color: #aec5d1
}

.t-grouping-header .t-group-indicator {
    color: #333;
    border-color: #ccc
}

.t-grouping-dropclue {
    background: url('Windows7/sprite.png') no-repeat -48px -288px
}

.t-grouping-row .t-group-cell,
.t-grouping-row p {
    background: #fff
}

.t-treeview .t-drop-clue {
    background-image: url('Windows7/sprite.png');
    background-position: 0 -358px
}

.t-treeview .t-state-selected {
    border-color: #8fb0d6
}

.t-calendar th {
    border-color: #d4dbe5
}

.t-other-month .t-link {
    color: #a7a7a7
}

.t-editor-button .t-state-hover {
    border-color: #e5f0fd #8ba6c4 #8ba6c4 #e5f0fd;
    background-color: #d1e4fc
}

.t-editor-button .t-state-active {
    border-color: #aec1d6 #e3ebf5 #e3ebf5 #aec1d6;
    background-color: #ccdbed
}

.t-slider .t-draghandle {
    background-image: url('Windows7/sprite.png');
    color: #4c607a
}

.t-slider-track {
    border-color: #a6abc3
}

.t-slider-horizontal .t-slider-track,
.t-slider-horizontal .t-slider-selection {
    background-image: url('Windows7/sprite.png')
}

.t-slider-vertical .t-slider-track,
.t-slider-vertical .t-slider-selection {
    background-image: url('Windows7/sprite-vertical.png')
}

.t-slider-horizontal .t-tick {
    background-image: url('Windows7/slider-h.gif')
}

.t-slider-vertical .t-tick {
    background-image: url('Windows7/slider-v.gif')
}

.t-tooltip {
    background: #e7ecf5 0 -560px repeat-x url('Windows7/sprite.png');
    color: #0e3d4f
}

.t-callout {
    background-image: url('Windows7/sprite.png')
}

.t-splitter {
    border-color: #dae2e8
}

.t-splitbar-vertical,
.t-splitbar-horizontal {
    background-color: #f1f5fb;
    border-color: #dae2e8
}

.t-splitbar-vertical,
.t-ghost-splitbar-vertical {
    background-image: url('Windows7/sprite.png')
}

.t-splitbar-horizontal,
.t-ghost-splitbar-horizontal {
    background-image: url('Windows7/sprite-vertical.png')
}

.t-dropzone-active,
.t-upload-files {
    border-color: #c2cedb
}

.t-dropzone-hovered,
.t-upload-files {
    background-color: #f1f5fb
}

.t-dropzone em {
    color: #a7a7a7
}

.t-progress,
.t-progress-status {
    background-image: url('Windows7/sprite.png')
}

.t-progress {
    background-position: 0 -465px;
    border-color: #c2cedb #c2cedb
}

.t-progress-status {
    background-position: 0 -472px;
    border-color: #1db2ee transparent #3186db
}

.t-imagebrowser .t-content {
    background: #f1f5fb
}

.t-breadcrumbs .t-link,
.t-tiles-arrange,
.t-tiles-arrange a {
    color: #1e395b
}

.t-breadcrumbs .t-first,
.t-breadcrumbs .t-first:hover,
.t-search-wrap label {
    color: #a7a7a7
}

.t-tiles {
    border-color: #c2cedb;
    background: #fff
}

.t-tile {
    border-color: #fff;
    background: 0 100px repeat-x url('Windows7/imagebrowser.png')
}

.t-tiles li.t-state-hover {
    border-color: #b8d6fb;
    background-position: 0 0
}

.t-tiles li.t-state-selected {
    border-color: #7da2ce;
    background-position: 0 -100px
}

.t-tile .t-folder {
    background-image: url('Windows7/imagebrowser.png')
}

.t-tile em,
.t-tile .t-filesize {
    color: #a7a7a7
}

.t-tiles li.t-state-selected em,
.t-tiles li.t-state-selected .t-filesize {
    color: #7da2ce
}

.t-tile-empty strong {
    color: #c2cedb
}

.t-rtl {
    direction: rtl;
    zoom: 1
}

.t-rtl .t-button-icontext .t-icon {
    margin: 0 -3px 0 3px
}

.t-rtl .t-window-actions {
    right: auto;
    left: .5em
}

.t-rtl .t-window-title .t-image {
    margin: 0 0 0 5px
}

.t-rtl .t-tabstrip-items .t-item,
.t-rtl .t-panelbar .t-tabstrip-items .t-item {
    margin: .1em 0 0 .3em
}

.t-rtl .t-tabstrip-items .t-item .t-icon,
.t-rtl .t-panelbar .t-tabstrip-items .t-item .t-icon {
    margin: -1px -3px 0 4px
}

.t-rtl .t-tabstrip-items .t-item .t-image,
.t-rtl .t-tabstrip-items .t-item .t-sprite,
.t-rtl .t-panelbar .t-tabstrip-items .t-item .t-image,
.t-rtl .t-panelbar .t-tabstrip-items .t-item .t-sprite {
    margin: -4px -3px 0 3px
}

.t-rtl .t-tabstrip-items .t-state-active,
.t-rtl .t-panelbar .t-tabstrip-items .t-state-active {
    padding-bottom: 1px;
    margin-bottom: -1px
}

.t-rtl .t-panelbar .t-item {
    zoom: normal
}

.t-rtl .t-panelbar .t-image,
.t-rtl .t-panelbar .t-sprite {
    margin-right: 0;
    margin-left: 5px;
    float: right
}

.t-rtl .t-panelbar .t-arrow-up,
.t-rtl .t-panelbar .t-arrow-down {
    right: auto;
    left: 2px
}

.t-rtl .t-panelbar .t-group .t-group .t-link {
    padding-left: 0;
    padding-right: 2em
}

.t-rtl .t-menu .t-group .t-link {
    padding-left: 2em;
    padding-right: .97em
}

.t-rtl .t-menu .t-item {
    border-width: 0 0 0 1px
}

.t-rtl .t-menu .t-image,
.t-rtl .t-menu .t-sprite {
    margin: 0 -4px 0 4px
}

.t-rtl .t-menu .t-arrow-down {
    margin-left: -10px;
    margin-right: 2px
}

.t-rtl .t-menu .t-arrow-next {
    right: auto;
    left: 0
}

.t-rtl .t-menu .t-animation-container,
.t-rtl .t-menu .t-group {
    left: auto;
    right: -1px
}

.t-rtl .t-menu .t-animation-container .t-animation-container,
.t-rtl .t-menu .t-group .t-group {
    right: 100%;
    left: auto
}

.t-rtl .t-menu-vertical .t-animation-container,
.t-rtl .t-menu-vertical .t-group {
    right: 100%;
    left: auto
}

.t-rtl .t-menu .t-animation-container .t-group {
    right: auto
}

.t-rtl .t-grid div.t-grid-header,
.t-rtl .t-grid .t-grid-content,
.t-rtl .t-grid .t-grid-footer,
.t-rtl .t-grid .t-grouping-header,
.t-rtl .t-grid .t-grid-toolbar,
.t-rtl .t-grid .t-filter-options,
.t-rtl .t-grid tbody {
    zoom: 1;
    direction: rtl
}

.t-rtl .t-grid table {
    border-collapse: separate
}

.t-rtl .t-grid div.t-grid-header {
    padding-right: 0;
    padding-left: 17px;
    text-align: right
}

.t-rtl .t-grid .t-header,
.t-rtl .t-grid td {
    text-align: right;
    border-width: 0 0 0 1px
}

.t-rtl .t-grid .t-header .t-link {
    padding: .3em .6em .3em 2.4em
}

.t-rtl .t-grid .t-grid-filter {
    float: left;
    margin-right: 3px;
    margin-left: -.6em
}

.t-rtl .t-grid .t-pager {
    direction: ltr;
    float: right
}

.t-rtl .t-grid .t-status {
    float: right;
    border-right-width: 0;
    border-left-style: solid;
    border-left-width: 1px;
    margin: -.2em -.6em -.2em .6em
}

.t-rtl .t-grid .t-status-text {
    float: left
}

.t-rtl .t-grid .t-grouping-row p {
    margin-right: -0.6em;
    margin-left: 0;
    padding-right: .6em;
    padding-left: 0
}

.t-rtl .t-grid .t-button .t-icon {
    margin-left: 3px;
    margin-right: -3px
}

.t-rtl .t-grid .t-last {
    border-left-width: 0
}

.t-rtl .t-grouping-header .t-button .t-icon {
    margin: 0 3px 0 0
}

.t-rtl .t-autocomplete {
    background-position: 0 50% !important
}

.t-rtl .t-dropdown-wrap {
    padding-right: 0;
    padding-left: 16px;
    zoom: 1
}

* html .t-rtl .t-combobox .t-dropdown-wrap {
    padding-right: 0;
    padding-left: 16px
}

* html .t-rtl .t-picker-wrap {
    padding-right: 0;
    padding-left: 25px
}

.t-rtl .t-picker-wrap .t-select,
.t-rtl .t-dropdown-wrap .t-select {
    right: auto;
    left: 0;
    zoom: 1
}

* html .t-rtl .t-picker-wrap .t-select,
* html .t-rtl .t-dropdown-wrap .t-select {
    right: auto;
    left: 1px
}

.t-rtl .t-combobox .t-select {
    border-width: 0 1px 0 0
}

.t-rtl .t-dropdown .t-input,
.t-rtl .t-selectbox .t-input {
    padding: .2em 3px .2em 0
}

.t-rtl .t-picker-wrap .t-icon-calendar,
.t-rtl .t-picker-wrap .t-icon-clock {
    margin: 3px 3px 0 0
}

.t-rtl .t-picker-wrap {
    padding: 0 0 0 25px
}

.t-rtl .t-datetimepicker .t-picker-wrap {
    padding: 0 0 0 44px
}

.t-rtl .t-treeview .t-item {
    padding: 0 16px 0 0
}

.t-rtl .t-treeview-lines .t-top,
.t-rtl .t-treeview-lines .t-mid,
.t-rtl .t-treeview-lines .t-bot {
    margin-left: 0;
    margin-right: -16px;
    padding-left: 0;
    padding-right: 20px
}

.t-rtl .t-treeview .t-plus,
.t-rtl .t-treeview .t-minus,
.t-rtl .t-treeview .t-plus-disabled,
.t-rtl .t-treeview .t-minus-disabled {
    margin-left: 0;
    margin-right: -20px;
    float: right;
    *float: none
}

.t-rtl .t-treeview .t-image {
    margin-right: 0;
    margin-left: 3px
}

.t-rtl .t-treeview-lines .t-top {
    background-position: 100% 0
}

.t-rtl .t-treeview-lines .t-bot {
    background-position: 100% -22px
}

.t-rtl .t-treeview-lines .t-mid {
    background-position: 100% -44px
}

.t-rtl .t-treeview-lines .t-last .t-top {
    background-position: 100% -66px
}

.t-rtl .t-treeview-lines .t-group .t-last .t-bot {
    background-position: 100% -22px
}

.t-rtl .t-treeview-lines .t-item {
    background-position: 100% 0
}

.t-rtl .t-treeview-lines .t-first {
    background-position: 100% 16px
}

.t-rtl .t-numerictextbox .t-icon {
    margin-left: 0;
    margin-right: -16px
}

.t-rtl .t-editor-colorpicker .t-icon {
    border-width: 0 1px 0 0
}

.t-rtl .t-header .t-tabstrip-items .t-link {
    padding: .3em .9em
}

.t-rtl .t-breadcrumbs {
    float: right;
    margin: 0 -1px 0 0
}

.t-rtl .t-breadcrumbs-wrap {
    left: auto;
    right: 0;
    padding-left: 0;
    padding-right: 5px
}

.t-rtl .t-breadcrumbs-input {
    padding-left: 0;
    padding-right: 2px
}

.t-rtl .t-search-wrap {
    float: left
}

.t-rtl .t-search-wrap label {
    left: auto;
    right: 7px
}

.t-rtl .t-search-wrap .t-search {
    right: auto;
    left: 2px
}

.t-rtl .t-tile {
    float: right
}

.t-rtl .t-imagebrowser .t-thumb {
    float: right;
    margin: 4px 4px 0 10px
}


/* table section for cookie page */

.topicpage-body table {
    border: 1px solid #ececec;
}

.topicpage-body table td {
    line-height: 24px;
}

.topicpage-body td {
    border: 1px solid #ececec;
}


table {
   border-collapse: collapse;
    background-color: transparent;
    table-layout: fixed;
    vertical-align: baseline;
    margin: 0;
    width: 100%;
    padding: 0;
    font-size: 100%;
    font: inherit;
    box-sizing: inherit;
        display: table;
}

table td {
    color: #000000;
        padding: 10px 8px 10px 8px;
}

td {
    vertical-align: bottom;
        margin: 0;
    font-size: 100%;
    font: inherit;
        display: table-cell;
}

table th {
    padding: 4px;
        color: #333;
    font-weight: bold;
}

th {
    text-align: left;
    vertical-align: baseline;
    margin: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    display: table-cell;
}

/* colour for phone number on footer */
p.phone {
    color: #fff;
}

/*Mustafa CSS Starts Here*/
#logorow #headerRowLeft{
	height:auto !important;
}
.headermenu ul li a{
	padding:12px 10px;
}

#dlgPopupInstruction{
	min-height:auto !important;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover{
	background-position:2px center;
}


.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
    /*left: 50% !important;
    margin-left: -40%;
    width: 80% !important;
	top: 50% !important;
    transform: translate(0, -50%);*/
	
    left: 50% !important;
    width: 80% !important;
    height: auto !important;
    /*transform: translate(0, 20%);*/
    margin-left: -40%;
	top:0 !important;
	margin-top: 30px;
    margin-bottom: 30px;
}

.fakeUploadTarget{
	min-height:95px;
}
.fakeUploadTarget .instruction.ng-scope{
	padding-right:5px;
}

.album_settings_button .fa.fa-cog{
	position: relative;
    top: -4px;
}

.buttonContainer.rightSide .priceHeader h2,
.buttonContainer.rightSide .price{
	font-size: 1.4em;
  /* right: 20px; */
    position: relative;
    top: 1px;
}
.topicpage-body,
div#phTopic{
	width:100%;
}
.topicpage .catfish-container,
.topicpage .catfish-container .topicpage-body{
	float:left;
}

.minishoppingcart{
	width:30px;
}

@media screen and (min-width:1199px){
	.search-box{
		right: 210px;
	}
	
	.cart-form__wrapper .cart-footer{
		margin-top: 20px;
		float: right;
		margin-right: 10px;
	}
}

@media screen and (min-width:992px) and (max-width:1100px){
	.headermenu{
		margin-left:20px;
	}
	.headermenu ul li a{
		padding:12px 10px;
	}
	.minishoppingcartwrapper {
		/*padding: 12px 25px;*/
		padding:12px 0px 12px 0;
	}
}

@media screen and (min-width:600px) and (max-width:992px){
	.contect-details{
		width:25%;
		float:none;
	}
	.html-upper-footer-content.row > div:not(.contect-details) {
		width: 20%;
		float: left;
		margin-right: 5%;
		margin-left:0;
	}
	.html-upper-footer-content.row > div ul li,
	#subscribe-module ul,
	.html-upper-footer-content.row h4	{
		line-height: 17px;
		margin-bottom: 8px;
	}
}

@media screen and (min-width:600px) and (max-width:992px){
	.cf_headerlinks_login{
		text-align:right;
	}
}

@media screen and (min-width:768px) and (max-width:992px){
	.minishoppingcartwrapper {
		background: none;
		position: absolute;
		right: 20px;
		bottom: 0px;
`	}

	.search-box{
		float:right;
		position: relative;
		top: -5px;
		margin-right: 75px;
	}

/*
	#toprow{
		position: absolute;
		top: 0;
		margin-top: 120px
	}
	.shared__cookie-banner{
		margin-top:180px;
	}
	*/
}

@media screen and (min-width:992px){
	.search-box{
		position: absolute;
	}
	/*
	#toprow{
		position: absolute;
		top: 0;
		margin-top: 85px
	}
	.shared__cookie-banner{
		margin-top:130px;
	}
	*/
	
	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable{
		transform: translate(0, -50%);
		margin-left: -40%;
		top: 45% !important;
	}
	
}

@media screen and (min-width:992px) and (max-width:1200px){
	#logorow{
		height:115px;
	}
	#logorow #headerRowLeft{
		height:92px !important;
	}
	.search-box{
		right:0;
		bottom:0;
	}
	.shared__cookie-banner{
		margin-top:115px;
	}
}


@media screen and (max-width:992px){
	.headermenu{
		float: left;
		margin-left: 0;
		clear:left;
	}
	
	.headermenu nav ul li{
		margin-right:15px;
	}
	
	.headermenu nav ul li a{
		padding:5px;
	}
	
	.headermenu nav ul li ul li{
		padding:5px;
	}
	.minishoppingcartwrapper{
		background:none;
		padding-right:0;
	}
	.minishoppingcart.minishoppingcart--empty {
		margin-top: -10px;
	}
	.shared__cookie-banner{
		position: relative;
		display: block;
		clear: both;
		float: left;
		margin-top: 90px;	
            margin-bottom: -80px;
	}

	.cookiebanner__message{
		margin:0;
		padding:15px 10px 15px 0;
		font-size:14px;
	}
	.cookiebanner__closeicon {
		margin-top: 35px;
		right: -10px;
		padding-left:10px;
	}
	.cookiebanner__closeicon, .cookiebanner__accept{
		top:auto;
	}
	
	.IHRL_ME_Instructions h1{
		font-size:22px;
		margin-bottom:7px;
	}
	h2.ng-binding {
		font-size: 20px !important;
		margin-bottom: 5px;
	}
	.IHRL_ME_Instructions p{
		margin-bottom:1px;
		font-size:13px;
	}
	.ui-dialog .ui-dialog-buttonpane {
		margin-top: 0;
	}
	.GS_options_container.field{
		min-height:195px;
	}
	.GS_thumbnail_sizes.field{
		    display: block;
    float: left;
    margin-top: 15px;
	clear:both;
	}
}



@media screen and (max-width:767px){
	.ui-dialog .ui-dialog-buttonpane{
		/*display:none;*/
	}

	#popupInstructionContent {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.search-box{
		width:100%;
	}
	.minishoppingcartwrapper{
		position: absolute;
		right: 0;
		bottom: 36px;
	}
}

@media screen and (min-width:767px){
	.search-box{
		/*float:left;*/
		/*margin-left:100px;*/
	}
}

@media screen and (min-width:600px){
	#toprow .row__container .grid_8.offset_4.column {
		float: right;
	}
}

@media screen and (max-width:600px){
	
	table.table_ProductSpecgeneral td {
		width: auto !important;
	}
	
	#logorow .logo {
		display: table;
		margin: 0 auto;
		clear: both;
		float: none;
		max-width: 300px;
	}
	#logorow #headerRowRight {
		position: relative;
		margin: 0 auto;
		max-height: 44px;
		width: auto;
		background: none;
		right: auto;
		left: auto;
		float: none;
		clear: both;
		top: 0;
		width: 160px;
	}
	.headermenu{
		display: table;
		margin: 0 auto;
		float: none;
	}
	.headermenu nav{
		margin-top:7px;
	}
	.headermenu nav > ul{
		position:relative;
		top:6px;
	}
	.headermenu nav ul li {
		margin-right: 2px;
	}
	.headermenu nav ul li a {
		padding: 5px;
		font-size: 12px;
	}
	.minishoppingcartwrapper{
		position: relative;
		display: table;
		float: none;
		margin: 0 auto;
		max-width: 40px;
		padding: 0;
		left: -8px;
		top: -40px;
	}
	.cf_headerlinks_login{
		text-align:center;
	}
	.shared__cookie-banner{
		margin-top:85px;
	}
	.contect-details{
		width:25%;
		margin:0 auto;
	}
	.contect-details img{
		width:100% !important;
	}
	
	.ui-layout-southh_inner .buttonContainer.leftSide{
		width:50%;
	}
	.ui-layout-southh_inner .buttonContainer.rightSide{
		width:45%;
	}
	
	#dlgPopupInstruction{
		/*height: 350px !important;
		overflow-y: auto;*/
	}
	
	.search-box{
		margin-top: 15px;
		position: relative;
		top: 28px;
	}
	
	#navlower{
		margin-top:165px;
	}
	
	.shared__cookie-banner {
		margin-top: 160px;
            margin-bottom: -150px;
	}
	
	.shared__cookie-banner + script + div + div + div + #navlower{
		margin-top:0;
	}

}

@media screen and (min-width:480px) and (max-width:600px){
	
	.html-upper-footer-content.row > div:not(.contect-details) {
		width: 50%;
		float: left;
	}
	
	/*.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable{
		height:350px;
	} */
	
	
}

@media screen and (max-width:500px){
	.headermenu ul li:last-child ul {
		left: auto;
		right: 0;
	}
}

@media screen and (max-width:480px){
	.html-upper-footer-content.row > div:not(.contect-details) {
    display: table;
    margin: 0 auto;
    line-height: 17px;
    text-align: center;
    border-bottom: #FFF 1px solid;
}
.html-upper-footer-content.row ul li {
    text-align: center;
}
.html-footer-content{
		width: 100%;
		text-align: center;
	}
	.html-footer-content img{
		width:100%;
	}
	
	/*.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable{
		margin-top: 40px;
		margin-bottom: 25px;
	}*/
}

@media screen and (max-width:400px){
	
	.IHRL_ME_Instructions p:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.buttonContainer.rightSide .priceHeader h2, .buttonContainer.rightSide .price{
		font-size:1.2em;
	}
}

/*Mustafa CSS Ends Here*/


@media screen and (min-width:761px){

.cart-item-row td{
	vertical-align:middle !important;
}
form .catfish-container table.cart .cart-item-row td.product + td + td{
	 padding-left: 24%;
}
/*span.productPrice {
    position: relative;
    top: -18px;
}*/
tr.cart-header-row th:nth-child(3) {
    padding-left: 24%;
}
html.page-shoppingcart-cart tr.cart-header-row th:nth-child(3) {
    padding-left: 1% !important;
}
html.page-shoppingcart-cart tr.cart-header-row th:nth-child(4) {
    width: auto !important;
        padding-right: 5%;
}
tr.cart-header-row th:nth-child(4){
	width: 280px !important;
    text-align: right !important;
}
form .catfish-container table.cart .cart-item-row td.product + td{
	white-space:nowrap !important;
	    padding-top: 50px;
    padding-bottom: 10px;
}

.product__quantity{
	/*padding-top:45px !important;*/
}

.productPrice.productPrice__total{
	padding-top:18px !important;
}

}


@media screen and (max-width:761px){
	td.cart--actions {
		position: relative !important;
	}
	tr.cart-item-row td {
		vertical-align: top;
	}
	tr.cart-item-row td span:before,
	tr.cart-item-row td div:before	{
    position: relative;
    display: block;
    text-align: center !important;
    margin: 0 auto;
    width: auto;
    margin-bottom: 8px;
}
form .catfish-container table.cart .cart-item-row td{
	white-space:nowrap !important;
}

.shoppingcart__wrapper{
		overflow:hidden;
}
.catfish-container .cart, .catfish-container .cart tbody{
/*overflow-y: auto;
    width: 100%;*/
	position: relative;
    display: block;
}

.catfish-container .cart tbody tr.cart-item-row{
	display:block !important;
}
.catfish-container .cart tbody tr.cart-item-row td{
    display:block !important;
}
.catfish-container .cart tbody tr.cart-item-row td .product__title{
    white-space:normal;
	padding-left:0;
}


.topicpage p {
    overflow-wrap: break-word;
}

}


.product__quantity {
    width: 100% !important;
}



.account-page .customer-addresses th, .account-page .customer-addresses td {
vertical-align: top;
}
.account-page .customer-addresses .address-item table table tr td:first-child, .account-page .customer-addresses .address-item table table tr label {
display: none !important;
}
.account-page .customer-addresses .address-item table table tbody {
padding: 0px !important;
}
.account-page .address-item th:last-child:before {
content: "ADDRESS";
position: relative;
}
.account-page .address-item th:nth-child(3):before {
content: "Name";
color: #000;
font-weight: 500;
}
.account-page .address-item th:nth-child(3) {
color: #fff;
}

.shoppingcart__wrapper .orderSummaryWrapper{
	padding:0 30px;
}

.terms-of-service{
	margin-top:20px;
}
.terms-of-service input{
	float:left;
}
.terms-of-service label{
	float: left;
    width: 90%;
    position: relative;
    left: 5px;
    top: -2px;
    font-size: 12px;
    line-height: 16px;
    font-family: inherit;
}

.terms-of-service a.read{
	position: relative;
    top: -5px;
}

.GS_sort.ng-binding, .GS_sort.field, .GS_thumbnail_sizes.field{
	height:auto;
}
.GS_sort.ng-binding select, .GS_sort.field select{
	width: 250px;
    height: auto;
}

.ui-layout-southh_inner .buttonContainer.leftSide{
	width:50%;
}
.ui-layout-southh_inner .buttonContainer.rightSide{
	width:50%;
}
.buttonContainer.rightSide .priceContainer{
	margin-top:5px;
}
.priceHeader h2 {
    padding: 7px 6px;
    background: none;
    color: #333;
    font-size: 15px !important;
}


td.item-name {
    width: 140px;
    text-align: left;
    float: left;
    line-height: 40px;
}

@media screen and (min-width:1040px){
	/*.account-page .editAddressTable{
		margin-right:15px;
	}*/
	table.table-container.address-table-container tr:last-child {
		float: left;
	}
	td.item-value select{
		width:197px;
	}
}
@media screen and (max-width:1040px){
	td.item-value select{
		width:100%;
	}
}

@media screen and (min-width:768px){
	.block-account-navigation {
		margin-top: 150px;
	}
}

@media screen and (min-width:761px) and (max-width:900px){
 .catfish-container .cart tbody tr.cart-item-row td .product__title {
    padding-left: 35px;
 }
}

@media screen and (min-width:992px){
	.priceHeader h2{
		position:relative;
		top:-3px;
	}
	.price.title.ng-binding{
		position:relative;
		top: -11px;
            right: 4px;
	}
    .buttonContainer.rightSide .priceHeader h2, .buttonContainer.rightSide .price {
    font-size: 1.4em !important;
}
}

@media only screen and (width:1024px) and (resolution: 163dpi) {
	#logorow{
		border:#333 5px solid;
	}
}

@media screen and ( min-width:768px) and (max-width:1024px) and (orientation : landscape){
	#logorow{
		
	}
	.headermenu {
		margin-left: 0px;
		
		width: 330px;
	}
	.minishoppingcartwrapper{
		background:none !important;
	}
	.search-box{
		position:absolute !important;
		right: 5%;
		top: 50px;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
	
}


@media screen and (min-width:768px) and (max-width:1200px){
	
	.shoppingcart__wrapper .catfish-container h1 {
		margin-top: 35px;
	}
}
@media screen and (min-width:600px) and (max-width:768px){
	
	.shoppingcart__wrapper .catfish-container h1 {
		margin-top: 70px;
	}
	.login__wrapper{
		margin-top:80px;
	}
}
@media screen and (max-width:600px){
	
	.shoppingcart__wrapper .catfish-container h1 {
		margin-top: 160px;
		font-size:1.9rem;
	}
	.adminlinks{
		line-height:41px;
	}
	.login__wrapper{
		margin-top:150px;
	}
	.login__wrapper h1{
		font-size:25px;
	}
	
}

@media screen and (min-width:600px){
	.ui-front.dialogGeneralConfirm {
		width: 500px !important;
	}
}

@media screen and (max-width:430px){
	.GS_sort.ng-binding, .GS_sort.field, .GS_thumbnail_sizes.field{
		width:100%;
	}
	.GS_sort.ng-binding select, .GS_sort.field select{
		width:100%;
	}
}