/*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face{font-family:'FontAwesome';src:url('/resources/site/PD/fonts/fontawesome-webfont.eot?v=4.5.0');src:url('/resources/site/PD/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('/resources/site/PD/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('/resources/site/PD/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('/resources/site/PD/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('/resources/site/PD/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.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{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{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{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: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-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-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"} @font-face { font-family: 'fontello'; src: url('/resources/site/PD/fonts/fontello.eot?23513346'); src: url('/resources/site/PD/fonts/fontello.eot?23513346#iefix') format('embedded-opentype'), url('/resources/site/PD/fonts/fontello.woff?23513346') format('woff'), url('/resources/site/PD/fonts/fontello.ttf?23513346') format('truetype'), url('/resources/site/PD/fonts/fontello.svg?23513346#fontello') format('svg'); font-weight: normal; font-style: normal; } /* Generated by Font Squirrel (https://www.fontsquirrel.com) on June 14, 2016 */ @font-face { font-family: 'varela_roundregular'; src: url('../fonts/varelaround-regular-webfont.woff2') format('woff2'), url('../fonts/varelaround-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .page-wrapper { position: relative; } /*==== Bootstrap Override Classes Start=====================================================*/ body { font-family: 'varela_roundregular', Arial, Helvetica, sans-serif !important; -moz-font-smoothing:antialiased; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; color: #000000 !important; background: url(../img/body-pattern.png) repeat; } .page-container{ background-color: #fff; position: relative; /*padding-left: 1rem !important; padding-right: 1rem !important;*/ padding-left: 1.5rem !important; padding-right: 1.5rem !important; } a { color: #918f8f; -moz-transition:all 300ms ease-in-out; -webkit-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; } a:active, a:hover { text-decoration:underline; color: inherit; } img { max-width: 100%; height: auto; } .strong { font-weight: 700; } /*MTA color code*/ .dark-red{ background-color: #D81F3E; } .green{ color: #7ab92f; } .dark-green{ background-color: #45B870; } .orange{ color: #ed7004; } .blue{ color: #41ace2; } .dark-text{ color: #37342E; } .bg-orange { background-color: #ed7004; } .bg-pink { background-color: #e6007e; } .bg-purple { background-color: #891e8b; } .bg-green { background-color: #7ab92f; } .bg-blue { background-color: #41ace2; } .pink { color: #e6007e; } .stitched { width: 13rem; height: 13rem; border-radius: 50%; text-align: center; margin: 0 auto; } .stitched.bg-white {background-color: #ffffff; box-shadow: 0 0 0 4px #ffffff, 0 0; } .stitched.green { border: 2px dashed #7ab92f; } .stitched.pink { border: 2px dashed #e6007e; } .stitched.blue { border: 2px dashed #41ace2; } .stitched.orange { border: 2px dashed #ed7004; } .stitched.purple { border: 2px dashed #891e8b; } #top-ten-toys .stitched { padding: 0 19px; } .catItemDetail .fa, .catGalleryImage .fa, .carousel .icon-next, .carousel .icon-prev, .carousel .carousel-control.left, .carousel .carousel-control.right { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 2rem; color: #891e8b; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .carousel .carousel-control.right {padding-left: 14px;} .catItemDetail .fa.fa-angle-right:before, .catGalleryImage .fa.fa-angle-right:before, .carousel .icon-next:before, .carousel .carousel-control.right i.fa-angle-right:before { content: "\f0a9" !important; right: 4px; position: relative; background: white; border-radius: 50%; } .catItemDetail .fa.fa-angle-left:before, .catGalleryImage .fa.fa-angle-left:before, .carousel .icon-prev:before,.carousel .carousel-control.left i.fa-angle-left:before { content: "\f0a8" !important;background: white;border-radius: 50%;} .catalogueBrowser .catDetailImage ul.image-nav { opacity: 0.1; } .catalogueBrowser .catDetailImage:hover ul.image-nav { opacity: 1; } .catalogueBrowser .catGalleryImage ul.image-nav { opacity: 0.1; margin-bottom: 0px;} .catalogueBrowser .catGalleryImage:hover ul.image-nav { opacity: 1; } div.catGalleryImage ul.image-nav li.prev{ top:17%;} div.catGalleryImage ul.image-nav li.next{ top:17%; right:1px; } div.catGalleryImage ul.image-nav .fa{font-size:1.5rem;} #toy-brands ~ .panel-button {padding-top: 5rem;} .img-v-middle { position: relative; top: 50%; transform: translateY(-50%); } .panel-button a { color: #ffffff; border: 1px dashed #ffffff; border-radius: 20px; padding: 5px 20px; } .background{ color: #F7F9FB; } .med-text{ color: #788385; } .light-text{ color: #ACACAC; } .stroke{ color: #E1E1E1; } /*.red{ background-color: #ff0000; }*/ .font-red { color: #ff0000; } .white{ color: #FFFFFF; } .font-12 { font-size: 12px; } .font-1 { font-size: 1rem; } .font-1_5 { font-size: 1.5rem; } .font-2 { font-size: 2rem; } .font-2_5 { font-size: 2.5rem !important; } .font-4 { font-size: 4rem; } .line-height_1 { line-height: 1; } .line-height_1_1 { line-height: 1.1rem; } .line-height_1_2 { line-height: 1.2rem; } .line-height_1_3 { line-height: 1.3rem; } .line-height_1_5 { line-height: 1.5rem; } .line-height_2 { line-height: 2rem; } .pd-btn { font-size: 1.5rem; line-height: 1.7; border-radius: 10px; text-align: center; color: #ffffff; margin-top: 4px; } .btn-orange {background-color: #fbae38; box-shadow: 0 0 0 4px #fbae38, 0 0; border: 2px dashed #ffffff; } .btn-green2 {background-color: #48ba7b; box-shadow: 0 0 0 4px #48ba7b, 0 0; border: 2px dashed #ffffff; } .btn-blue {background-color: #7bb7e4; box-shadow: 0 0 0 4px #7bb7e4, 0 0; border: 2px dashed #ffffff; } .btn-purple1 {background-color: #862990; box-shadow: 0 0 0 4px #862990, 0 0; border: 2px dashed #ffffff; } .btn-yellow {background-color: #f6d703; box-shadow: 0 0 0 4px #f6d703, 0 0; border: 2px dashed #ffffff; } .btn-pink {background-color: #f067a6; box-shadow: 0 0 0 4px #f067a6, 0 0; border: 2px dashed #ffffff; } .btn-purple2 {background-color: #c784b9; box-shadow: 0 0 0 4px #c784b9, 0 0; border: 2px dashed #ffffff; } .btn-red {background-color: #ed2127; box-shadow: 0 0 0 4px #ed2127, 0 0; border: 2px dashed #ffffff; } .btn-purple3 {background-color: #807bba; box-shadow: 0 0 0 4px #807bba, 0 0; border: 2px dashed #ffffff; } .btn-yellow2 {background-color: #e2e41a; box-shadow: 0 0 0 4px #e2e41a, 0 0; border: 2px dashed #ffffff; } .btn-green3 {background-color: #1ca9b8; box-shadow: 0 0 0 4px #1ca9b8, 0 0; border: 2px dashed #ffffff; } .btn-purple4 {background-color: #5951a2; box-shadow: 0 0 0 4px #5951a2, 0 0; border: 2px dashed #ffffff; } .btn-green4 {background-color: #96c93d; box-shadow: 0 0 0 4px #96c93d, 0 0; border: 2px dashed #ffffff; } .btn-black {background-color: #1f1500; box-shadow: 0 0 0 4px #1f1500, 0 0; border: 2px dashed #ffffff; } .btn-blue2 {background-color: #7fcfff; box-shadow: 0 0 0 4px #7fcfff, 0 0; border: 2px dashed #ffffff; } .btn-blue3 {background-color: #25aaf1; box-shadow: 0 0 0 4px #25aaf1, 0 0; border: 2px dashed #ffffff; } .btn-blue4 {background-color: #0055a5; box-shadow: 0 0 0 4px #0055a5, 0 0; border: 2px dashed #ffffff; } .btn-blue5 {background-color: #199cd8; box-shadow: 0 0 0 4px #199cd8, 0 0; border: 2px dashed #ffffff; } .btn-blue6 {background-color: #0061a9; box-shadow: 0 0 0 4px #0061a9, 0 0; border: 2px dashed #ffffff; } .btn-blue7 {background-color: #0071b3; box-shadow: 0 0 0 4px #0071b3, 0 0; border: 2px dashed #ffffff; } .join-list input { border: 2px solid #7ab92f; background: transparent; } .join-list a.input-group-addon { color: #ffffff !important; font-family: robotobold; background: #7ab92f; border: 2px solid #7ab92f; border-radius: 0; padding: 0 2rem; } .join-list #social-media a { color: #717879; } /* Multiple Item Slider Start */ .multi-item-carousel .carousel-inner>.carousel-item.next.left, .multi-item-carousel .carousel-inner>.carousel-item.prev.right { left: 0 !important; } .multi-item-carousel .carousel-inner .active.left { left: -16.666667% !important; } .multi-item-carousel .carousel-inner .active.right { left: 16.666667% !important; } .multi-item-carousel .carousel-inner .next { left: 16.666667% !important; } .multi-item-carousel .carousel-inner .prev { left: -16.666667% !important; } @media all and (transform-3d), (-webkit-transform-3d) { .multi-item-carousel .carousel-inner > .carousel-item { -webkit-transition: 500ms ease-in-out all !important; transition: 500ms ease-in-out all !important; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-transform: none !important; transform: none !important; } } .multi-item-carousel .carousel-control.left, .multi-item-carousel .carousel-control.right { background-color: #d0c6aa; width: 30px; height: 50px; top: 30%; opacity: 1; } .multi-item-carousel .carousel-control.left { border-radius: 0 40px 40px 0; -moz-border-radius: 0 40px 40px 0; -webkit-border-radius: 0 40px 40px 0; } .multi-item-carousel .carousel-control.right { border-radius: 40px 0 0 40px; -moz-border-radius: 40px 0 0 40px; -webkit-border-radius: 40px 0 0 40px; } .carousel-control .icon-next { text-shadow: none; margin-right: -18px; } .carousel-control .icon-prev { text-shadow: none; margin-left: -18px; } .carousel-control .icon-next:before { content: "\f105"; 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; } .carousel-control .icon-prev:before { content: "\f104"; 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; } @media (max-width: 545px) { .carousel-inner>.carousel-item.active > div { display: none; } .carousel-inner>.carousel-item.active > div:first-child { display: block; } } /* Multiple Item Slider End */ /*@media (min-width: 75em) .container { max-width: 73.125rem; }*/ @media (min-width: 768px) { .container { /*max-width: 73.125rem; padding: 0;*/ /* box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.2) inset, 0px 2px 3px rgba(0, 0, 0, 0.3);*/ } .header-top-bar, .header-wrap, .menu-n-search-container, .page-container{ /*box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.2) inset, 0px 2px 3px rgba(0, 0, 0, 0.3);*/ } .p-x-0-lg { padding-left: 0; padding-right: 0; } } h1, h2, h3, h4, h5 { font-family: 'varela_roundregular'; } h4 { font-size: 1.5625rem; } .row { margin-left: 0; margin-right: 0; } .btn-primary { background-color: #41ace2;border-color: #41ace2; border-radius: 0; font-weight:700; text-transform: capitalize;} .btn-secondary { background-color:#f7f6f5; color:#acacac; font-weight:700; border-color:#f7f6f5; border-radius: 0;} .btn-primary:hover {background-color: #003D72; border-color: #003D72;} .btn-primary:active, .btn-primary:focus { background-color: #00aeef;border-color: #00aeef; } .btn-primary-outline { border-color: #64CAD9;color: #64CAD9} .btn-primary-outline:hover {background-color: #8ECEA5; border-color: #8ECEA5;color: #fff} .thead-inverse th {background-color: #ffffff; color: #41ace2; padding: 0.5rem; text-transform: uppercase; border-bottom: 1px solid #a69da2 !important; border-top: none; } .form-control {border-radius: 0;} .carousel-indicators { bottom: -16px !important; width: 76%; text-align: right;} /*navbar fix*/ .navbar-light { font-size:87.5% } .navbar-clearfix::after { content: ""; display: table; clear: both; } @media (min-width: 544px) { .navbar-clearfix { float: left } .navbar-brand { line-height: 1.2 } } @media (max-width: 544px) { .navbar-light .nav-link { float: none } .navbar-light .nav-link + .nav-link { margin-left: 0 } } /*navbar fix*/ .modal-open { padding: 0 !important; } .modal-content { border-radius: 0; } /*==== Bootstrap Override Classes End=====================================================*/ /*==== Page General Styles Start =====================================================*/ .page-header { /*margin-bottom: 2em;*/ padding: 37px 0 8px 0; border-radius: 0 0 10px 10px; background: #ffffff; } .page-header .PageTitle h1, .page-header .PageTitle .IBSPageTitleText { color: #891e8b; text-transform: uppercase; font-size: 1.6625rem; font-weight:700; padding-bottom: 0; } .page { padding: 0; } .mainContent h2, .mainContent h3 {color:#891e8b;} .mainContent h4 { font-size: 1.3em; color: #891e8b; } .modal-header h1 { font-size: 2rem;} .img-center { margin: 0 auto; } .clearIt { clear:both; height:0; } #homeBlurb {display: none;} .footer-wrap { display: none; } .alert img { display: inline-block; } .ajaxError { color: #a94442; padding: 15px; margin-bottom: 1rem; } .ajaxError img { display: inline-block;} .ajaxLoader { position: fixed; z-index: 999; height: 3em; width: 3em; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0; } body.transparent::after { content: ""; background-color: grey; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; position: fixed; z-index: 999; } .btn-red-block { display: block; line-height: 2.4125rem; text-transform: uppercase; background-color: #41ace2; color: #ffffff; } .btn-red-block:hover, .btn-red-block:active { opacity: 0.9; background-color: #41ace2; } .shopping-cart-container .quick-order-entry { margin: 0; padding: 0; } .modal-body i.fa-caret-up { font-size: 2rem; position: absolute; right: 46px; top: -23px; color: #ccc; } #pg_loading { position: fixed; color: #64CAD9; top: 40%; left: 50%; padding: 20px; z-index: 1002; overflow: auto; } .actions i { color: #41ace2; } .actions a { font-weight: 700; } .fnt_red { color: #ff0000;} .fnt_bold { font-weight: 700; } .icon-with-detail i { position: relative; display: inline-block; vertical-align: middle; color: #ff0000; font-size: 2.5rem; } .icon-with-detail span { line-height: 1.8rem; font-size: 1.5rem; color: #FFF; position: absolute; left: 0; top: 5px; width: 100%; text-align: center; } .icon-with-detail h4 { font-size: 1.2rem; margin: 0 0 0 1.3rem; display: inline-block; } .icon-with-detail p { margin: -10px 0 0 3.6rem; display: block; font-size: 1.5rem; color: #37342E; line-height: 1; } .btn-green { background: #45b870; padding: 1.045rem 3rem; font-size: 1rem; color: #fff; font-weight: 700; border-radius: 0; vertical-align: top; } .btn-fw { width: 225px; height: 50px; } .custom-alert { font-size:1rem; color: #DCE664; font-weight: 700; } .custom-alert i { color: #ff0000; font-size: 2rem; vertical-align: middle; padding-right: 0.525rem; } .nowrap { white-space: nowrap; } /* Data Tables */ table.dataTable thead .sorting_asc:after { content: "\f0de"; } table.dataTable thead .sorting_desc:after { content: "\f0dd"; } table.dataTable thead .sorting:after { content: "\f0dc"; } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; bottom: 12px; } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #ffffff; } table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 { background-color: #fafafa; } table.dataTable thead th, table.dataTable thead td { padding: 10px 9px; } table.dataTable thead th, table.dataTable tfoot th { font-weight: normal; font-weight: 700; } table.dataTable tbody tr.selected, table.dataTable.display tbody tr.odd.selected>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1, table.dataTable.display tbody tr.even.selected>.sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 { background-color: #E1E1E1 !important; } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover, table.dataTable.display tbody tr:hover>.sorting_1, table.dataTable.order-column.hover tbody tr:hover>.sorting_1 { background-color: #f6f6f6; } table.dataTable thead th, table.dataTable thead td { border: none; background: #e0eef0; } .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom-color: #e1e1e1; } table.dataTable tr.group { background-color: #ff0000; color: #fff; } /* General Alert Modal Styles */ .alertModal .modal-header { border-bottom: none; text-align: center; font-weight: 700; font-size: 1.5rem; padding-top: 2rem; padding-bottom: 0; } .alertModal .modal-footer { border-top: none; text-align: center; padding-bottom: 2rem; } .alertModal .modal-body { font-size: 1.125rem; } .alertModal .modal-header .close { margin-top: -1.4rem; } .alertModal .modal-footer .btn { padding: 0.6rem 6rem; } .alertModal label { font-weight: 700; font-size: 1.125rem; } .alertModal .form-control { padding: 0.8rem; font-size: 1rem; } label.error { color: #ff0000; } .btn-grey { background: #acacac; color: #fff; font-weight: 700; } .warehouse .IBSAvailabilityCell { text-align: left;} /*==== Page General Styles End =====================================================*/ /*==== NEWSLETTER SUBSCRIBE MODAL START =====================================================*/ #mailChimpSubscribeModal { } #mailChimpSubscribeModal .modal-header { border-bottom: none; } #mailChimpSubscribeModal .modal-body { padding: 0 4rem; } #mailChimpSubscribeModal .modal-footer { border-top: none; text-align: center; padding: 0 4rem; } #mailChimpSubscribeModal .modal-title { text-transform: capitalize; color: #7ab92f; font-size: 2.5rem; display: table; margin: 0 auto; padding: 2rem 0 0 0; line-height: 1; } #mailChimpSubscribeModal .modal-title i { color: #7ab92f; font-size: 4.38rem; display: table-cell; vertical-align: top; } #mailChimpSubscribeModal .sub-title { display: block; text-align: center; color: #37342E; font-size: 1rem; } #mailChimpSubscribeModal label { color: #37342E; font-size: 1rem; } #mailChimpSubscribeModal .modal-content input, #mailChimpSubscribeModal .modal-content select { font-size: 1rem; padding: .8rem; } #mailChimpSubscribeModal .indicates-required { color: #ff0000; float: right;} #mailChimpSubscribeModal .asterisk { color: #ff0000; } #mailChimpSubscribeModal .modal-footer .btn { padding: .8rem 0; width: 49%;} #mailChimpSubscribeModal .modal-footer p { color: #37342E; padding: 1rem 0; font-size: .8rem; font-weight: bold; } #mailChimpSubscribeModal .modal-footer p a { color: #ff0000; } /*==== NEWSLETTER SUBSCRIBE MODAL END =====================================================*/ /*==== Icon Set Start =====================================================*/ .icon-tag:before { content: "\e818"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .icon-shipping:before { content: "\e80e"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .icon-secure:before { content: "\e817"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .icon-cart:before { content: "\e804"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .icon-newsletter:before { content: "\e814"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; } .icon-fax:before { content: "\e80d"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; } .icon-email:before { content: "\e80a"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; } .icon-search:before { content: "\e816"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; } .icon-zoom:before { content: "\e819"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; } .icon-promo_code:before { content: "\e815"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; } .icon-add-row:before { content: "\e800"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; } .icon-add_line_text:before { content: "\e801"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; } .icon-GALLERY:before { content: "\e810"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; } .icon-TABLE_DETAIL:before { content: "\e809"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; } .icon-TABLE_LIST:before { content: "\e812"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; } .icon-in-stock:before { content: "\e811"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; } .icon-out-stock:before { content: "\e806"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; } .icon-newsletter:before { content: "\e814"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; } .icon-charity:before { content: "\e805"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .icon-arrow-up:before { content: "\e803"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; } .icon-phone:before { content: "\e81a"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; } .icon-faq-expand:before { content: "\e80c"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; } .icon-faq-close:before { content: "\e80b"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; } .icon-cross:before { content: "\e807"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; } .icon-copy:before { content: "\e81b"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; } .icon-gift:before { content: "\e80f"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; } .icon-paper-plane:before { content: "\e81c"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .icon-shopping-bag:before { content: "\e81d"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .icon-information:before { content: "\e81e"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .icon-call:before { content: "\e81f"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .icon-book:before { content: "\e820"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .icon-link:before { content: "\e821"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .icon-pd-info:before { content: "\e822"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .icon-pd-cart:before { content: "\e823"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .icon-pd-phone:before { content: "\e824"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .icon-pd-faq:before { content: "\e825"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .icon-pd-truck:before { content: "\e826"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .icon-pd-saved:before { content: "\e827"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .icon-pd-link:before { content: "\e828"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .icon-pd-book:before { content: "\e829"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .icon-pd-comingsoon:before { content: "\e82a"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .icon-pd-email:before { content: "\e82b"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .icon-pd-fb:before { content: "\e82c"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .icon-pd-contact:before { content: "\e82d"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .icon-pd-outofstock:before { content: "\e82e"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .icon-pd-question:before { content: "\e82f"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } /*==== Icon Set End =====================================================*/ /*--------------------------------------------------HIDING ELEMENTS NOT SURE CAN THEY BE HIDE FROM BACKOFFICE-------------------*/ .catalogue-structurelink{ display: none;} /*--------------------------------------------------HIDING ELEMENTS NOT SURE CAN THEY BE HIDE FROM BACKOFFICE-------------------*/ /*--- top scroll Start ---*/ .scrollup { font-size: 25px; color: #41ace2; background: transparent; /*opacity: 0.3;*/ position: fixed; bottom: 50px; right: 10px; display: none; line-height: 1; padding: 5px; z-index: 100; } @media screen and (min-width: 768px) { .scrollup { right: 100px; } } .scrollup:after { content: "TOP"; font-size: 0.6em !important; color: #7ab92f; position: fixed; display: block; margin: 10px 0 0 10px; } a.scrollup:hover, a.scrollup:active { color: #41ace2; opacity: 0.9; } /*--- top scroll End ---*/ /* ==== START SOCIAL LOGIN/SIGNUP =====================================================*/ .btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)} .btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em} .btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em} .btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em} .btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)} .btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em} .btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em} .btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em} .btn-social-icon>:first-child{border:none;text-align:center;width:100% !important} .btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0} .btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0} .btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0} .btn-adn{color:#fff;background-color:#d87a68;border-color:rgba(0,0,0,0.2)}.btn-adn:focus,.btn-adn.focus{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)} .btn-adn:hover{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)} .btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)}.btn-adn:active:hover,.btn-adn.active:hover,.open>.dropdown-toggle.btn-adn:hover,.btn-adn:active:focus,.btn-adn.active:focus,.open>.dropdown-toggle.btn-adn:focus,.btn-adn:active.focus,.btn-adn.active.focus,.open>.dropdown-toggle.btn-adn.focus{color:#fff;background-color:#b94630;border-color:rgba(0,0,0,0.2)} .btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{background-image:none} .btn-adn.disabled,.btn-adn[disabled],fieldset[disabled] .btn-adn,.btn-adn.disabled:hover,.btn-adn[disabled]:hover,fieldset[disabled] .btn-adn:hover,.btn-adn.disabled:focus,.btn-adn[disabled]:focus,fieldset[disabled] .btn-adn:focus,.btn-adn.disabled.focus,.btn-adn[disabled].focus,fieldset[disabled] .btn-adn.focus,.btn-adn.disabled:active,.btn-adn[disabled]:active,fieldset[disabled] .btn-adn:active,.btn-adn.disabled.active,.btn-adn[disabled].active,fieldset[disabled] .btn-adn.active{background-color:#d87a68;border-color:rgba(0,0,0,0.2)} .btn-adn .badge{color:#d87a68;background-color:#fff} .btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:focus,.btn-facebook.focus{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)} .btn-facebook:hover{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)} .btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}.btn-facebook:active:hover,.btn-facebook.active:hover,.open>.dropdown-toggle.btn-facebook:hover,.btn-facebook:active:focus,.btn-facebook.active:focus,.open>.dropdown-toggle.btn-facebook:focus,.btn-facebook:active.focus,.btn-facebook.active.focus,.open>.dropdown-toggle.btn-facebook.focus{color:#fff;background-color:#23345a;border-color:rgba(0,0,0,0.2)} .btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none} .btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled.focus,.btn-facebook[disabled].focus,fieldset[disabled] .btn-facebook.focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)} .btn-facebook .badge{color:#3b5998;background-color:#fff} .btn-google{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google:focus,.btn-google.focus{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)} .btn-google:hover{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)} .btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}.btn-google:active:hover,.btn-google.active:hover,.open>.dropdown-toggle.btn-google:hover,.btn-google:active:focus,.btn-google.active:focus,.open>.dropdown-toggle.btn-google:focus,.btn-google:active.focus,.btn-google.active.focus,.open>.dropdown-toggle.btn-google.focus{color:#fff;background-color:#a32b1c;border-color:rgba(0,0,0,0.2)} .btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{background-image:none} .btn-google.disabled,.btn-google[disabled],fieldset[disabled] .btn-google,.btn-google.disabled:hover,.btn-google[disabled]:hover,fieldset[disabled] .btn-google:hover,.btn-google.disabled:focus,.btn-google[disabled]:focus,fieldset[disabled] .btn-google:focus,.btn-google.disabled.focus,.btn-google[disabled].focus,fieldset[disabled] .btn-google.focus,.btn-google.disabled:active,.btn-google[disabled]:active,fieldset[disabled] .btn-google:active,.btn-google.disabled.active,.btn-google[disabled].active,fieldset[disabled] .btn-google.active{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)} .btn-google .badge{color:#dd4b39;background-color:#fff} .float-right .modal { text-align: start; } .facebook-signup, .google-signup { width: 100%; margin: 5px auto; } #dialog-form-signup .facebook-signup, #dialog-form-signup .google-signup { width: 40%; } #Signon .facebook-signup, #Signon .google-signup { width: 70%; } .signup-or-separator { text-align: center; margin: 20px 0;} .signup-or-separator h6 { background-color: white; display: inline-block; width: 30px; margin: 0; } .signup-or-separator hr { border: 0; border-top: 1px solid #dce0e0; margin-top: -10px; height: 20px; } .signon .signon-info { /*background: #F4F4F4; border-radius: 14px; box-shadow: 0 2px 3px rgba(0,0,0,0.2);*/ } .signon .signup-or-separator h6 { background-color: #F4F4F4; } .signon .signon-heading { font-size: 1.875rem; margin: 10px 0; color: #7ab92f; text-transform: capitalize; } .signon-action-signon .btn, .signon-action-signon { width: 100%; } @media (min-width: 768px) { #dialogLoginModal .modal-dialog { top: 25px; outline: none; left: 15%; } #dialogLoginModal .modal-dialog {width:350px;} #dialogLoginModal .modal-content:before { } } #dialogLoginModal h4 { font-size: 1.1rem; padding: 10px 0; font-weight: 700; } #dialogLoginModal .modal-header { border-bottom: none;} #dialogLoginModal input[type="text"], #dialogLoginModal input[type="password"] { height: 2.8125rem; border-radius: 0; } .separate-signup-page { background: #F4F4F4; border-radius: 14px; box-shadow: 0 2px 3px rgba(0,0,0,0.2); padding: 1rem; } .separate-signup-page .signup-or-separator h6 { background: #F4F4F4; font-weight: 700; text-transform: uppercase; } /* ==== START SOCIAL LOGIN/SIGNUP =====================================================*/ /* ==== SYSTEM PAGES =====================================================*/ body.activities { padding: 0; background: url(http://d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/art_banner.jpg) repeat-x 0 367px; } body.activity, body.category, body.search, body.recent, body.tag { background: url(http://d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/art_banner-short.jpg) repeat-x 0 277px; } .system-exception, .system-message { width:50%; margin:50px auto; padding:30px; background:#FFF; border-radius:4px; border:1px solid #dcf0f3; box-shadow:0 1px 5px rgba(0,0,0,0.4); text-align:center; } .system-exception p.IBSPageTitleHeader, .system-message p.IBSPageTitleHeader { width:100%; margin:10px 0; text-align:center; line-height:40px; color:#E61C44; font-size:30px; } .system-exception p.IBSTextNormal { margin:10px auto 20px; text-align:center; width:70%; } /*---SIGN OFF---*/ div.signoff { width:50%; margin:30px auto; padding:117px 30px 30px; text-align:center; background:#FFF; border-radius:4px; border:1px solid #dcf0f3; box-shadow:0 1px 5px rgba(0,0,0,0.4); background:url(/resources/site/PD/modern-teaching-aids-sign-out-logo.png) no-repeat center 30px #FFF; } div.signoff h1.IBSPageTitleText { width:100%; margin-top:10px; text-align:center; line-height:40px; color:#E61C44; } p.signoff { font-size:14px; } .session-in-use { width:50%; margin:30px auto; padding:30px; text-align:center; background:#FFF; border-radius:4px; border:1px solid #dcf0f3; box-shadow:0 1px 5px rgba(0,0,0,0.4); } .session-in-use p.IBSPageTitleHeader { width:100%; margin:0 0 20px; text-align:center; line-height:40px; color:#E61C44; font-size:30px; } .IBSTextWarning { color: #0FA5BB; font-weight: 700; font-size: 1rem; } .IBSTextWarning:before { content: "\f06a"; font-size: 2rem !important; margin-right: 5px; vertical-align: middle; color: #ff0000; 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; } .IBSTextAttention { color: #41ace2; font-weight: 700; font-size: 1rem; } .IBSTextAttention:before { content: "\f06a"; font-size: 2rem !important; margin-right: 5px; vertical-align: middle; color: #ff0000; 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; } .dataTables_empty { color: #0FA5BB; font-weight: 700; font-size: 1rem; } .dataTables_empty:before { content: "\f06a"; font-size: 1.5rem !important; margin-right: 5px; vertical-align: middle; color: #ff0000; 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; } /* ==== END SYSTEM PAGES =====================================================*/ /* ==== START FRONT PAGE FOOTER =====================================================*/ .footer-free-info { background: url(/resources/site/PD/footer-pattern.png) #DCE664; color: #fff; padding: 3rem 0; } /*.footer-free-info a { color: #fff; } .footer-free-info a:hover { text-decoration: none; }*/ .footer-free-info i { font-size: 3rem; color: #ff0000; vertical-align: middle; float: left; margin-right: 1rem; margin-bottom: 1rem; background: #EFF3AC; width: 30%; border-radius: 50%; text-align: center; } .footer-free-info h4 { margin: 1.5rem 0 0; font-family: 'robotobold'; font-size: 1.18rem; color: #7ab92f !important; } .footer-free-info .row div { display: inline-block; } #footer { clear:both; color: #918f8f; background: #ffffff; padding: 0 1.7rem; position: relative; } #footer a { color: #918f8f; } #footer.container-fluid { padding: 0; } #inner-footer { border-top: 1px dashed #41ace2; border-bottom: 1px dashed #41ace2; padding-top: 1rem; margin-bottom: 2rem; padding-left: 0.4rem; padding-right: 0.4rem; } #dead-space { height:50px; } #top-footer { background:#D8386D; padding: 1.2rem 0; } #inner-top-footer { margin:0 auto; min-height:21rem; background: url(/resources/site/PD/front-page/footer/footer-bounce-bg-image.png) no-repeat left bottom #EF4A7F; } #footer-banner { background:url(/resources/site/PD/front-page-content/mta-footer.png) no-repeat center center; display: block; font-size:0; height: 152px; } #footer-navigation {} .footer-navigation-column { min-height: 4rem; position: relative; } @media (min-width: 768px) { .footer-navigation-column { } } #inner-footer h6 { font-size: 18px; text-transform: uppercase; color: #000000; margin-bottom: 1rem; } #inner-footer p { margin-bottom: 1rem; } .footer-navigation-column ul { list-style:none; font-size:13px; padding: 0; } .footer-navigation-column ul.second-list { float: left; margin-right: 1rem; } .footer-navigation-column ul li { padding-bottom:7px; line-height: 1; } .footer-navigation-column ul li a { width:90%; zoom: 1; } .footer-navigation-column ul li a:hover, .footer-navigation-column ul li a:active { color:#ffffff; } /*---START FOOTER BOTTOM---*/ #bottom-footer { clear:both; margin-top:0; background: #EF4A7F; } #inner-bottom-footer { margin:0 auto; color:#FFF; position:relative; } /*---SOCIAL MEDIA ICONS---*/ #social-media { } #social-media a:nth-child(2), #social-media a:nth-child(3), #social-media a:nth-child(4) {display: none;} #social-media a { font-size: 1.5rem; color: #ffffff; border-radius: 50%; border: 2px solid; width: 2.3rem; height: 2.3rem; display: list-item; float: left; list-style-type: none; text-align: center; margin: 0 5px; } #social-media a img { width:38px; height:38px; box-shadow:0 2px 3px rgba(0,0,0,0.2); border-radius:7px; margin:0 5px; display:inline-block; } #footer-contact, .footerEmail { margin: 0;font-family: 'varela_roundregular'; font-size: 1rem; } /*---END SOCIAL MEDIA ICONS---*/ @media (min-width: 768px) { #footer-contact { padding: 0 } .footerEmail {padding-left: 0;} } #footer-contact a {} #footer-contact p, .footerEmail p { font-size: 12px; } #footer-contact span { font-size: 1rem; } .copyright { font-size:12px; margin:0; text-align: center; } /*---FOOTER JOIN MAIL LIST---*/ .footer-newsletter { background: #7ab92f; color: #ffffff; border-radius: 20px; margin-bottom: 1.5rem; /*margin-top: 1rem;*/ padding: 6px 0; } .footer-newsletter .newsLetterForm { padding-right: 6px; padding-top: 2px; } .footer-newsletter .title { font-size: 1rem; text-align: center; } .footer-newsletter i { font-size: 2rem; padding-right: 10px; vertical-align: middle; } .footer-newsletter input { border: none; background: #ffffff; border-radius: 20px; padding: 2px 16px; } .1footer-newsletter input::-webkit-input-placeholder {color: #ffffff; font-style: italic; font-size: 12px; } .1footer-newsletter input:-moz-placeholder { /* Firefox 18- */ color: #ffffff; font-style: italic; font-size: 12px; } .1footer-newsletter input::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; font-style: italic; font-size: 12px; } .1footer-newsletter input:-ms-input-placeholder {color: #ffffff; font-style: italic; font-size: 12px; } .footer-newsletter a { color: #7ab92f !important; line-height: 1; text-transform: uppercase; background: #ffffff; border: 1px solid #7ab92f; border-radius: 20px; padding: 1px 1rem; position: absolute; right: 11px; top: 6px; } /* ==== END FOOTER =====================================================*/ /* ==== START HEADER =====================================================*/ .header-section {} .header .primary, .header-wrap .header-container { margin: 0; padding-bottom: 0px; position: relative; } .header .logo-wrapper { padding: 0.325rem 1rem; } .header-wrap { background: #ffffff; padding-top: 1rem;padding-left: 1.5rem;padding-right: 1.5rem;} @media (min-width: 768px) { .header .logo-wrapper { padding: 0; } } .login-options-container { background: #ff0000; border-left: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; } .label-qty { float: left; position: relative; display: none; font-weight: bold; } .float-right { display: inline-block; vertical-align: bottom; padding:0; } .float-right .function-actions-wrapper { display: inline-block; vertical-align: bottom; float: right;} .float-right .function-actions-wrapper label.register-label { margin: 0; padding: 5px 0; } .float-right .function-actions-wrapper label.register-label:first-child { padding-left: 15px;} .float-right .function-actions-wrapper label.register-label:nth-child(2) { padding-right: 15px;} .float-right .function-actions-wrapper label.register-label:first-child:after { content: "or"; color: #E1E1E1; padding: 0 5px; } .float-right .function-actions-wrapper label.register-label a { font-size: 0.9rem; font-weight: 700; /*color: #FFFFFF; */ padding: 0; } .header-search-container { padding-top: 2rem; } .free_shipping-container { float: right; background: #7ab92f; color: #ffffff; border-radius: 20px; padding: 4px; margin-top: 0.6rem; text-align: center; } .header-free_shipping { border: 2px dashed #ffffff; border-radius: 16px; min-height: 4.0rem; padding: 8px; } .header-free_shipping i { font-size: 1rem; } .header-free_shipping h6 { margin: 0; font-size: 1.25rem; display: inline-block; } span#promoWidget { display: block; font-size: 1rem; } .header-free_shipping span { font-size: 1.125rem; line-height: 14px; display: inline-block; } .autoPromo a { color: #ffffff; } span#auto-promo { display: none; } /*Fixed top header*/ @media (min-width: 768px) { .primary-fixed { position: fixed; z-index: 17; top: 0; background: #ffffff; border-bottom: 1px solid #E1E1E1; left: 0; width: 100%; padding: 10px; } .primary-fixed #newbuyall { position: absolute; top: 10px; right: 0; display: none; } .primary-fixed .fb-like { /*display: none !important; */} /* .primary-fixed .header-free_shipping { visibility: hidden; } */ } /*Fixed top headers*/ .header-top-bar { background: #ffffff; font-size: 11px; font-weight: 600; padding-left: 1.5rem; padding-right: 1.5rem; } .header-top-bar > .row:first-child { border-bottom: 1px dashed #41ace2; padding: 10px 0; } .header-container .contact-container { display: block; } .header-top-bar .usp { text-transform: uppercase; color: #41ace2; font-size: 11px; font-weight: 600;} .header-top-bar .usp span { font-size: 18px; padding-left: 5px; } .header-container .telephone { display: block; font-size: 1.9rem; font-weight: 700; color: #7ab92f; text-align: center; padding-bottom: 9px; } .header-container .telephone a { color: #7ab92f; text-decoration: none; } .header-container .fb-like { display: block; text-align: center; } .top-bar-info { padding: .425rem 0; } .cart-confirmation-message {text-align:left;} .cart-confirmation-message .IBSTextAttention em{ font-size: 1rem; text-align: left; } /*---SHOPPING CART POPUP---*/ @media (min-width: 768px) { #shoppingCartEmptyPopup .modal-dialog { left: 0; } #shoppingCartEmptyPopup .modal-dialog {width:350px;} #shoppingCartEmptyPopup .modal-content:before { } } .shoppingCartEmptyPopup { text-align: center; } .shoppingCartEmptyPopup p:first-child { font-weight: 700; } @media (min-width: 768px) { #shoppingCartModal .modal-dialog { left: 0; } #shoppingCartModal .modal-dialog {width:350px;} } #shoppingCartEmptyPopup a{ color: #891e8b; } #shoppingCartModal, #shoppingCartEmptyPopup { position: absolute; width: 368px; top:1rem; right: 0; z-index: 1050; display: none; outline: 0; } .shoppingCartPopup { } #shoppingCartModal p { margin-bottom: 0.6rem; } #shoppingCartModal h4 { font-size: 13px; font-weight: bold; padding-bottom: 5px; } #shoppingCartModal .cartItem { border-top: 1px solid #DDD; } #shoppingCartModal .checkout { text-align: center; margin-top: 15px; } #shoppingCartModal .cartItem p, #shoppingCartModal .cartTotal p { width: 65%; display: inline-block; } #shoppingCartModal .cartTotal p { margin-bottom: 0; font-weight: 700;} #shoppingCartModal .cartTotal .cartTotalFreight { font-weight: 100; color: #788385; font-size: 80%; } #shoppingCartModal p.price { display: inline-block; text-align: right; vertical-align: top; width: 33%; font-weight: bold; } #shoppingCartModal .cartTotal p.price { font-size: 15px; font-weight: bold; text-decoration: underline; } #buyall[value="Added"], .activity-buy[value="Added"], .addToCart[value="Added"] { background-color:#7ab92f; pointer-events: none; } .shoppingCartAlert .cartItem div h5{ display: inline; position: relative; } .shoppingCartAlert .cartItem div{ margin: 0px; } .shoppingCartAlert{ top: 7rem; position: fixed; z-index: 100; right: 17.6rem; width: 317px; padding: 10px; margin: 0; } .shoppingCartAlert.alert-success { color: #7ab92f; background-color: #f7f9fb; border-color: #7ab92f; } .shoppingCartAlert.alert-success a { color: #7ab92f; } .shoppingCartAlert .fa.fa-check{ float: left; font-size: 1.8rem; padding-right: 7px; } /*---SHOPPING CART POPUP---*/ /*---TOP NAVIGATION NAVBAR---*/ .header-top-bar .nav { float: right; text-transform: uppercase; } .navbar-nav .nav-item+.nav-item { margin-left: 2rem;} .header-top-bar .navbar { padding: 0; } .header-top-bar .navbar .nav-link { color: #918f8f; } .header-top-bar .nav form { text-align: right; display: inline-block; } .btn{ border-radius:0;} .header-top-bar .navbar form a.btn { color: #ff0000; font-size: 15px; font-weight: 700; background: #DCE664; border-top: 0; border-bottom: 0; } .header-top-bar .navbar-default{ z-index: 1051; } .header-top-bar .navbar .dropdown-toggle:after { content: "\e803"; font-family: "fontello"; font-size: 5px; font-style: normal; font-weight: normal; vertical-align: middle; -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari */ transform: rotate(180deg); display: inline-block; border: none; margin: 5px 0 0 1rem; } .header-top-bar .dropdown-item { padding: 3px 14px; } .header-top-bar .nav li a:before { font-size: 18px; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; margin-right: 5px; display: inline-block; text-align: center; } .header-top-bar .nav .Contact-Us a:before { content: "\e824"; } .header-top-bar .nav .About-Us a:before { content: "\e822"; } .header-top-bar .nav .Saved-cart a:before { content: "\e827"; } .header-top-bar .nav .FAQ a:before { content: "\e825"; } /*---END TOP NAV---*/ /*---Shopping Cart Start---*/ td.cartQuantity { white-space: nowrap;} #shoppingCart a.close { display: none; } .function-action-home, .signon-hover-title, .voucher-wrapper br, .noOfVouchersLabel, .noOfVouchers, #voucherIcon { display: none; } #shoppingCart .IBSShopCartLabel { font-size: 0.8rem; font-weight: 700; color: #fff; text-transform: capitalize; } #shoppingCart .cart-lines { background-color: #7ab92f; position: absolute; top: 0px; right: 52px; display: block } #shoppingCart .icon-cart:after{ content:" CART"; display: inline; /*top: 6px;*/ font-size: 1rem; position: relative; } #cartIcon { padding:0 10px; color: #8ECEA5; } #cartIcon .fa-shopping-cart { font-size: 1.5rem; line-height: 1.9rem; } .shopping-cart-wrapper { width: 137%;} .shoppingCart .shopping-cart-wrapper { display: none; } .shopping-cart-wrapper a.close, span.cart-price { display: inline-block; vertical-align: top; /*color: #ffffff;*/ font-weight: bold; font-size: 1.1rem; line-height: 1.4rem; } .shopping-cart-wrapper .ShoppingCart { cursor: pointer; } .shopping-cart-wrapper .cart-number-items-container { position: relative; } .shopping-cart-wrapper .cart-number-items-container .icon-cart:before { content: "\e823"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: top; } .shopping-cart-wrapper .cart-number-items-container .icon-cart { color: #891e8b; font-size: 1.5rem; } .shopping-cart-wrapper .cart-price-container { display: none; vertical-align: middle; } .cart-price-container:after { content: "\f107"; font: normal normal normal 14px/1 FontAwesome; color: #ffffff; font-size: 1rem; position: absolute; bottom: 8px; right: 0; } .shoppingCart .action-closeorder { margin: 1rem 0rem; } .shoppingCart .action-closeorder button { } .shoppingCart .fundraising { float: left;} .shoppingCart .fundraising i { float: left; color: #ff0000; font-size: 2.5rem; margin-right: 5px; } .shoppingCart .fundraising .redeemVoucher-heading { margin: 0; font-weight: 700; color: #0FA5BB; font-size: 1rem; padding-top: 10px; } .shoppingCart .fundraising .redeemVoucher { float: left; margin: 0; } .shoppingCart .fundraising input { margin-top: 5px; } .actionList .actions li:nth-last-child(1){ left: 3.333333%; } .shoppingCart .sc-warning { clear: both; } /*---Shopping Cart End---*/ span.budget-desc { min-width: 25%; display: inline-block; } /*---PromoWidget---*/ /*Budget widget*/ div#budgetWidget { cursor: move; display: none; text-align: center; max-width: 150px; min-width: 100px; position: fixed; top: 38%; right: 10%; z-index: 9999; border: 1px solid #DDD; background: #EEECED; } /*Budget widget*/ /* === SEARCH BAR =================================================== */ .menu-n-search-container { background: #ffffff; /* padding-left: 1.5rem; padding-right: 1.5rem;*/ } .menu-container { } .menu-n-search-container > .container { position: relative;} .menu-n-search-container > div { background: #41ace2; /*padding: 0;*/ } .menu-container, .search-container { padding: 0 !important;} #signoff {margin: 0px;} .registered .search-form .input-group { display: inline; } .search-form .input-group , .search-form .form-group { /*transition: all 1s, border-radius 0s; height: 48px;*/ margin: 8px; background-color: #fff; /*border: 1px solid #ccc;*/ border:none; position: relative; } .search-form .input-group input.form-control , .search-form .form-group input.form-control { background: transparent; box-shadow: none; display: block; position: relative; height: 31px; box-sizing: border-box; } /* Search Placeholder */ .search-form .form-group input.form-control::-webkit-input-placeholder { font-weight: 700 ; color: #ababab; } .search-form .form-group input.form-control:-moz-placeholder { /* Firefox 18- */ font-weight: 700 ; color: #ababab; } .search-form .form-group input.form-control::-moz-placeholder { /* Firefox 19+ */ font-weight: 700 ; color: #ababab; } .search-form .form-group input.form-control:-ms-input-placeholder { font-weight: 700 ; color: #ababab; } /* Search Placeholder */ .search-form .input-group input.form-control{ padding:0; text-indent: 20px; } .search-form button.form-control-feedback, .search-border #searchButton { position: absolute; top: 3px; right: 8px; z-index: 9; display: block; text-align: center; font-size: 20px; line-height: 15px; color: #969696; background: transparent; border: none; } .search-form button.form-control-feedback{} #QuickItemSearch {} .QuickSearch .input-group-addon{ background: #ff0000; border-radius: 0; margin: auto; /* padding: 16px; */ border: none; } /* === SEARCH BAR =================================================== */ /* ==== START SUB MENU =====================================================*/ /* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules) You need this once per page no matter how many menu trees or different themes you use. -------------------------------------------------------------------------------------------*/ .sm,.sm ul,.sm li{font-weight: 800;display:block;list-style:none;margin:0;padding:0 7px 0 0;line-height:normal;direction:ltr;-webkit-tap-highlight-color:rgba(0,0,0,0);} .sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;} .sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;} .sm ul{display:none;} .sm li,.sm a{position:relative;} .sm a{display:block;} .sm a.disabled{cursor:not-allowed;} .sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;} .sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} /*-----------------------------------------------------------------------------------------------------------------------*/ .sm-blue { background: transparent; } .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active { padding: 10px 20px; /* make room for the toggle button (sub indicator) */ padding-right: 58px; color: #72787a; font-family: 'varela_roundregular'; font-weight: normal; line-height: 15px; text-decoration: none; font-size: 1.125rem; text-transform: uppercase; } .sm-blue a.current { background: #006892; color: white; } .sm-blue a.disabled { color: #a1d1e8; } .sm-blue a span.sub-arrow { position: absolute; top: 50%; margin-top: -17px; left: auto; right: 4px; width: 34px; height: 34px; overflow: hidden; font: bold 16px/34px monospace !important; text-align: center; text-shadow: none; background: rgba(0, 0, 0, 0.1); } .sm-blue a.highlighted span.sub-arrow:before { display: block; content: '-'; } .sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a { } .sm-blue > li:last-child > a, .sm-blue > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul { } .sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .sm-blue ul { background: #7ab92f; padding: 20px; /*padding-right: 3rem;*/ /*box-shadow: 1px 6px 10px #ACACAC;*/ } .sm-blue ul ul { background: #F7F9FB; } .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active { background: transparent; color: #ffffff; font-size: 16px; text-shadow: none; border-left: 8px solid transparent; border-right: 8px solid transparent; } .sm-blue ul a.current { background: #006892; color: white; } .sm-blue ul a.disabled { color: #b3b3b3; } .sm-blue ul ul a, .sm-blue ul ul a:hover, .sm-blue ul ul a:focus, .sm-blue ul ul a:active { border-left: 16px solid transparent; } .sm-blue ul ul ul a, .sm-blue ul ul ul a:hover, .sm-blue ul ul ul a:focus, .sm-blue ul ul ul a:active { border-left: 24px solid transparent; } .sm-blue ul ul ul ul a, .sm-blue ul ul ul ul a:hover, .sm-blue ul ul ul ul a:focus, .sm-blue ul ul ul ul a:active { border-left: 32px solid transparent; } .sm-blue ul ul ul ul ul a, .sm-blue ul ul ul ul ul a:hover, .sm-blue ul ul ul ul ul a:focus, .sm-blue ul ul ul ul ul a:active { border-left: 40px solid transparent; } .sm-blue ul li { border-top: 1px solid rgba(0, 0, 0, 0.05); } .sm-blue ul li:first-child { border-top: 0; } @media (min-width: 768px) { /* Switch to desktop layout ----------------------------------------------- These transform the menu tree from collapsible to desktop (navbar + dropdowns) -----------------------------------------------*/ /* start... (it's not recommended editing these rules) */ .sm-blue ul { position: absolute; } .sm-blue li { float: left; } .sm-blue.sm-rtl li { float: right; } .sm-blue ul li, .sm-blue.sm-rtl ul li, .sm-blue.sm-vertical li { float: none; } .sm-blue a { white-space: nowrap; } .sm-blue ul a, .sm-blue.sm-vertical a { white-space: normal; text-transform: capitalize; } .sm-blue .sm-nowrap > li > a, .sm-blue .sm-nowrap > li > :not(ul) a { white-space: nowrap; text-transform: capitalize; } /* ...end */ /* horizontal sub menus */ li[data-sm-horizontal-sub] { position: static; } li[data-sm-horizontal-sub] > ul { left: 0 !important; right: 0 !important; margin-left: 0 !important; margin-top: 0 !important; width: auto !important; min-width: 0 !important; max-width: none !important; border-bottom: 1px solid; } li[data-sm-horizontal-sub] > ul > li { float: left; width: 25%; } li[data-sm-horizontal-sub] > .scroll-up, li[data-sm-horizontal-sub] > .scroll-down { display: none !important; } .sm-blue { } .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted { padding: 1rem; /*background: #3092c0;*/ color: white; } .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted { background: #7ac5eb; } .sm-blue a.current { background: #006892; color: white; } .sm-blue a.disabled { background: #3092c0; color: #a1d1e8; } .sm-blue a span.sub-arrow { top: 50%; margin-top: -5px; bottom: auto; left: auto; margin-left: 0; right: 0; width: 52px; height: 48px; color: transparent; background: url(/resources/site/PD/front-page/handle-4.png) no-repeat; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .sm-blue a.highlighted span.sub-arrow:before { display: none; } .sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a { } .sm-blue > li { } .sm-blue > li:first-child { border-left: 0; } .sm-blue ul { } .sm-blue ul ul { padding-bottom: 1rem; padding-top: 1rem; box-shadow: 0px 2px 3px rgba(0,0,0,0.3), 0px -1px 2px rgba(0,0,0,0.1); background: #FFF; border-radius: 15px; border: 4px solid #DCE664; } .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted { /*border: 0 !important;*/ padding: 7px 0 7px 0; /*margin-right: -15px;*/ margin: 0; background: transparent; } .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted { background: #a2ce6e; border-radius: 1rem; text-transform: capitalize; } .sm-blue ul a.current { background: #006892; color: white; } .sm-blue ul a.disabled { background: white; color: #b3b3b3; } .sm-blue ul a span.sub-arrow { top: 50%; margin-top: -5px; bottom: auto; left: auto; margin-left: 0; right: -3px; display:none; z-index: 35; } .sm-blue ul li { border: 0; } .sm-blue span.scroll-up, .sm-blue span.scroll-down { position: absolute; display: none; visibility: hidden; overflow: hidden; background: white; height: 20px; } .sm-blue span.scroll-up-arrow, .sm-blue span.scroll-down-arrow { position: absolute; top: -2px; left: 50%; margin-left: -8px; width: 0; height: 0; overflow: hidden; border-width: 8px; border-style: dashed dashed solid dashed; border-color: transparent transparent #2b82ac transparent; } .sm-blue span.scroll-down-arrow { top: 6px; border-style: solid dashed dashed dashed; border-color: #2b82ac transparent transparent transparent; } .sm-blue.sm-rtl.sm-vertical a span.sub-arrow { right: auto; left: 10px; border-style: dashed solid dashed dashed; border-color: transparent #a1d1e8 transparent transparent; } .sm-blue.sm-rtl > li:first-child > a, .sm-blue.sm-rtl > li:first-child > :not(ul) a { -webkit-border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0; -ms-border-radius: 0 8px 8px 0; -o-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0; } .sm-blue.sm-rtl > li:first-child { border-left: 1px solid #2b82ac; } .sm-blue.sm-rtl > li:last-child { border-left: 0; } .sm-blue.sm-rtl ul a span.sub-arrow { right: auto; left: 10px; border-style: dashed solid dashed dashed; border-color: transparent #a1d1e8 transparent transparent; } .sm-blue.sm-vertical { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); } .sm-blue.sm-vertical a { padding: 9px 23px; } .sm-blue.sm-vertical a span.sub-arrow { top: 50%; margin-top: -5px; bottom: auto; left: auto; margin-left: 0; right: 10px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #a1d1e8; } .sm-blue.sm-vertical > li:first-child > a, .sm-blue.sm-vertical > li:first-child > :not(ul) a { -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -ms-border-radius: 8px 8px 0 0; -o-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; } .sm-blue.sm-vertical > li:last-child > a, .sm-blue.sm-vertical > li:last-child > :not(ul) a { -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -ms-border-radius: 0 0 8px 8px; -o-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; } .sm-blue.sm-vertical > li { border-left: 0 !important; } .sm-blue.sm-vertical ul { -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; -o-border-radius: 4px !important; border-radius: 4px !important; } .sm-blue.sm-vertical ul a { padding: 9px 23px; } .sm-blue .catalogue.has-submenu i { padding-left: 6px; vertical-align: top; margin-top: -4px; } .home .sm-blue li#top-level-item-1 .catalogue.has-submenu i { visibility: hidden; display: none; } .home .sm-blue li#top-level-item-1 a.catalogue {background: #7ac5eb;} } #subMenu ul li#top-level-item-1 ul.CatNodeImageLink { } #subMenu .heading { color: #7ab92f; font-size: 17px; margin-bottom: 5px; margin-left: 8%; padding: 11px 0 0; border-bottom: 1px dotted #7ab92f; font-family: 'robotobold'; } #menu-button { display: block; text-decoration: none; background: #fff; margin: 1em; padding: 0.3em; color: #000; text-align: center; font-size: x-large; } #menu-button:before { content: 'Menu -'; } #menu-button.collapsed:before { content: 'Menu +'; } #main-menu.collapsed { display: none; } @media (min-width: 768px) { /* hide the button in desktop view */ #menu-button { display: none; } /* always show the menu in desktop view */ #main-menu.collapsed { display: block; } } @media screen and (min-width: 768px) { #main-menu { /*position:relative;*/ z-index:16; width:auto; } #main-menu ul { width:12em; /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */ } #main-menu div.column1, #main-menu div.column2, #main-menu div.column3, #main-menu div.column4 {} #main-menu .heading {} } /* TABLET PORTRAIT FIXES START */ @media (min-width: 768px) and (max-width: 991px) { #subMenu ul li#top-level-item-1 ul.CatNodeImageLink {padding: 5px;} .sm-blue > li:first-child > a:first-child {} .sm-blue > li a{ padding: 1rem 0.6rem;} li[data-sm-horizontal-sub] > ul > li { height: 3rem; } .sm-blue .sm-nowrap > li > a { white-space: normal; line-height: 1; padding-top: 0.5rem; padding-bottom: 0.5rem; } .header-free_shipping { } .free_shipping-container{margin-top:0.3rem;} .header-free_shipping .icon-paper-plane { visibility: hidden; } .header-free_shipping h6 { font-size: 1rem; } span#promoWidget { font-size: 1rem; margin: 0; } #main-menu ul.col1 {} #main-menu ul.col2 {} #main-menu ul.col3 {} #main-menu ul.col4 {} #main-menu ul.CatNodeImageLinkHidden2 {} #main-menu li#top-level-item-2 ul {padding:5px;} #main-menu li#top-level-item-3 ul {} #main-menu li#top-level-item-4 ul {} .footer-newsletter { padding-right: .9375rem; } .footer-newsletter .title{ font-size: 1.1rem; } .footer-navigation-column ul{ margin-bottom: 0; } #inner-footer{ padding-bottom: 0.5rem; } .footer-navigation-column ul.second-list { margin-right: 4rem; } } /* TABLET PORTRAIT FIXES END */ @media (min-width: 769px) and (max-width: 991px) { #main-menu li#top-level-item-2 ul {} #main-menu li#top-level-item-3 ul {} #main-menu li#top-level-item-4 ul {} } @media (min-width: 1024px) { .home .sm-blue > li:first-child > a:first-child { } .home #subMenu ul li#top-level-item-1 ul.CatNodeImageLink { display: block !important; margin-top: 1rem !important; z-index: 1; /* padding-top: 35px; */ /*padding-bottom: 0px;*/ width: auto; } #subMenu .CatNodeImageLinkHidden1 { -webkit-box-shadow: 12px 12px 25px -9px rgba(0,0,0,0.22); -moz-box-shadow: 12px 12px 25px -9px rgba(0,0,0,0.22); box-shadow: 12px 12px 25px -9px rgba(0,0,0,0.22); } #main-menu ul.col1 {} #main-menu ul.col2 {} #main-menu ul.col3 {} #main-menu ul.col4 {} #main-menu li#top-level-item-3 ul {} #main-menu li#top-level-item-4 ul {} } @media screen and (min-width: 1025px) { #main-menu ul.col3 {} #main-menu ul.col4 {} } .panel-container{ padding-left: 0.6rem; padding-right: 1.4rem; } .panel-container div.col-md-4{ padding-right: 0.9rem; padding-left:0rem; } .panel-title{ font-size: 1.4rem;} .panel-description{ font-size: 0.78rem; } /* ==== END SUB MENU =====================================================*/ /* ==== END HEADER =====================================================*/ /* ==== STATIC PAGES STYLES START =====================================================*/ .mainContent .nav-tabs .nav-link{ color: #891e8b; font-weight:bold; } .mainContent a { color: #891e8b; } .mainContent .tab-content h3{ color: #717879; } #pd-browse .row.p-b-lg{ text-align: center; } .about-us .badges { font-size: 1rem; } .about-us .header-top-bar .navbar .About-Us .nav-link { border-top: 3px solid #FFF; padding-top: 0.225rem; } .about-us .page { padding-top: 0; } .about-us .jumbotron { background: url(/resources/site/PD/about-hero.jpg) no-repeat top center; background-size: 100% auto; color: #fff; position: relative; padding: 0; } .about-us .jumbotron img { visibility: hidden; } .about-us .jumbotron div { height: 50%; overflow: visible; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .about-us .jumbotron p { font-size: 2vw;} .about-us .jumbotron h1 { font-weight: 700; font-size: 3vw; } .about-us h4 { font-size: 1.5rem;} .downloads-mta h5 {padding: 2rem 0 0.5rem; font-weight: 700; color: #37342E; border-bottom: .0625rem solid #ddd;} .downloads-mta .list-group-item{ font-size: 1.2rem; color: #37342E; border: none; border-bottom: .0625rem solid #ddd; margin-bottom: 0; border-radius: 0; padding-left: 0; } .downloads-mta .pdf i { font-size: 2rem; vertical-align: middle; padding-right: 1rem;} .pdf i { color: #D81F3E; } .bookrep-mta .mainContent { font-size: 1rem;} .bookrep-mta .fa span { left: 2px; top: 2px;} .newschool-mta .img-block img { display: inline-block; } .ebooks .ebooks-text { border-right: 1px solid #DAD7D7;} .lego-mta .top-lego-images img.side-image { border-left: 4px solid transparent; border-bottom: 4px solid transparent; } .fully-booked { display: block; width: 250px; height: 30px; margin: -5px 0 0 20px; position: absolute; background: url(/resources/site/PD/fully-booked.png) 0 0 no-repeat; outline: 0; } #imaform904234 { background: #FAFAFA; border-radius: 10px; } .catalogue-request {} .pd-browse {} .pd-browse h1 { border-bottom: 1px solid #a69da2; padding-bottom: 1rem; } .bnr-overlay-image { position: relative; width: 100%;} .bnr-overlay-text { position: absolute; top: 22%; left: 0; width: 100%; text-align: center; font-size: 1.2rem; font-family: 'robotobold'; color: #ffffff; } .pd-help .IBSPageTitleText { padding-left: 1rem; } .pd-help h3 { /*font-family: 'robotobold';*/ font-size: 1.3rem; color: #7ab92f; } /*---START SPECIFIC BROWSE PRODUCT CATEGORIES PAGE---*/ #browse-products { } .product-categories { display:inline-block; text-align:center; margin:8px 5px; vertical-align:top; } .product-categories h3 { font-size:25px; line-height:28px; color:#FFF; text-shadow:0 -1px 0 rgba(0,0,0,0.3); } .product-categories h3 a { width:210px; height:150px; padding-top:55px; display:inline-block; vertical-align:bottom; color:#FFF; text-decoration:none; } /*---1----*/ #make-create-category { } #make-create-category h3 a { background:#CADB2F; } #make-create-category.product-categories h3 a:hover, #make-create-category.product-categories h3 a:active { background:#FFF; color:#CADB2F; text-shadow:none; } /*---2----*/ #build-it-category { } #build-it-category h3 a { background:#F47920; } #build-it-category.product-categories h3 a:hover, #build-it-category.product-categories h3 a:active { background:#FFF; color:#F47920; text-shadow:none; } /*---3---*/ #learning-category { } #learning-category h3 a { background:#00A5B9; } #learning-category.product-categories h3 a:hover, #learning-category.product-categories h3 a:active { background:#FFF; color:#00A5B9; text-shadow:none; } /*---4---*/ #first-years-category { } #first-years-category h3 a { background:#0071A2; } #first-years-category.product-categories h3 a:hover, #first-years-category.product-categories h3 a:active { background:#FFF; color:#004A8F; text-shadow:none; } /*---5---*/ #groovy-fabulous-category { } #groovy-fabulous-category h3 a { background:#EC008C; } #groovy-fabulous-category.product-categories h3 a:hover, #groovy-fabulous-category.product-categories h3 a:active { background:#FFF; color:#EC008C; text-shadow:none; } /*---6---*/ #ouside-category { } #outside-category h3 a { background:#2F67B1; } #outside-category.product-categories h3 a:hover, #outside-category.product-categories h3 a:active { background:#FFF; color:#2F67B1; text-shadow:none; } /*---7---*/ #toddler-toys-category { } #toddler-toys-category h3 a { background:#9A258F; } #toddler-toys-category.product-categories h3 a:hover, #toddler-toys-category.product-categories h3 a:active { background:#FFF; color:#9A258F; text-shadow:none; } /*---8---*/ #games-puzzles-category { } #games-puzzles-category h3 a { background:#49C7ED; } #games-puzzles-category.product-categories h3 a:hover, #games-puzzles-category.product-categories h3 a:active { background:#FFF; color:#49C7ED; text-shadow:none; } /*---9---*/ #scientific-exploration-category { } #scientific-exploration-category h3 a { background:#00A87E; } #scientific-exploration-category.product-categories h3 a:hover, #scientific-exploration-category.product-categories h3 a:active { background:#FFF; color:#00A87E; text-shadow:none; } /*---10---*/ #lets-pretend-category { } #lets-pretend-category h3 a { background:#DB1A60; } #lets-pretend-category.product-categories h3 a:hover, #lets-pretend-category.product-categories h3 a:active { background:#FFF; color:#DB1A60; text-shadow:none; } /*---11---*/ #get-physical-category { } #get-physical-category h3 a { background:#00A8EA; } #get-physical-category.product-categories h3 a:hover, #get-physical-category.product-categories h3 a:active { background:#FFF; color:#00A8EA; text-shadow:none; } /*---12---*/ #cars-trains-cranes-category { } #cars-trains-cranes-category h3 a { background:#FDB913; } #cars-trains-cranes-category.product-categories h3 a:hover, #cars-trains-cranes-category.product-categories h3 a:active { background:#FFF; color:#FDB913; text-shadow:none; } /*---13---*/ #splish-splash-category { } #splish-splash-category h3 a { background:#62BB46; } #splish-splash-category.product-categories h3 a:hover, #splish-splash-category.product-categories h3 a:active { background:#FFF; color:#62BB46; text-shadow:none; } #top-ten-toys-category h3 a { background: #666; } #top-ten-toys-category.product-categories h3 a:hover, #top-ten-toys-category.product-categories h3 a:active { background:#FFF; color:#F47920; text-shadow:none; } #britt-backpacks-category h3 a { background: #F47920; } #britt-backpacks-category.product-categories h3 a:hover, #britt-backpacks-category.product-categories h3 a:active { background:#FFF; color:#F47920; text-shadow:none; } .figure-caption { font-size: 1rem; color:#000; } .figure img{ display: inline; } .call-to-action a { color:#fff; } #pd-faq p em{ color:#891e8b; } /*---END SPECIFIC BROWSE PRODUCT CATEGORIES PAGE---*/ /* ==== STATIC PAGES STYLES END =====================================================*/ /* ==== START HOMEPAGE =====================================================*/ .home .page {padding: 0; } .home .page-container { padding: 0 !important; } .home .page-header { margin: 0; padding: 0; background: #ffffff; } .home .carousel-indicators li { background: #41ace2; } .carousel-control.left, .carousel-control.right { background-image: none; } #homeFeatureSlider .carousel-control {display: none; } #toy-brands .carousel-inner>.carousel-item>img { height: 70px; } .home #top-row-three-promos { padding-top: 1rem; border-bottom: 1px solid #E8E8E8; } .home #middle-row-promos { padding: 1rem 0; border-bottom: 1px solid #E8E8E8; } .home #middle-row-promos h1 { font-size: 1.6rem; font-weight: 700; padding-bottom: 8px; color: #666; padding-left: 1rem; } .home #left-middle-row-banner { color: #666; line-height: 22px; } .home .column-section-image { max-width: none; border: 1px solid #E0E0E0; text-align: center; border-radius: 7px; overflow: hidden; width: 98px; height: 63px; } .home .media-heading { font-family: 'robotobold'; font-size: 1rem; } .home .column-section .media-body { font-size: 12px; border-bottom: 1px solid #ECECEC; padding-bottom: 12px; line-height: 1.3; } .home #top-row-four-promos { padding-top: 26px; border-bottom: 1px solid #E8E8E8; } .home .promo-cell h3 { font-size: 20px; font-weight: 700; padding-bottom: 8px; text-transform: lowercase; } .home .promo-cell h3 a { color: #333; text-transform: lowercase; } #bottom-page-content { border-top: 1px solid #E8E8E8; } .promo-cell p { font-size: 16px; height: 18px; margin: 9px 0 17px; font-family: 'robotobold'; text-transform: lowercase; vertical-align: top; } a.more { width: 234px; height: 18px; display: block; padding-left: 21px; vertical-align: top; color: #7ab92f; background: url(/resources/site/kg/front-page/blue-pink-arrow-sprite.png) no-repeat 0 0; } #top-middle-promo-2 input[type="button"]#topSignUpButton { width: 100%; height: 18px; display: block; border: none; padding-left: 21px; vertical-align: top; color: #7ab92f; background: url(/resources/site/kg/front-page/blue-pink-arrow-sprite.png) no-repeat 0 0; text-align: left; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .top-row-promo-image { width: 236px; border: 1px solid #DBDBDB; text-align: center; border-radius: 7px; overflow: hidden; } .top-row-promo-image img { height: 100%; } .top-row-promo-image a { width: 100%; height: 120px; display: block; } .bottom-row-section { border-radius: 7px; border: 1px solid #E0E0E0; } .bottom-row-section-image { max-width: none; height: auto; border-radius: 7px; overflow: hidden; } .bottom-row-section-text .media-heading a { font-family: 'robotobold'; color: #ff0000; } .bottom-row-section-text { font-size: 12px; padding-top: 20px; padding-right: 7px; } #bottom-row-promos h3 { font-size: 20px; font-weight: 700; padding-top: 11px; padding-bottom: 8px; } .home .carousel-control{ opacity: 1;} .carousel-control .fa-arrow-right , .carousel-control .fa-arrow-left{ font-size: 1.2rem; bottom: 5px; left: -1.9rem; position: relative; } #top-ten-toys .carousel-control .fa-arrow-right , #top-ten-toys .carousel-control .fa-arrow-left{ margin-top: 5.5rem; } .welcome-text .panel-container div{ padding-right: 0.2rem;} .panel-container{ padding-top: 1rem;} /* ==== END HOMEPAGE =====================================================*/ /* ==== START GCS PRODUCT SEARCH RESULTS PAGE=====================================================*/ #gcsNavBottom .gcsPage, #gcsNav .gcsPage { text-align: right; } #gcsSearch .gcsTitle a{ font-weight: normal; height: auto; } #gcsSearch .item-billboard img { height: auto !important; max-height:200px; } #gcsSearch .item-billboard .gcsImage{ padding: 15px; } #gcsSearch .item-billboard { padding-top:0;} #gcsSearch .addToCartDetail:before { width: auto; } #gcsSearch .gcsPrice .addToCartDetail div{ right: -3.2rem; } #gcsNav .gcsSummary { color: #891e8b; font-size: 1.6625rem; padding-bottom: 0; } #gcsNavBottom div { display: none; } .gcsAttribute.brand a, .gcsAttributes .category a, .gcsProperty a { display: block; margin: 0; padding: 0; font-size: 0.8rem; color: #788385; line-height: 1.8rem; } .gcsResults { padding: 0; } .gcsProductRow { clear: both; } .gcsProductRow .gcsProduct {} .gcsProduct .ajaxDescription a{ color: #41ace2; } .gcsProduct .ajaxDescription { font-size:1.2rem;/*font-weight: bold;*/} .gcsAttributes .category a span { font-weight: 700; } .gcsAttributes h3.gcsHeading { display: block; color: #41ace2; font-size: 1.3em; font-weight: bold; padding: 0 0 13px; border-bottom: 1px solid #E6E6E6; } span.attribute, span.property { display: block; font-weight: bold; color: #41ace2; padding: 12px 0 10px 0; text-transform: capitalize; } .gcsAvailability span.IBSAvailabilityCell { display: none; } .gcsAvailability span.IBSAvailabilityCellShortage { display: inline-block; padding: 0 4px; white-space: nowrap; } .gcsProduct .catPriceGallery span.IBSListCellNumber, .gcsProduct .catPriceGallery span.IBSListCellNumber, .gcsProduct .qtyBreakGallery span.IBSListCellNumber { display: block; width: 49%; } .gcsProduct .catPriceGallery span.IBSListCellNumber, .gcsProduct .qtyBreakGallery span.IBSListCellNumber, .gcsProduct span.catPriceGallery, .gcsProduct .catPriceGallery span.catPriceNetGallery { font-weight: 700; font-size: 1.5rem; line-height: 100%; display: inline-block; white-space: nowrap; } .gcsProduct .catGalleryAttention { top: 0px; position: absolute; z-index: 2; left: 3px; } .gcsProductRow .gcsProduct { position: relative; border: 1px dashed #b3b3b3; padding: 10px; height: 390px; /*margin-top: 15px;*/ /*margin-right: 1rem; */ padding: 10px 15px; border-width: 0px 1px 1px 1px; } /*.gcsProductRow .gcsProduct:last-of-type { padding-right: 0; }*/ .gcsProduct .gcsAvailability, .gcsProduct .gcsCode { display: inline-block; width: 49%; } .gcsProduct .item-billboard .gcsCode:nth-child(6) { display: none; } .gcsCode { padding-left: 10px; font-size: 0.7rem; } .gcsProduct .gcsAvailability { /*position: absolute; bottom: 50px; left: 3px; display: inline;*/ text-align: right; } .gcsProduct .catItemDiscount { display: block; font-size: 0.9rem;} .gcsProduct .catPriceNetGallery { margin-bottom: -5px;} .gcsProduct .IBSListCellNumberStrike { color: #ACACAC;display: block; font-size: 13px; margin: -5px 0;} .gcsProduct .catPriceGallery span.catPriceNetGallery, .gcsProduct .qtyBreakPriceNetGallery { font-weight: bold; color: #37342E; font-size: 1.3rem;} .gcsPrice span.catPriceGSTGallery { width: 45%; font-size: 12px; /* font-weight: 700; */ color: #ACACAC; display: block; white-space: nowrap; } .IBSAvailabilityCellMADO { display: none; } .gcsResults .gcsProduct{ margin: 5px 0px; padding: 0 5px; } .gcsProduct .catGalleryItem { position: absolute; right: 20px; text-align: right; z-index: 9; font-size: 0.7rem; margin-top: 8px; } .gcsProduct .gcsCode { position: absolute; right: 20px; margin-top: 2.375rem; text-align: right; z-index: 9; } .gcsPrice .priceAndBuy{ position: relative; display: block; } .gcsProduct .catGalleryPrice .addCutQtyWrap, /*.gcsPrice .addToCartDetail div{float:left;}*/ .gcsProduct .catGalleryPrice input.addToCart, .gcsPrice .addToCartDetail input.addToCart{ /*padding: 7px 15px;*/ /*float: right;*/ } .gcsProduct .catGalleryPrice .addCutQtyWrap, .gcsPrice .addToCartDetail div, .gcsPrice .addToCartDetail input{ position: relative; /*bottom: -18px;*/ /*display: inline-block;*/ } #catalogue-details .item-billboard .gcsImage{ height:200px;} .gcsProduct[data-display*="GALLERY"] .catGalleryAvailability span.IBSAvailabilityCell { display: none; } /*============================ HIDING IN STOCK STATUS =====================================*/ .gcsProduct[data-display*="GALLERY"] .catGalleryAvailability{ display: inline-block; width: 80%; position: absolute; bottom: 2.7rem; left: 1rem; } .gcsProduct[data-display*="GALLERY"] .item-image{ height: 150px;} .gcsProduct[data-display*="GALLERY"] .catGalleryDetails .addToCartDetail{ bottom: -4rem; left: 0; padding: 0; } .gcsProduct[data-display*="GALLERY"] .catGalleryImage { text-align: center; } .gcsProduct[data-display*="GALLERY"] .qtyBreakGallery span.IBSListCellNumber, .gcsProduct[data-display*="GALLERY"] .catPriceGallery span{ padding: 2px 0; } .catalogue-details .item-code, .gcsProduct .catGalleryItem a{ color: #acacac;} .gcsProduct[data-display*="GALLERY"] .catPriceGallery { padding:0; } .gcsProduct[data-display*="GALLERY"] .catPriceGallery .catPriceGSTGallery{ color: #ACACAC;} .gcsProduct[data-display*="GALLERY"] .catGalleryItemDesc{ height: 57px; overflow: hidden; } .gcsProduct[data-display*="GALLERY"] .catGalleryYT{ display: none; } .gcsProduct[data-display*="GALLERY"] .catGalleryPrice .addCutQtyWrap{ /*bottom: -33px;*/ right: 0rem; } .gcsProduct[data-display*="GALLERY"] .catGalleryPrice input.addToCart{ /*bottom: -33px;*/ position: relative; padding: 1px 0px; } .gcsPrice .catPriceNetGallery em { display: none; } .gcsProduct .catGalleryDetails .addToCartDetail , .gcsProduct .addToCartDetail { padding: 10px; /*position: absolute;*/ /*bottom: -2.5rem;*/ /*border-top: 1px solid #E1E1E1;*/ width: 100%; /*height: 50px;*/ } @media (min-width: 768px) { .gcsProduct .addToCartDetail:before { width: 45%; } } .gcsProduct .catGalleryPrice, .gcsProduct .gcsPrice { width: 100%; /*padding-bottom: 5rem; height: 110px;*/ margin: 5px 0px; position: relative; } .gcsProduct .catPriceGallery { padding: 5px 10px; } .gcsProduct .catPriceGallery { /*color: #72787a !important;*/ } .item-billboard .gcsReplace{ padding-left:5px; height: 10px;} .gcsProduct .item-billboard { min-height: 410px; border: 1px solid #E1E1E1; position: relative; padding-top: 2rem; } .gcsReplace + .gcsAvailability + .gcsPrice{ height: 100px;} .gcsProduct .qtyBreak { display: block; color: #45B870; font-weight: 700; } .gcsProduct .IBSListCellNumber { display: block !important; margin-bottom: -5px; } .gcsProduct .qtyBreakPriceGSTGallery , .gcsProduct[data-display*="GALLERY"] .catPriceGallery span.IBSListCellNumberStrike{ color: #ACACAC;} .gcsProduct .qtyBreakGallery { display: inline-block; width: 48%; } .gcsProduct .qtyBreakGallery:first-child , .qtyBreakItemDiscount{ padding-left: 10px; } .qtyBreakPriceGSTGallery , span.catPriceGSTGallery { width: 45%; font-size: 15px; color: #ACACAC; display: block; white-space: nowrap; } span.catItemEquivalent em { display: inline-block; color: #ACACAC; font-style: normal; } .gcsDescription, .gcsProductDetail, h3.gcsHeading { display: none; } .gcsTitle { padding: 10px; line-height: 1; font-size: 1rem; font-weight: 700; height: 50px; } .gcsTitle a { color:#41ace2;} .gcsSummary span.label, .gcsPage a.label { color: #fff; border-radius: 0; padding: 6px 10px 5px 10px; font-size: 90%; background-color: #7ab92f; } .gcsPage a { color: #788385; margin: 0 2px; border: 1px solid #E1E1E1; padding: 3px 5px 3px 5px; } .gcsFilters .heading { display: block; font-weight: 700; color: #41ace2; } .gcsFilters .label { margin: 0 3px; background-color: #7ab92f; } .gcsFilters .removeFilter:after, .gcsFilters .removeQuery:after { content: "\f00d"; font: normal normal normal 14px/1 FontAwesome; font-size: 90%; margin-left: 3px; } /* ==== END GCS PRODUCT SEARCH RESULTS PAGE=====================================================*/ /* ==== START CATALOGUE BROWSER BROWSE BY BRAND =====================================================*/ .MTA-BROWSE-BY-BRAND {} /* ==== END CATALOGUE BROWSER BROWSE BY BRAND =====================================================*/ /* ==== START CATALOGUE BROWSER =====================================================*/ .catalogueBrowser .page { padding: 0; } .catalogueBrowser .addCutQtyWrap{ right: 0rem; float: right; bottom: 11px; } .catalogueBrowser .addToCartDetail:before{ width: auto; top:0; } .catalogueBrowser .left-navigator-container { /*padding-left: 10px;*/ } .category-list ul { list-style: none; margin: 0; padding: 0; font-size: 0.9rem; } .parent { padding: 10px 0 0; } a.parent { display: block; color: #65c9d8; font-weight: bold; font-size: 1.2rem; } .left-navigator-container .catalogue-tree-wrapper { display: none; } /*.left-navigator-container + div.col-lg-10 { width: 100%; } .left-navigator-container + div.col-md-10 { width: 100%; }*/ .category-list ul a:link, .category-list ul a:visited { color: #788385; } .category-list ul a.IBSLink.selected:link, .category-list ul a.IBSLink.selected:visited { font-weight: bold; } .category-list ul a.IBSLink.selected{ color: #ff0000; text-decoration: underline; } .category-list ul a.IBSLink.selected:link{ } .styleActions span.selectedtrue span{ color:#cccccc; } .styleActions span{ display: inline-block; font-size: 1.0rem; color: #7f7f7f; } .catalogueBrowser .page-header { height: auto; width: 100%; float: left; /*margin-bottom: 10px;*/ position: relative; /*display: none;*/ } .IBSPageTitleDivider { } .left-navigator .parent a.parent { color: #ff0000; font-family: 'robotobold'; font-size: 24px; line-height: 1; } #item-tabs { clear: both; padding-top: 1rem; } .tab-pane { font-size: 0.9rem; } .tab-pane a, .item-kit-table a { /*color: #373a3c;*/ } .item-kit-table td { width: 10%; } .item-kit-table td:nth-child(2){ width: 30%; } .tab-pane h2{ font-size: 1.2em; font-weight: 700; color: #37342E; } .item-cat-header { font-size: 14px; font-weight: 700; } .item-cat-links, .item-catalogues .fa{} /*.item-detail .addCutQtyWrap .cutQty, .item-detail .addCutQtyWrap .addQty{ width: 2.5rem; }*/ .item-meta { font-size: 0.8em;} #ItemDetail .qtyBreak { font-size: 1.2rem; } .parent-selected { color: #ff0000; } .parent-selected:before { content: "\E802"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; font-size: 12px; padding-right: 5px; } .tab-pane .item-cat-links a { } #OrderConfirmation div.actions { padding: 5px 0px; float:right; } #OrderApprovalBrowser .IBSHeaderCellNumber, #OrderApprovalBrowser .IBSHeaderCell { font-family:ProximaNovaBold; font-size:1rem; } #OrderApprovalBrowser .IBSCellLink{ display: block;} #scheduledOrdersHO {margin:0;} #OrderConfirmation td a{color:#0FA5BB;} .actions .btn a.IBSActionLink,.cartOverlay a { color: white; } .cartOverlay a { font-size: 1rem; font-weight: 400; font-weight: 700; } .actions .btn-default { background: #e1e1e1;} .action-back { display: none; } .link-hold a { font-size: 1.2rem; padding-top: 10px; float: right; margin: 10px 0px 10px; } #OrderReceived .actions div{ margin: 0 10px 0px 0px;} #OrderReceived .link-signoff { background: #e1e1e1; color: #acacac; } #OrderReceived .link-view-print,#OrderReceived .link-change-order{width:25%;padding-left:0;float: left;} .action-view-order{width:16%;float: left;} #OrderReceived .link-signoff {background:#e1e1e1;} #OrderReceived a{ margin-right: 10px; margin: 13px 0; background: #41ace2; color: white; } #OrderReceived { font-size: 1rem; } form#OrderReceived .page-header { display: none; } .order-received { padding-top: 30px !important; } .catDetailItemDesc { display: block; color: #41ace2; font-size: 1.3em; line-height: 1.5rem; text-decoration: none; } .catDetailItemCode { color: #b3aaad; font-size: 12px; /*font-weight: bold;*/ } .catDetailPrice { padding-left: 1rem; } @media screen and (max-width:1024px) and (min-width:768px) { /*.catDetailPrice {min-height: 22rem; }*/ .catDetailAvailability { padding: 0 !important; } .catalogueBrowser .addToCartDetail .addToCart { margin: 10px 0 0 0; display: inline-block; } #catalogue-details div[data-display*="TABLE_DETAIL"] .catDetailPrice > .qtyBreakDetail +.qtyBreakDetail +.qtyBreakItemDiscount + .catDetailAvailability { bottom: 5.2rem !important; } } .priceAndAvailability { align-items: stretch; /*border-left: 1px solid #e7e7e7;*/ } .catPriceDetail { display: inline-block; /* margin: 0 0 0 15px;*/ } .catDetailAvailability { /*margin: 0 0 0 15px; position: absolute; bottom: 50px;*/ } .catDetailAvailability .IBSAvailabilityCell { display: none; } .catDetailAvailability .IBSAvailabilityCellShortage { padding: 1rem 0; } .catDetailPrice .IBSListCellNumber, .catDetailPrice .catPriceGSTDetail .catDetailPrice .catPriceNetDetail, .catDetailPrice .qtyBreakPriceNetDetail { display:block; font-weight:bold; font-size:1.3em; line-height:1.3em; } .IBSListCellNumber em, .qtyBreakPriceGSTDetail em, .IBSListCellNumberStrike em, .catPriceNetDetail em, .catPriceGSTDetail em, .qtyBreakPriceNetDetail em, .catPriceGSTGallery em, .qtyBreakPriceGSTGallery em, .catPriceNetGallery em, .IBSTextAttention em { font-size:9px; font-style: normal; font-weight:normal; } .IBSListCellNumber em { display: none; } span.catItemEquivalent { display: block; font-size: 0.7rem; font-weight: 700; color: #ACACAC; } .addCutQtyWrap{ border: 2px solid #dbbbdc; border-radius: 20px; display: inline-block; padding: 0px 5px; right: -2rem; position: relative; } .addToCartDetail:before { content: 'Quantity'; display: inline-block; width: 39%; font-weight: bold; top: 7px; position: relative; text-align: right; } .gcsProduct[data-display*="GALLERY"] .addToCartDetail:before { width: 30%; font-weight: bold; float: left; } .addToCartDetail { } .addToCartDetail .addToCart { display: block; width: 97%; font-size: 1rem; background-color: #891e8b; box-shadow: 0 0 0 4px #891e8b, 0 0; border: 2px dashed #ffffff; margin: 1rem auto; border-radius: 20px; } #Activities li#themes ul{padding:0;} #activityCategory {padding:0;} .addToCartDetail .IBSInput { border: none; text-align: center; width: 3rem; height: 36px; bottom: 0 !important; font-weight: bolder; } .catGalleryPrice .addToCartDetail .IBSInput{ width: 2.5rem;} .addCutQtyWrap .cutQty, .addCutQtyWrap .addQty { display: inline-block; width: 1.5rem; line-height: 25px; border-radius: 50%; text-align: center; font-size: 1.1rem; color: #000000; background: #d2ced0; } .addCutQtyWrap .cutQty:hover, .addCutQtyWrap .addQty:hover { text-decoration: none; box-shadow: inset 0 2px 3px rgba(0,0,0,0.2); } /*.addCutQtyWrap .cutQty { text-align: center; margin-right: -5px; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .addCutQtyWrap .addQty { text-align: center; margin-left: -5px; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }*/ .catalogueBrowser .addToCartDetail { /*position: absolute; bottom: 10px; left: 10px; display: inline-block;*/ /*padding: 1rem 0;*/ } .catalogueBrowser .addToCartDetail label { display: block; font-size: 0.8em; font-weight: bold; } .catalogue-details .catItemDetail:first-child{border-top: 1px solid #eeeeee;} .catalogue-details .catItemDetail:last-child{ border-bottom: none; } .catItemDetail { float: left; margin-top: 10px; border-bottom: 1px solid #a69da2; margin: 0; clear: both; content: " "; position: relative; overflow: hidden; height: auto; min-height: 215px; border: 1px dashed #b3b3b3; border-width: 1px 0px 1px 0px; padding-left: 0; padding-right: 0; } .catItemDetail .catDetailImage img { /*width: 100%;*/ } .catItemDetail .priceAndAvailability { position: initial; } .catalogue-details .table tr td:nth-child(2)){ width: 28%; } .catalogue-details .table tr td:nth-child(1){ width: 15%; } .catalogue-details .table td { padding: 0.35rem 0.75rem; } .catItemDetail .catDetailBrand{display:none;} .catDetailBrand img { /*height: 3em;*/ } .category-list li { line-height: 1.6rem; margin: 2px 0px; } .category-list ul ul li.heading { color: #0FA5BB; font-weight: bold; margin: 10px 0 0; } .CatalogueTree .category-list ul ul li.heading { border-top: 1px solid #EAEAEA; } /* List View for catalogue browser */ .table-catalogue td div.catPriceGallery, td .catPriceDetail{ height: 2rem; display: table-cell; width: 40%; line-height: 1.5rem; } .table-catalogue td div.catPriceGallery{ bottom: 0.2rem; position: relative; width: 60%; } td.priceAndBuy .addToCartDetail { display: table-cell; position: relative; min-width: 220px; bottom: 0px; top: 10px; } td .catPriceDetail p {margin: 0;} td.priceAndBuy { display: table; position: relative; } td .catPriceDetail span { display: block; /*margin: 3px;*/ } #catalogueText { /* font-weight: bold;*/ font-size: 1rem; width: 79%; line-height: 1.4rem; } td .qtyBreakGallery, td .qtyBreakPriceGSTDetail, td .qtyBreakDetail span.qtyBreak { display: block; } td .qtyBreakGallery, td .qtyBreakDetail { display: table-cell; } .qtyBreakGallery, .qtyBreakDetail { display: block; } td .qtyBreakDetail .IBSListCellNumber em, td .catPriceDetail .IBSListCellNumberStrike em, td .catPriceDetail .catPriceNetDetail em, td .catPriceDetail .IBSListCellNumber em { display: none; } td .catPriceDetail .catPriceGSTDetail { font-size: 0.8rem; color: #788385; } .qtyBreakPriceNetGallery , .scheduled-price .catPriceNetGallery, .scheduled-price .catPriceNetGallery .IBSListCellNumber, .scheduled-price .catPriceGallery .IBSListCellNumber, td .qtyBreakGallery .IBSListCellNumber, td .qtyBreakDetail span, td .catPriceDetail span{ font-size: 1.5em; font-weight: bold; color: #37342E; line-height: 21px; } .table-catalogue .addToCartDetail .IBSInput{ height: 32px;} .table-catalogue td .qtyBreakGallery{ padding: 0 10px 0 0px;} td .qtyBreakDetail { padding: 20px 30px 7px 0; } td .qtyBreakPriceGSTDetail, td .catPriceGSTDetail { font-size: 0.8rem !important; color: #ACACAC!important; font-weight: normal !important; } td span.catItemDiscount { font-size: 0.9em; } .catalogue-details table a.IBSCellLink { font-family: 'robotobold'; color: #7ab92f; font-size: 1rem; } .item-pricing .IBSOutputStrike p, td .IBSListCellNumberStrike p{ display: inline; } td.catListPrice .qtyBreakItemDiscount{ position: absolute; float: left; left: 0; top: 5px; margin: 0; } td.catListPrice .qtyBreakDetail .qtyBreakPriceNetDetail{ line-height: 2rem; } #ItemDetail .IBSListCellNumberStrike, td.catListPrice span.IBSListCellNumberStrike{ font-size: 0.9em; color: #aCACAC; font-weight: normal; } td .catDetailAvailability{ position: relative; bottom: 0; top: 10px; padding: 10px; min-width: 100px; } .expandable { font-size: 1rem; line-height: 1.4rem; /*font-weight: bold;*/ } .read-more a { color: #41ace2; } .product-code-container { /* display: inline-block; float: right; line-height: 2;*/ } .product-code-container > label { display: none; } .catItemDetail .catDetailYT { display: none; } .item-detail .item-youtube { clear: both; margin-bottom: 4rem; } /* List View for catalogue browser */ @media (min-width: 768px) { #ItemCatalogue .category-list ul div { float: left; padding-right: 5px; } #ItemCatalogue .category-list ul.col2 div { width: 50%; } #ItemCatalogue .category-list ul.col3 div { width: 33%; } #ItemCatalogue .category-list ul.col4 div { width: 25%; } } #multi-item-container-browse { clear: both; margin-top: 14px; padding: 14px 0 14px 14px; background: #F5F5F5; position: relative; z-index: 1; } #multi-item-container-browse .sub-category-item { width: 188px; display: inline-block; vertical-align: top; padding: 10px 0; margin: 0 7px 17px 0; text-align: center; background: #FFF; position: relative; border: 1px solid #EDEDED; box-shadow: 0 1px 6px -2px rgba(0, 0, 0, 0.27); } .multi-category-item:before, .sub-category-item:before { content: ""; z-index: -1; position: absolute; left: 10px; bottom: 7px; width: 30%; max-width: 200px; max-height: 30px; height: 55%; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); -webkit-transform: skew(-15deg) rotate(-6deg); -moz-transform: skew(-15deg) rotate(-6deg); -ms-transform: skew(-15deg) rotate(-6deg); -o-transform: skew(-15deg) rotate(-6deg); transform: skew(-15deg) rotate(-6deg); } .multi-category-item:after, .sub-category-item:after { content: ""; z-index: -1; position: absolute; /* left: auto; */ right: 10px; bottom: 7px; width: 30%; max-width: 200px; max-height: 30px; height: 55%; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); -webkit-transform: skew(15deg) rotate(6deg); -moz-transform: skew(15deg) rotate(6deg); -ms-transform: skew(15deg) rotate(6deg); -o-transform: skew(15deg) rotate(6deg); transform: skew(15deg) rotate(6deg); } .sub-category-item h2 { font-size: 14px; font-weight: bold; } .sub-category-image-link img { margin: auto; } .MTA-ART-AND-CRAFT.catalogueBrowser .catalogue-info { display: none; } /*---START IMAGE NAVIGATION---*/ ul.image-nav { list-style: none; display:block; } /*---SHOW BUTTONS ON PAGE LOAD TELEPHONE TO JUST OVER iPAD---*/ @media screen and (max-width:1025px) and (min-width:319px) { ul.image-nav { display:block; } .panel-container div.col-md-4 { padding-right: 0.4rem; } } ul.image-nav li.prev { position:absolute; top:35%; /*bottom:25%;*/ left:0; } .catItemDetail ul.image-nav .fa.fa-angle-left, .catItemDetail ul.image-nav .fa.fa-angle-right { font-size:1.5rem; } ul.image-nav .fa.fa-angle-left, ul.image-nav .fa.fa-angle-right{font-size:2rem;} ul.image-nav li.next { position:absolute; top:35%; /*bottom:25%;*/ right:10px; z-index:1; } ul.image-nav li.prev button.nav.prev { text-align:left; padding-right:4px; padding-left:3px; opacity:1; } ul.image-nav li.next button.nav.next { text-align:right; opacity: 1; right: 6px; position: relative; z-index: 1; } ul.image-nav li button.nav { width: 28px; vertical-align:middle; padding:1px 0 0; background:none; border:1px solid transparent; border-radius:3px; text-shadow:0 -1px 0 #b7b7b7; z-index:7; font-size:18px; color:#000; font-weight:bold; -moz-transition:all 300ms ease-in-out; -webkit-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; opacity: 0.7; } .highslide-container { z-index: 15 !important;} /*---END IMAGE NAVIGATION---*/ .item-info .cutQty { } #ItemDetail .item-info h1.IBSPageTitleText { font-size: 2rem; color: #7ab92f; font-weight: 700; } /*.item-detail .addCutQtyWrap .cutQty , .item-detail .addCutQtyWrap .addQty { padding: 5px 0px; }*/ .item-pricing span.IBSTextAttention, span.qtyBreakPriceNetDetail { font-size: 1.7rem; /* font-family: 'robotobold'; */ display: block; color: #000; line-height: 100%; margin-bottom: -10px; } .item-pricing span.IBSTextAttention:before { display: none; } .item-pricing span.catPriceGSTDetail { font-size: 1rem; display: block; color: #ACACAC; } .item-info .addToCartDetail { } .item-info .addToCart { /*width: 49%;*/ height: 2.7rem; font-size: 1.1rem; } /*.item-info .addCutQtyWrap .cutQty, .item-info .addCutQtyWrap .addQty { width: 2.7rem; line-height: 2.7rem; font-size: 1.5rem }*/ .item-info .addToCartDetail .IBSInput, .order-pack .addToCartDetail .IBSInput { font-size: 1.3rem; } .item-info .addToCartDetail label { font-size: 0.8em; font-weight: bold; } .item-availability { padding: 0.5rem; /*text-align: right;*/ } .item-availability span { white-space: nowrap; } .item-availability .IBSAvailabilityCell { display: none; } /*============================ HIDING IN STOCK STATUS =====================================*/ span.IBSAvailabilityCellShortage img, span.IBSAvailabilityCellShortageBold img, span.IBSAvailabilityCell img, span.IBSAvailabilityCellBold img { /*display: inline-block;*/ display: none; } .catDetailItemReplaced { font-size: 0.8em; } /*---IN STOCK---*/ span.IBSAvailabilityCell:after, span.IBSAvailabilityCellBold:after { content:"In Stock"; font-size:14px; font-weight:bold; color:#41ace2; padding-left:6px; display:inline-block; } span.IBSAvailabilityCell:before, span.IBSAvailabilityCellBold:before { content: "\f058"; color: #41ace2; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 18px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*---OUT OF STOCK---*/ span.IBSAvailabilityCellShortage:after, .IBSAvailabilityCellShortageBold:after { content:"SOLD OUT"; font-size:14px; font-weight: 700; color:#891e8b; padding-left:6px; display:inline-block; } span.IBSAvailabilityCellShortage:before, .IBSAvailabilityCellShortageBold:before { /*content: "\f057"; color: #891e8b; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 18px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ content: "\e81e"; color: #fff; background: #891e8b; padding: 0; text-align: center; width: 25px; height: 25px; border-radius: 50%; display: inline-block; font-size: 16px; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; } .item-detail .IBSPageTitleText { color: #891e8b; font-size: 1.3rem; line-height: 1.9rem; font-weight: bold; } .item-info .item-availability { padding: 0; } .catDetailOffer { position: absolute; left: 0; top: 10px; } .IBSListCellNumberStrike p{ display: inline; } .qtyBreakDetail { padding: 0 0 0 15px; white-space: nowrap; } .scheduled-price span.qtyBreak , .qtyBreakDetail span.qtyBreak { font-size: 0.9em; color: #45B870; font-weight: bolder; } .gcsPrice .IBSListCellNumberStrike em{ display: none; } .scheduled-price .IBSListCellNumberStrike, .gcsPrice .IBSListCellNumberStrike, .IBSListCellNumberStrike, .IBSListCellNumberStrike p, .item-pricing .IBSOutputStrike p { text-decoration: line-through; color: #ACACAC; } .item-pricing .IBSOutputStrike em { font-size: 9px; } .catItemDiscount, .catItemDiscount em, .qtyBreakItemDiscount, .qtyBreakItemDiscount em { color: #ff0000 !important; font-style: normal; font-weight: 700; } /*.qtyBreakItemDiscount { margin: 0 0 0 15px; }*/ /*.catPriceGallery .IBSListCellNumber,*/ .qtyBreakGallery .qtyBreak, .scheduled-price .IBSListCellNumberStrike, .catPriceNetGallery, .catDetailPrice .catPriceGSTDetail, .catDetailPrice .qtyBreakPriceGSTDetail, .catDetailPrice .IBSListCellNumberStrike { display: block; margin: -5px 0 0 0; color: #ACACAC; font-weight: 700; } #catalogue-details div[data-display*="TABLE_DETAIL"] .catDetailPrice .qtyBreakPriceGSTDetail { line-height: 1.5rem; } #catalogue-details div[data-display*="TABLE_DETAIL"] .catDetailPrice .qtyBreakPriceNetDetail { line-height: 1rem; margin-top: 0.1rem; font-size: 1.6rem; } .catDetailPrice .qtyBreakDetail .IBSListCellNumberStrike{line-height: 1rem;} .catItemDetail .catDetailPrice .catPriceGSTDetail, .catDetailPrice .qtyBreakPriceGSTDetail, .catDetailPrice .IBSListCellNumberStrike { font-weight: normal; font-size: 0.9rem; line-height: 2rem; } #catalogue-details div[data-display*="TABLE_DETAIL"] .catDetailPrice > .qtyBreakDetail +.qtyBreakDetail +.qtyBreakItemDiscount + .catDetailAvailability + .addToCartDetail { bottom: -2px; } #catalogue-details div[data-display*="TABLE_DETAIL"] .catDetailPrice .qtyBreakDetail:nth-child(2){ top: -7px; position: relative; } .catDetailPrice .IBSListCellNumber, .catDetailPrice .catPriceNetDetail, .catDetailPrice .qtyBreakPriceNetDetail { display: block; margin: 0; font-size: 1.8rem; /*line-height: 18px;*/ white-space: nowrap; } .item-pricing span { display: block; } div.priceAndAvailability .catDetailPrice .IBSListCellNumber, #ItemDetail .item-pricing .catPriceNetDetail { margin: 5px 0px; } .item-pricing .catPriceNetDetail, .item-pricing span.IBSListCellNumber { font-size: 2.0rem; line-height: 100%; display: block; margin-bottom: -10px; } .item-pricing span.IBSListCellNumber { margin-bottom: 0px; } .catalogueBrowser #footer{ padding-top: 25px; } #ItemDetail .item-image div.col-md-12{ height: 280px; } #ItemDetail .qtyBreakDetail { display: inline-block; width: 49%; padding: 0; } #ItemDetail .qtyBreak { display: block; margin: 0; font-size: 1rem; } #ItemDetail .IBSListCellNumberStrike { display: block; color: #ACACAC;line-height: 2.5rem; } #ItemDetail .qtyBreakPriceNetDetail { display: block; width: 100%; font-size: 2.5rem; text-align: start; line-height: 100%; margin-bottom: -10px; color: #37342E; } #ItemDetail .qtyBreakPriceGSTDetail { display: block; line-height: 100%; color: #ACACAC; font-weight: 700; } #ItemDetail .qtyBreakItemDiscount { display: block; margin: 0; } /*#ItemDetail .addCutQtyWrap {right:-7rem;}*/ #ItemDetail .item-meta div { display: inline-block; vertical-align: top; width: 49%; } #ItemDetail .item-code { /*width: 50%;*/ display: inline-block; float: right; font-size: 10px; margin-top: 0.5rem; padding-right: 1rem; color: #969696; } #ItemDetail .item-code p { margin: 0; } #ItemDetail .item-description { padding: 0.4rem 0; } #ItemDetail .item-attachments a { font-size: 0.76rem; color: #000; text-decoration: underline; } #ItemDetail .item-attachments p > a{ padding: 0.2rem 0.2rem; margin: 0; } #ItemDetail .item-attachments p { margin:0; } #ItemDetail .item-attachments .sectionHeader { font-size: 14px; margin: 0.2rem 0; font-weight: bold; } #ItemDetail .item-text { clear: both; padding: 1rem 0; font-size: 1rem; line-height: 18px; } #ItemDetail .item-description .fa-stack { margin-right: 8px; } #ItemDetail .item-description .fa-stack .fa-circle-thin { color: #7ab92f; } #ItemDetail .item-description .fa-stack .icon-book, #ItemDetail .item-description .fa-stack .icon-link { color: #7ab92f; font-size: 14px; top: -2px; } #ItemDetail .addToCartDetail:before{ top:0; } #ItemDetail .item-info .addToCart { height: auto; padding: 1px; } #ItemDetail .item-art-page { display: none; } #ItemDetail .item-art-page p, #ItemDetail .item-cat-page p{ margin: 0; } #ItemDetail .item-art-page , #ItemDetail .item-cat-page { padding: 0.4rem 0; font-size: 14px; font-weight: 700; } #ItemDetail .item-art-page i, #ItemDetail .item-cat-page i, #ItemDetail .item-catalogues i { color: #918f8f; font-size: 1rem; } #ItemDetail .item-art-page i , #ItemDetail .item-cat-page i { padding-right: 10px; } #ItemDetail .item-catalogues i { padding-right: 5px; } #ItemDetail #socialcontainer { display: none; } #ItemDetail .item-cat-links { font-size: 0.76rem;text-decoration: underline; padding-left: 3rem; } #ItemDetail .item-cat-links .CatLink { color: #000000; font-size: 14px;} #ItemDetail .item-cat-links .fa { padding-left: 5px; } #ItemDetail .item-pricing { /*border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA;*/ } #ItemDetail .catPriceDetail { margin: 5px;} #ItemDetail .item-pricing span.IBSTextAttention {/* margin: 5px 0px; */} #ItemDetail .catPriceDetail .IBSOutputStrike { /*display: none;*/ text-decoration: line-through; color: #ACACAC;} #ItemDetail .item-cat-links .CatLink:first-child, #ItemDetail .item-cat-links .fa{display: none;} .free-shipping-info { font-size: 0.8rem; font-weight: 700; color: #37342E; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; margin: 1rem 0 0; padding: 1rem 0; } .free-shipping-info span { color: #ff0000; } .pack-item span { display: block; } .catalogueBrowser .catalogue-header { /* border: 1px dashed #b3b3b3; border-width: 0px 0px 1px 0px;*/ } .catalogueBrowser .catalogue-details { margin-top: 1rem; } .catalogueBrowser .catalogue-details .search-actions { display: none; } /*Price Filter*/ .left-navigator-container { padding: 0; } .left-navigator-container + div.col-lg-10 {} .left-navigator-container .catFilterNSort {} .left-navigator-container .catFilterNSort div { width: 99%; padding: 0; } .left-navigator-container .price-filter-container { border-top: 1px solid #9ad3f0; margin-top: 2rem; padding: 0.5rem 0 !important; } .left-navigator-container .price-filter { clear: both; font-weight: 700; } .left-navigator-container .price-filter .filterheader { padding: 5px 0; } .left-navigator-container .price-filter .filterheader .label { padding: 0; color: #41ace2; font-size: 1rem; font-weight: bold; text-transform: capitalize; width: 80%; text-align: left; } #price-default-from:before{content:"$";} #price-default-to:before{content:"$";} .left-navigator-container .price-filter .filterheader .clear { font-size: 75%; font-weight: bold; color: #a3a3a3; } #fromPrice { margin-right:2%; } #toPrice{ margin-left:2%; } .left-navigator-container .price-filter .priceRange {padding: 10px 0;} .left-navigator-container .price-filter .priceRange input[type="text"], .left-navigator-container .price-filter .priceRange input[type="number"] { width: 28%; text-align: center; font-size: 17px; font-weight: 700; border-radius: 20px; border: 1px solid #7ab92f; } .left-navigator-container .price-filter .priceRange input.btn-goFilter { background: #7ab92f; border: none; color: #ffffff; font-size: 20px; line-height: 1; padding: 2px 20px; border-radius: 20px; margin-left: 4px; vertical-align: middle; } .left-navigator-container .view-sort-share-container { padding: 5px 0; } .left-navigator-container .view-sort-share { padding: 13px 0; } .left-navigator-container .view-sort-share .view-by { padding: 0.6rem 0; border-top: 1px solid #9ad3f0; font-weight: 600; } .left-navigator-container .view-sort-share .view-by .styleActions { } .left-navigator-container .view-sort-share .view-by:before { content: 'View'; color: #41ace2;} .left-navigator-container .view-by .styleActions .selectedtrue { border: 1px solid #70787a; margin-right: -3px; padding: 0px 17px 1px 25px; color: #cccccc; } .left-navigator-container .catalogue-details .view-by { display: none; } .left-navigator-container .view-by .styleActions { display: inline-block; } .left-navigator-container .view-by .styleActions .selectedfalse { border: 1px solid #cccccc; padding: 0px 17px 1px 25px; color: #7f7f7f; margin-left: 1rem; } .left-navigator-container .view-sort-share .sort-by { clear: both; padding: 0.6rem 0; border-top: 1px solid #9ad3f0; border-bottom: 1px solid #9ad3f0; } #leftPromoSection{ /*padding: 0.5rem 0;*/ } .leftPromoSection .side-free_shipping #promoMsg{ color: #7ab92f; } .leftPromoSection .side-free_shipping span > span{ color: #000; } .leftPromoSection .side-free_shipping span{ color: #41ace2; font-weight: 700; text-transform: uppercase; } .left-navigator-container .view-sort-share .sort-by label { color: #41ace2; display: block; font-weight: 600; } .side-free_shipping { padding-bottom: 0.5rem; } .left-navigator-container .view-sort-share .sort-by select { border: none; background: #7ab92f; color: #ffffff; border-radius: 20px; padding: 2px 5px; width: 100%; } .left-navigator-container .view-sort-share .share { display: none; } .actions .fa-envelope { display: none; } .actions .share { text-align: right; } .actions .share a {border-radius: 2px;background-color: #3cace1; padding: 0 6px; margin-right: 5px; font-size: 1.3rem; color: #ffffff; display: inline-block; cursor: pointer; } .actions .share #shareBtn i {background-color: #3cace1; padding: 0 3px; font-size: 1.3rem; color: #ffffff; display: inline-block; } .actions .share #shareBtn { display: inline-block; } .actions .share a i { color: #ffffff; } .actions .share:before {content: "SHARE"; color: #3cace1; font-weight: 700; padding-right: 5px; } .left-navigator-container .view-sort-share .share a i { color: #75787d; } #shareBtn .fa-facebook:before{ font-size: 1.6rem; top: 6px; position: relative; } .left-navigator-container .view-sort-share .share a { border: 2px solid #75787d; border-radius: 50%; width: 30px; height: 30px; display: inline-block; text-align: center; font-size: 16px; } .left-navigator-container .rSection .IBSPageTitleHeader { font-family: 'robotobold'; color: #7ab92f; text-transform: uppercase; font-size: 1.5625rem; padding-bottom: 0; } .price-filter .filterheader .clear { cursor: pointer; } .catalogueBrowser h1.IBSPageTitleText { line-height: 1; font-size: 1.5625rem; } .catalogueBrowser .page-contents { padding-top: 2rem; } @media (min-width: 769px) { /*.left-navigator-container { width: 20%; }*/ .left-navigator-container + div.col-lg-10 { width: 80%; } } .form-error { border-color: #d9534f !important; } .priceRange input[type=number]::-webkit-inner-spin-button, .priceRange input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* ==== END CATALOGUE BROWSER =====================================================*/ /*---HIGHSLIDE---*/ .item-thumbnail-group .highslide-gallery img { visibility: hidden; max-width: 100%; position: relative;} /* ==== START ART + CRAFT CATEGORY LISTING PAGE =====================================================*/ .category-item-row { border-bottom: 1px dashed #65c9d8; display: flex;} .category-item-row:last-of-type { border-bottom:none; } .category-item-image { flex: 1 0 auto;} .category-item .text { flex: 1 0 auto;} .category-item-image img { margin: 0 auto; width: 100%; height: 100%;} .category-item-image img:hover, .category-item-image img:active { opacity:0.8; } .category-item { display: flex; flex-direction: column;} .category-item .text h4 { font-size:1em; font-weight:bold; } .category-item .text h4 a { width:100%; display:block; color:#37342E; } @media (max-width: 34em) { .category-item-row { flex-direction: column;} } /* ==== END ART + CRAFT CATEGORY LISTING PAGE =====================================================*/ /* ==== START SHOPPING CART PAGES =====================================================*/ @-webkit-keyframes pg-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } // Spec and IE10+ @keyframes pg-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .cartProgress { height: 20px; margin: 3rem 0; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); } .cartProgress:after, .cartProgress:before { display: table; content: " "; clear: both; } .cartProgress .step0, .cartProgress .step1, .cartProgress .step2 { float:left; width: 33%; height: 100%; font-size: 12px; line-height: 20px; text-align: center; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; -webkit-background-size: 40px 40px; background-size: 40px 40px; -webkit-animation: pg-stripes 2s linear infinite; -o-animation: pg-stripes 2s linear infinite; animation: pg-stripes 2s linear infinite; } .cartProgress .active a { color: #fff; text-decoration:none; font-weight: bold; } .cartProgress .step0.active { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-color: #65C9D8; } .cartProgress .step0.active + .step1 { background: none !important; } .cartProgress .step1.active, .cartProgress .step0 { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-color: #65C9D8; } .cartProgress .step2.active, .cartProgress .step1, .cartProgress .step0 { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-color: #65C9D8; } .actionList .dropdown-menu > li > a { color: #333333; font-size: 0.9rem; } .actionList li i { } .shoppingCart .shopping-cart-container { float:none; } .header-top-bar .shopping-cart-container { float:right; right:0; } .shopping-cart-container .showDeleteOrderLine { color: #891e8b; } .shopping-cart-container table.IBSListTable2 { width: 100%; } .shopping-cart-container table.IBSListTable2 p { margin: 0; } .shopping-cart-container table.IBSListTable2 tr:first-child { height: 28px; color: #37342E; font-size: 14px; font-weight: 700; border-bottom: 1px solid #DDD; } tr.cartTotals { vertical-align:top; background:#f7f6f5; color:#37342E; } .IBSOrderTotalTable { margin: 0 auto; } .IBSOrderTotalTable tr td:first-child { text-align: left; padding-right: 54px; } .shopping-cart-container td.IBSListCell.cartQuantity input[type="text"] { width: 35px; padding: 3px 6px; border-radius: 3px; border: 1px solid #DAD7D7; } .cartQuantity img { display: inline; } #cartOverlay { position: absolute; right: 0; top: 145px; z-index: 1; } .primary-fixed #cartOverlay { position: absolute; right: 0; top: 5rem; } #cartOverlay button { padding: .25rem .75rem; font-size: .85rem; line-height: 1.5; border-radius: .2rem; } .shopping-cart-container table.IBSListTable2 tr.cartTotals td.cart-left { border-radius: 7px 0 0 7px; padding: 20px 0; } .shopping-cart-container table.IBSListTable2 tr.cartTotals td.cart-right { border-radius: 0 7px 7px 0; padding: 20px 0; } .cartProductImage img { width: 60px; } .cart-promotion, .cart-totals { text-align: left; padding: 0 15px; font-size: 1rem; } .cart-totals .form-control-label { padding: 2px 0; } .cart-totals .cartLabelTotal, .cart-totals .cartTotal { } .cart-auto-promotion, #vouchers { color: #891e8b; text-align: left; font-size: 1rem; } .cart-auto-promotion i { font-size: 1.5rem; padding-right: 6px; } .remove-giftcard { cursor: pointer; } em.IBSMandatoryDataChar { color: rgb(233, 22, 22); font-style: normal; padding-left: 3px; } .sc-budget-container{ float: left; width: 100%; } .cart-promotion-form input.form-control{ z-index: 1; } .cart-promotion-form .input-group-btn { vertical-align: bottom; } .cart-promotion .enter-promo { color: #0fa5bb; font-weight: 700; padding-bottom: 6px; } .cart-promotion .enter-promo i { font-size: 1.5rem; color: #ff0000; } .form-actions .actionList ul.actions { padding-left:0; } .shoppingCart .modal-body.email-items textarea#textItems_EF { width: 100%; } #OrderEntry{ font-size: 0.9rem; } /* ==== END SHOPPING CART PAGES =====================================================*/ /* ==== MANAGE BUDGET PAGE ===============================================-----======*/ #managebudgets .filters{margin: 33px 0px;} #managebudgets #results, #managebudgets .findnav, #managebudgets #resultcount { margin: 0 10px; } .newnote div {margin-bottom:10px;} #siteSelection .modal-dialog, .budgetsmodal#modal .modal-dialog{ position: relative; display: table; overflow-y: auto; overflow-x: auto; /* width: auto; */ min-width: 300px; } /* ==== END OF MANAGE BUDGET PAGE =====================================================*/ /* ==== START DELIVERY ADDRESS =====================================================*/ ul.ui-autocomplete { width: 20rem !important; background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.2); border-top: none; border-radius: 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); padding: 8px 0; list-style-type: none; margin-top: -1px; } ul.ui-autocomplete li a.ui-corner-all { display: block; color: #acacac; font-size: 1rem; padding: 3px 20px; } ul.ui-autocomplete li a.ui-state-focus { color: #7ab92f; text-decoration: none; } ul.ui-autocomplete li { white-space: nowrap; cursor: pointer; font-size: 0.9rem; line-height: 1.5rem; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } p.IBSLabelHeader { font-size: 1.2rem; font-weight: 700; } .order-delivery-form .IBSHtmlSelectForm { display: block; width: 100%; padding: 0.5rem; } /* ==== END DELIVERY ADDRESS =====================================================*/ /* ==== START PAYMENT PAGE =====================================================*/ .credtcardPayments label { font-weight: 700; } .order-payments-form { border: 1px solid rgb(195, 195, 195); border-radius: 7px; background: rgb(250, 250, 250) none repeat scroll 0% 0%; } .order-payments-message p { color: rgb(101, 201, 216); padding: 10px; margin-bottom: 20px; line-height: 1.4rem; background: rgb(238, 245, 250) none repeat scroll 0% 0%; border: 1px solid rgb(161, 200, 227); border-radius: 7px; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7); } ul.acceptedCards { width:300px; height:32px; padding:0px 0 40px; list-style-type: none; } ul.acceptedCards li { height:32px; width:51px; display: inline-block; margin:0 10px 0 0; text-indent:-9997px; background:url(/resources/site/PD/new-credit-card-sprite.png) no-repeat 0 0; -moz-transition:all 200ms ease-in-out; -webkit-transition:all 200ms ease-in-out; -o-transition:all 200ms ease-in-out; -ms-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; } ul.acceptedCards li.visa { background-position:0 0; } ul.acceptedCards li.visa.off { background-position:0 -32px; } ul.acceptedCards li.mastercard { background-position:-51px 0; } ul.acceptedCards li.mastercard.off { background-position:-51px -32px; } ul.acceptedCards li.amex { width:63px; background-position:-102px 0; } ul.acceptedCards li.amex.off { width:63px; background-position:-102px -32px; } .paymentDetails .form-control { width: inherit; width: initial;} #creditcard-section #cc-logo { display: none; } /*---CVN TOOLTIP EXPLANATION---*/ .amex-four-digit { display:block; font-size:11px; padding-top:4px; } .creditCards p { font-size: 1.1rem; color: rgb(61, 61, 61); margin: 0px; padding: 0px 36px 0px 0px; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7); } .creditCards .paynow { font-weight: 700; font-size: 1.5rem; color: #37342E; } .creditCards .paymentmethods { font-weight: 700; font-size: 1rem; color: #37342E; padding-top: 1rem; } /*---END CVN tooltipshow EXPLANATION---*/ /* ==== END PAYMENT PAGE =====================================================*/ /* ==== START COPY PASTE PAGE =====================================================*/ p.order-copy-paste-header { font-size: 1.5em; font-weight: bold; } #OrderLineCopyPaste .actions .action-convert, #OrderLineCopyPaste .actions .action-clear { display: inline-block; } .order-copy-paste-info { background: #f7f9fb; padding: 2rem 0; margin-top: 2rem; font-size: 0.9rem; order-top: 1px solid #e1e1e1; } .order-copy-paste-info h2 { font-weight: 700; } .order-copy-paste-info h5 { font-weight: 700; color: #0FA5BA; } .OrderLineCopyPaste #dead-space { height: 0; } .OrderLineCopyPaste .action-convert a { color: #fff; background-color: #ff0000; border-color: #DCE664; display: inline-block; padding: 0.5rem 1rem; font-size: 0.8rem; font-weight: 400; line-height: 1.5; text-align: center; } /* ==== END COPY PASTE PAGE =====================================================*/ /* ==== START ORDER LINE ENTRY PAGE =====================================================*/ .disabledTab{ pointer-events: none;} .order-line-entry-table .actions { background: #f0eeee; } .order-line-entry-table .actions a { background: none; border: none; color: #72787a; text-transform: capitalize; font-weight: 100; font-size: 14px !important; font-family: 'varela_roundregular'; } .order-line-entry-table .actions .action-validate a:before { content: "\e811"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; border: 2px solid; border-radius: 50%; padding: 2px; background: #fff; margin-right: 5px; } .order-line-entry-table .actions .action-extend a:before { content: "\e809"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; border: 2px solid; border-radius: 50%; padding: 4px; background: #fff; margin-right: 5px; font-size: 10px; } .order-line-entry-table .actions .action-clear a:before { content: "\e808"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; font-size: 20px; border-radius: 50%; padding: 0; background: #fff; margin-right: 5px; } .order-line-entry-table .actions .action-add-to-cart a:before { content: "\e800"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; font-size: 20px; border-radius: 50%; padding: 0; background: #fff; margin-right: 5px; } .IBSOrderDetailTable span.alert-danger { color: #7ab92f; background-color: #fff; border-color: #fff; text-transform: uppercase; } .IBSOrderDetailTable span.alert-danger:before { content: "\f06a"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 2rem; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; margin-right: 5px; } .IBSOrderDetailTable th { padding-left: 0; } .IBSOrderDetailTable .quickDescription input { background: #f0eeee !important; } .order-line-entry #tabs { display: none; } /* Hiding Tabs*/ .order-line-entry #tabs .nav-item.active{ border-bottom: none; border-radius: 5px 5px 0px 2px; } .order-line-entry-tabs .actions.pull-right{ right: 2px; position: relative; margin: 15px 0px -25px 0px; } .order-line-entry-tabs .actions.pull-right + .dt-bootstrap{ position: relative; float: right; right: 17%; margin: -13px 0px 10px 0px; } .order-line-entry-table .alert { padding: 5px;} .order-line-entry-table .table td { border: none; /*border-bottom: 1px solid #d7d7d7;*/ padding: 5px 0px; font-weight: 100; font-size: 1rem; } .order-line-entry-table tfoot { display: none; } #OrderLineEntry .actions a{font-size: 1.0rem;text-decoration: none;} #catalogue-details #buyall{ float: right; margin: 0 10px; display: none; } #catalogue-details .fa .fa-play-circle-o{ font-size: 1.2rem; padding: 2px 5px 2px; top: 2px; position: relative; } .table-catalogue .category td { background-color: #ff0000; color: #FFFFFF; } .order-line-entry-table input[type="text"] { /*border: none;*/ border: 1px solid #e6e6e6; background: #fff; color: #72787a; font-weight: 100; padding: 5px 12px; } .quickDescription input[type="text"] { /*border: none;*/ } #OrderLineEntry .actions div { float: left; margin-left: 10px; line-height: 3; } #OrderLineEntry .page-message { padding-bottom: 0 !important; } #OrderLineEntry .page-message ol { margin-left: 0; padding-right: 0; list-style-type: none; } #OrderLineEntry .page-message ol li { counter-increment: step-counter; padding: 5px 0;} #OrderLineEntry .page-message ol li:before { content: counter(step-counter); margin-right: 15px; color: #ffffff; padding: 3px 8px; background: #41ace2; border-radius: 50%; } /* ==== END ORDER LINE ENTRY PAGE =====================================================*/ /* ==== ARLedger transaction PAGE =====================================================*/ .ar-transactions .alert.alert-warning { display:inline;float:right;} .massDL-popover{ display: block; width: 150px; text-decoration:none; } /* ==== End of ARLedger transaction PAGE =====================================================*/ /* ==== START ART ACTIVITIES =====================================================*/ .category .PageTitle{ margin-top: 9rem;text-align:center;} canvas#backgroundSnowCanvas { top: 11rem !important; } .sm-simple { background: white; } .activity-details-column{ font-size: 1rem;} #activity-steps{ line-height: 1.6rem; font-weight: 500; padding-left: 20px; } .activity-summary{font-weight:bold;} #table-material-requried td.column2{font-size: 0.8rem;} #table-material-requried td.column1,#table-material-additional td.column1 { width: 15%;} .column5 .activity-qty { border: 1px solid #e6e6e6; text-align: center; width: 3rem; height: 36px; bottom: 0 !important; font-weight: bolder; } .sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active { color: #37342E; font-size: 0.9rem; font-weight: bolder; padding: 13px 20px; /* make room for the toggle button (sub indicator) */ padding-right: 58px; font-weight: normal; line-height: 17px; text-decoration: none; } .sm-simple a.current { background: #555555; color: white; } .sm-simple a.disabled { color: #cccccc; } .sm-simple a span.sub-arrow { position: absolute; top: 50%; margin-top: -17px; left: auto; right: 4px; width: 34px; height: 34px; overflow: hidden; font: bold 14px/34px monospace !important; text-align: center; text-shadow: none; background: rgba(0, 0, 0, 0.08); } .sm-simple a.highlighted span.sub-arrow:before { display: block; content: '-'; } .sm-simple li { border-top: 1px solid rgba(0, 0, 0, 0.05); } .sm-simple > li:first-child { border-top: 0; } .sm-simple ul { position: relative; background: rgba(179, 179, 179, 0.1); } .sm-simple ul a, .sm-simple ul a:hover, .sm-simple ul a:focus, .sm-simple ul a:active { font-size: 14px; border-left: 8px solid transparent; } .sm-simple ul ul a, .sm-simple ul ul a:hover, .sm-simple ul ul a:focus, .sm-simple ul ul a:active { border-left: 16px solid transparent; } .sm-simple ul ul ul a, .sm-simple ul ul ul a:hover, .sm-simple ul ul ul a:focus, .sm-simple ul ul ul a:active { border-left: 24px solid transparent; } .sm-simple ul ul ul ul a, .sm-simple ul ul ul ul a:hover, .sm-simple ul ul ul ul a:focus, .sm-simple ul ul ul ul a:active { border-left: 32px solid transparent; } .sm-simple ul ul ul ul ul a, .sm-simple ul ul ul ul ul a:hover, .sm-simple ul ul ul ul ul a:focus, .sm-simple ul ul ul ul ul a:active { border-left: 40px solid transparent; } .activityHome .col-md-2{ background: #fff; padding: 20px;} @media (min-width: 768px) { /* Switch to desktop layout ----------------------------------------------- These transform the menu tree from collapsible to desktop (navbar + dropdowns) -----------------------------------------------*/ /* start... (it's not recommended editing these rules) */ .sm-simple ul { position: absolute; } #activity-menu ul { position: relative; overflow: auto; width: 100% !important; float: left; list-style: none; margin: 0; padding: 0; min-width: 8rem !important; } .sm-simple li { float: left; } #activity-menu li { width: 100%; position: relative; display: block; } .sm-simple.sm-rtl li { float: right; } .sm-simple ul li, .sm-simple.sm-rtl ul li, .sm-simple.sm-vertical li { float: none; } .sm-simple a { white-space: nowrap; } .sm-simple ul a, .sm-simple.sm-vertical a { white-space: normal; } .sm-simple .sm-nowrap > li > a, .sm-simple .sm-nowrap > li > :not(ul) a { white-space: nowrap; } #activity-menu .sm-nowrap > li > a, #activity-menu .sm-nowrap > li > :not(ul) a { white-space: initial; width: 100%; position: relative;} /* ...end */ .sm-simple { background: transparent; } .sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted { padding: 4px 0; color: #0FA5BB; font-size: 0.9rem; font-weight: bolder; } .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted { text-decoration: underline; } .sm-simple a.current { background: #555555; color: white; } .sm-simple a.disabled { background: white; color: #cccccc; } .sm-simple a.has-submenu { } .sm-simple a span.sub-arrow { top: 50%; margin-top: -8px; right: 20px; width: 8px; height: 16px; font: 14px/16px monospace !important; background: transparent; } .sm-simple a.highlighted span.sub-arrow:before { display: none; } .sm-simple > li { border-top: 0; } .sm-simple > li:first-child { border-left: 0; } .sm-simple ul { } .sm-simple ul a { border: 0 !important; color: #555555; padding: 5px; } .sm-simple ul a:hover { color: #555555; padding: 5px; } .sm-simple ul a.has-submenu { padding-right: 20px; } .sm-simple ul a span.sub-arrow { right: auto; margin-left: -12px; } .sm-simple ul > li { border-left: 0; } .sm-simple li { border-top: none; } .sm-simple ul > li:first-child { border-top: 0; } .sm-simple span.scroll-up, .sm-simple span.scroll-down { position: absolute; display: none; visibility: hidden; overflow: hidden; background: white; height: 20px; } .sm-simple span.scroll-up-arrow, .sm-simple span.scroll-down-arrow { position: absolute; top: -2px; left: 50%; margin-left: -8px; width: 0; height: 0; overflow: hidden; border-width: 8px; border-style: dashed dashed solid dashed; border-color: transparent transparent #555555 transparent; } .sm-simple span.scroll-down-arrow { top: 6px; border-style: solid dashed dashed dashed; border-color: #555555 transparent transparent transparent; } .sm-simple.sm-rtl a.has-submenu { padding-right: 20px; padding-left: 32px; } .sm-simple.sm-rtl a span.sub-arrow { right: auto; left: 20px; } .sm-simple.sm-rtl.sm-vertical a.has-submenu { padding: 11px 20px; } .sm-simple.sm-rtl.sm-vertical a span.sub-arrow { right: 20px; margin-right: -12px; } .sm-simple.sm-rtl > li:first-child { border-left: 1px solid #eeeeee; } .sm-simple.sm-rtl > li:last-child { border-left: 0; } .sm-simple.sm-rtl ul a.has-submenu { padding: 11px 20px; } .sm-simple.sm-rtl ul a span.sub-arrow { right: 20px; margin-right: -12px; } .sm-simple.sm-vertical a span.sub-arrow { right: auto; margin-left: -12px; } .sm-simple.sm-vertical li { border-left: 0; border-top: 1px solid #eeeeee; } .sm-simple.sm-vertical > li:first-child { border-top: 0; } .sm-simple > li { padding: 0; } .sm-simple > li > a:after { } .sm-simple > li:last-of-type > a:after { content: ""; } .sm-simple a span.sub-arrow { display: none; } ul.sm-simple ul { } } body.activities { padding: 0; } .activity-header { text-align: center; display: inline-block; background: transparent none repeat scroll 0% 0%; height: 213px; } .activity-text1 { font-size: 3.8rem; color: #92278F; margin: 4px 0px 3px; } .activity-text1, .activity-text2, .activity-text5 { line-height: 1.1em; margin: auto; top: 30%; position: relative; width: 100%; text-align: center; vertical-align: middle; color: white; font-weight: 700; } .activity-text2 { font-size: 1.5rem; line-height: 2rem; margin-bottom: 2px; } .activity-text3, .activity-text5 { font-size: 22px; font-weight: bold; margin-bottom: 13px; } .activity-text4 { font-size: 16px; line-height: 1.2em; margin: 5px auto; } .activity-text5 { font-size: 16px; color: #92278F; } .activity-search { } .search-border #searchButton { position: absolute; display: inline; right: 11.3%; } .activity-search .search-border { text-align: center; margin: 0 auto; display: block; width: 80%; } .activity-search label { font-family: LolitaMedium,sans-serif; color: #FFF; font-size: 18px; margin: 0px; width: 100%; padding: 0px; } .activityLeftNav .activity-search input[type="search"] { width: 86%; } .activity-search input[type="search"] { padding: 15px 10px; width: 86%; font-size: 1rem; vertical-align: baseline; border: none; } .activity-search input[type="image"] { left: -30px; position: relative; vertical-align: middle; border: medium none; padding: 0px; margin: 0px; transition: none 0s ease 0s; } .activityHome { clear: both; margin-top: 1.7rem; } .activityHomeBanner{ margin: 0 auto; } #Activities article{ background: #f7f9fb; padding: 10px; } #upload .container { background: #f7f9fb; padding: 10px; } .item-category h3{font-weight:bold;padding: 10px 0px;} .activities-col-1, .activities-col-2, .activities-col-3 { margin-right: 15px; } .activityblock { background-color: #FFF; margin-bottom: 30px; } .activity-content h2{ font-weight: 700; font-size: 2.4rem; /*padding: 10px;*/ } .activity-content p{} .activityblock .activityblock-heading { min-height: 95px; background-repeat: no-repeat !important; background-color: #FFF !important; background-size: 100% auto !important; } .activityblock-heading h3 { color: #FFF; text-align: center; font-size: 20px; text-transform: lowercase; padding: 20px 0px 10px 5px; line-height: 1.1em; width: 155px; } .activity-image img{ } .activityblock-image { text-align: center; padding: 15px; } .activityblock-links { padding: 15px; text-align: center; } .activityblock-links ul { list-style: none; padding: 0; } .activityblock-links a, .activityblock-links li { font-size: 13px; line-height: 1.6em; } .activityblock-topics .activityblock-heading { background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-topics.jpg") repeat scroll 0% 0%; } .activityblock-globalevents .activityblock-heading { background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-global.jpg") repeat scroll 0% 0%; } .activityblock-howtotips .activityblock-heading { background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-tip-hint.jpg") repeat scroll 0% 0%; } .activityblock-inspiration .activityblock-heading { background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-inpiration.jpg") repeat scroll 0% 0%; } .activityblock-sharedideas .activityblock-heading { background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-share-ideas.jpg") repeat scroll 0% 0%; } .activityblock-artmaterials .activityblock-heading { background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-art-materials.jpg") repeat scroll 0% 0%; } .activityblock-activitysheets .activityblock-heading { background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-activity-sheet.jpg") repeat scroll 0% 0%; } .activityblock-recentadditions .activityblock-heading { background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-recently-added.jpg") repeat scroll 0% 0%; } .activityblock-skills .activityblock-heading { background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-skills.jpg") repeat scroll 0% 0%; } .activityblock-clipart .activityblock-heading { background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-clip-art.jpg") repeat scroll 0% 0%; } .activityblock-footer { min-height: 53px; background-repeat: no-repeat !important; background-color: #FFF !important; background-size: cover !important; } .activityblock-topics .activityblock-footer { background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-circles-lime.jpg") repeat scroll 0% 0%; } .activityblock-howtotips .activityblock-footer { background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-squares-orange.jpg") repeat scroll 0% 0%; } .activityblock-globalevents .activityblock-footer { background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-stitch-pink.jpg") repeat scroll 0% 0%; } .activityblock-inspiration .activityblock-footer { background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-solid-line-teal.jpg") repeat scroll 0% 0%; } .activityblock-sharedideas .activityblock-footer { background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-circles-pink.jpg") repeat scroll 0% 0%; } .activityblock-artmaterials .activityblock-footer { background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-squares-teal.jpg") repeat scroll 0% 0%; } .activityblock-activitysheets .activityblock-footer { background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-stitch-lime.jpg") repeat scroll 0% 0%; } .activityblock-recentadditions .activityblock-footer { background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-squares-lime.jpg") repeat scroll 0% 0%; } .activityblock-skills .activityblock-footer { background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-solid-line-orange.jpg") repeat scroll 0% 0%; } .activityblock-clipart .activityblock-footer { background: transparent url("//d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/tiles-circles-teal.jpg") repeat scroll 0% 0%; } .category .activtyNav, .search .activtyNav { font-size: 14px; padding: 0px; border-bottom: medium none; text-align: right; margin: 10px; } .activityResults > div:first-child{ TEXT-ALIGN: CENTER; margin: 0 auto; position: relative; } .activity-buy{ border-radius: 0;} .activity-single-steps li{ border-top: 1px solid #e1e1e1; padding: 10px 0; } .item-category .PageTitle{ margin-top: 120px; text-align: center; } .activityHomeBanner div { margin: 0 auto;} .activity-single-steps li:last-child{ border-bottom: 1px solid #e1e1e1;} #activty-nav-column .nav-stacked{ padding-left: 0px; } .activityResults { padding: 0; } .activity-tile + .navBar .actions ul.nav-stacked .category-item{ display: block;} .activity-tile + .navBar .actions ul.nav-stacked { padding:0;} .activity-tile + .navBar { position: relative; } #activityResults .activity-tile.activityLeftNav, .category .activity-tile.activityLeftNav { margin-top: 12px; box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.2) inset, 0px 2px 3px rgba(0, 0, 0, 0.3); float: none; display: block; height: 85px; width: 96%; } #activty-nav-column .activity-search, .activityLeftNav .activity-search { width: 100%; text-align: left; float: left; padding: 0px; opacity: 1; background-image: none; margin-bottom: 15px; margin-top: 0px; background-color: transparent; position: relative; } ul.category-list {padding:0;} #material-required, #activity-steps, #activity-details-column{ float: none; padding: 0; display: table; } #activty-nav-column button, .activityLeftNav button{ top: 0px; z-index: 2; display: block; text-align: center; font-size: 1.5rem; color: #fff; background: #ff0000; border: none; width: 50px; height: 100%; position: absolute; display: inline; right: 0.3%; } .activity-search + #activity-nav + .navBar{float: left; width: 100%;} .activityLeftNav .activity-search input[type="search"]{width: 65%;} #activty-nav-column .activity-search input[type="search"], .activityLeftNav .activity-search input[type="search"] { padding: 20px; font-size: 12px; height: 12px; vertical-align: baseline; border: 1px solid #e1e1e1; } .activityLeftNav .activity-search input[type="image"] { margin-left: 0px; top: 20px; position: absolute; left: 10rem; } #activityCategory li.category-heading { font-size: 16px; font-weight: bold; color: #FFF; } #activityCategory li.category-heading a { color: #FFF; } .activity-image { text-align: center; min-width: 178px; min-height: 128px; } .activity-tile { width: 200px; margin: 12px 5px; padding: 15px 10px; background: #FFF none repeat scroll 0% 0%; border: 1px solid #EAEAEA; border-radius: 3px; position: relative; float: left; } #activityCategory li.category-item { font-size: 13px; font-weight: normal; padding: 5px 0px; clear: both; } .activityLeftNav ul#activityCategory,.activityLeftNav ul#activityCategory ul { padding: 0; } .activityLeftNav li { list-style-type: none;} li.category-heading{ display: block;} .activityHome ul{padding:0;} .category-item a{color: #37342E;} .category-heading i { float: right; color: black; font-size: 0.9rem; font-weight: bolder; top: 4px; position: relative; } li.category-heading { padding: 4px; border-bottom: 1px solid #e1e1e1; text-align: left; } li.category-heading:last-child{border:none;} /* ==== END ART ACTIVITIES =====================================================*/ /* ==== START NEW ONLINE ACCOUNT =====================================================*/ .newuser .link-help, .newuser2 .link-help, .newuser3 .link-help { display:none; } .newuser .page-header, .newuser2 .page-header, .newuser3 .page-header { width: 63%; margin: 0 auto; } .newuser .page-contents { width: 63%; margin: 0 auto; } .newuser2 .page-contents, .newuser3 .page-contents { width: 50%; margin: 0 auto; } .newuser .PageTitle, .newuser2 .PageTitle, .newuser3 .PageTitle { text-align: center; color: #37342E; text-transform: capitalize; font-weight: 700; } .newuser .register-error { width: 50%; text-align: left; margin: 0 auto; } .newuser .register-account .form-group { width: 66%; margin: 1rem auto; text-align: left; } .newuser .register-account .IBSLabelSmall { font-weight: 700; font-size: 1rem; color: #37342E; } .newuser .register-account .IBSInput { padding: 1rem; font-size: 1.1rem; } /* Second Page */ .user-update label,.change-password label,.ar-transactions label{font-weight:bold;} .newuser2 .register-user label { font-weight: 700; font-size: 1rem; color: #37342E; } .newuser2 .register-user .form-control { font-size: 1.2rem !important; } .newuser2 .register-user .QRY_COUNTRY { display: block; font-size: 1.2rem; width: 100%; padding: 0.6rem; } .newuser2 .register-user input#EF_POSTCODE { width: 8rem; margin-top: 1rem; } .newuser .register-actions input.IBSPushButtonSmall, .newuser2 .register-actions input.IBSPushButtonSmall, .newuser3 .register-actions input.IBSPushButtonSmall { padding: 1rem 6rem 1rem 6rem; text-transform: capitalize; } /* Third Page */ .IBSPageNumber { font-size: 1.1rem; border-bottom: 2px solid #e1e1e1; padding-bottom: 1rem; } .IBSPageNumber .pg-current { color: #ff0000; } .IBSPageNumber .pg-next { color: #acacac; } .IBSPageNumber .pg-done { color: #0fa5bb; } .IBSPageNumber i { color: #9a9a9a; font-weight: 700; padding: 0 1rem; } /* ==== END NEW ONLINE ACCOUNT =====================================================*/ /* ==== START SIGN IN =====================================================*/ .signon-page .form-control { padding: 1rem; } .signon-page h3 { color: #37342E} .signon-page .select-customer-wrapper .IBSInput { padding: 1rem; font-size: 1rem; width: 40%; } #searchResults {} #searchResults table { width: 100%; max-width: 100%; } #searchResults table td, #searchResults table td.IBSHeaderCell { padding: .75rem; line-height: 1.5; vertical-align: top; border-top: 1px solid #eceeef; } #searchResults table td.IBSHeaderCell { font-weight: bold; } #searchResults table td.label { color: #37342E !important; text-align: left; font-size: 100%; font-weight: 100; display: block; } #searchResults table a.IBSCellLink { background-color: #ff0000; border-color: #ff0000; border-radius: 0; font-weight: 700; text-transform: capitalize; color: #fff; display: inline-block; padding: .375rem 1rem; font-size: 1rem; font-weight: 400; line-height: 1.5; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; user-select: none; border: .0625rem solid transparent; } .customer-selection-cservices p, .signon-customer-services p { } .customer-selection-cservices label, .signon-customer-services label { font-weight: 700; font-size: 1rem; color: #37342E; } .customer-selection-cservices .IBSInput, .signon-customer-services .IBSInput { padding: .375rem .75rem !important; font-size: 1rem; line-height: 1.5; color: #55595c; background-color: #fff; background-image: none; border: .0625rem solid #ccc; border-radius: 0; display: inline-block;; margin: 0; } .customer-selection-cservices .IBSPushButtonSmall, .signon-customer-services .IBSPushButtonSmall { background-color: #ff0000; border-color: #ff0000; border-radius: 0; font-weight: 700; text-transform: capitalize; color: #fff; display: inline-block; padding: .375rem 1rem; font-size: 1rem; font-weight: 400; line-height: 1.5; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; user-select: none; border: .0625rem solid transparent; } /* ==== END SIGN IN =====================================================*/ /* ==== START CUSTOMER SELECTION =====================================================*/ .customer-selection .page-header .actions { display: none; } .customer-selection .IBSInput { padding: 1rem; font-size: 1rem; width: 40%; } .customer-selection h3 { font-weight: 700; color: #37342E; margin-top: 2rem; } /* ==== END CUSTOMER SELECTION =====================================================*/ /* ==== 50% CENTER LAYOUT START =====================================================*/ .half-center-layout {} .half-center-layout .page-header { width: 50%; margin: 0 auto; text-align: center; } .half-center-layout .IBSPageTitleText { color: #37342E; text-transform: capitalize; font-weight: 700;} .half-center-layout .page-contents { width: 50%; margin: 0 auto; text-align: center } .half-center-layout .IBSTextNormal { font-size: 1rem; margin: 1rem 0;} .half-center-layout .form-group { text-align: left; } .half-center-layout .form-group label { font-weight: 700; font-size: 1rem; color: #37342E; } .half-center-layout .form-group .form-control { padding: 1rem; font-size: 1rem; } .half-center-layout .btn { width: 49%; padding: 1rem; font-size: 1.1rem; text-transform: capitalize; } .half-center-layout .alert { margin: 1rem 0; } /* ==== 50% CENTER LAYOUT END =====================================================*/ /* ==== FORGOT PASSWORD START =====================================================*/ .password-request .password-request-note { margin: 1rem 0; } .password-request .password-request-note > span { color: #ACACAC; font-weight: 700; font-size: 0.9rem; } /* ==== FORGOT PASSWORD END =====================================================*/ /* ==== EXPORT SALES START =====================================================*/ .export-mta .mainContent { font-size: 1.1rem; color: #37342E; } .export-mta .mainContent h1 { font-weight: 700; } .export-mta .contact-info span:first-child { color: #0FA5BB; font-weight: 700; } .export-mta .contact-info span:nth-child(2) { font-size: 1.5rem; display: block; margin-left: 3.5rem; margin-top: -1.2rem; } .export-mta .contact-info p:first-child:before, .export-mta .contact-info p:nth-child(2):before { content: "\e81a"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; background: #ff0000; border-radius: 50%; padding: 2px 10px 4px 10px; font-size: 1.5rem; color: #fff; margin: 10px 10px 0 0; display: inline-block; } .export-mta .contact-info p:nth-child(3):before { content: "\e80a"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; background: #ff0000; border-radius: 50%; padding: 2px 9px 5px 9px; font-size: 1.5rem; color: #fff; margin: 10px 10px 0 0; display: inline-block; } .export-mta .contact-info span a { color: #37342E; } /* ==== EXPORT SALES END =====================================================*/ /* ==== CONTACT US START =====================================================*/ .contact-mta .header-top-bar .navbar .Contact-Us .nav-link { border-top: 3px solid #FFF; padding-top: 0.225rem; } .contact-mta p.lead { margin-bottom: 0; } .contact-mta .mainContent h4 { font-weight: 700; font-size: 1.6rem; color: #0FA5BB; } .contact-mta .contact-details {margin-top: 1rem;} .contact-mta .postal-info {margin-top: 1rem;} .contact-mta address { font-size: 1.1rem; color: #37342E; } .contact-mta .mainContent i.fa { position: relative; display: inline-block; vertical-align: middle; color: #ff0000; font-size: 2rem; } .contact-mta .mainContent i.fa span { font-size: 1rem; line-height: 1.8rem; color: #FFF; position: absolute; left: 0; width: 100%; text-align: center; margin-left: 2px; } .contact-mta .contact-info h4 { font-size: 1.2rem; margin: 0 0 0 1.3rem; display: inline-block; } .contact-mta .contact-info p { margin: -1.8rem 0 0 4rem; display: block; font-size: 1.5rem; color: #37342E; } .contact-mta .contact-info div { margin-bottom: 1rem;} .contact-mta .contact-info i.fa { font-size: 3rem; margin-top: 1rem; } .contact-mta .contact-info i.fa span { font-size: 1.5rem; top: 5px; } .pd-contact span.fa-stack { margin: 0 auto; display: block; float: none; } /* ==== CONTACT US END =====================================================*/ /* ==== FAQ SATRT =====================================================*/ .pd-faq .bullets { list-style-type: none; padding: 0; /* font-family: 'robotobold';*/ font-size: 1rem; } .pd-faq .nav-tabs { /*font-family: 'robotobold';*/ font-size: 1rem; text-transform: uppercase; } .pd-faq .bullets li { padding-bottom: 1rem; } .pd-faq .bullets .active { color: #37342E;} .pd-faq h4 {color: #717879; font-size: 1.6rem; /*font-family: 'robotobold';*/} .pd-faq h5 {color: #891e8b; /*font-family: 'robotobold';*/} .pd-faq .tab-content h4 { font-size: 1rem; border-bottom: 1px solid #717879; line-height: 2; } .pd-faq .tab-content .panel { padding-bottom: 1rem; position: relative; } .pd-faq .tab-content .panel-collapse { padding-left: 1rem; } .pd-faq .tab-content .panel-heading span { color: #717879; float: right; margin-top: -3px; margin-right: 0.5rem; } /* ==== FAQ END =====================================================*/ /* ==== OUR PEOPLE START =====================================================*/ .our-people .page { padding-top: 0; } .our-people .jumbotron { background: url(/resources/site/PD/our-people-top-banner.jpg) no-repeat top center; background-size: 100% auto; color: #fff; position: relative; padding: 0; } .our-people .jumbotron img { visibility: hidden; } .our-people .jumbotron div { height: 50%; overflow: visible; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .our-people .jumbotron p { font-size: 2vw;} .our-people .jumbotron h1 { font-weight: 700; font-size: 3vw; } .our-people .PageTitle { display: none;} .our-people .mainContent p.lead { font-size: 1.5rem;} .our-people .mainContent h2 { font-weight: 700; color: #0FA5BB; margin-bottom: 1rem; } .our-people .mainContent p { font-size: 1rem; color: #37342E; } .our-people .bg-blue {background: #e0eef0;} .our-people .bg-green {background: #90d0a4;} /* ==== OUR PEOPLE END =====================================================*/ /* ==== FREE FREIGHT START =====================================================*/ .freefreight {} .freefreight .page, .freefreight .page-header { padding-top: 0; margin-top: 0; } .freefreight .jumbotron { background: url(/resources/site/PD/free-freight-hero.jpg) no-repeat top center; background-size: 100% auto; color: #fff; position: relative; padding: 0; } .freefreight .jumbotron img { visibility: hidden; } .freefreight .jumbotron div { height: 55%; overflow: visible; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .freefreight .jumbotron p { font-size: 3vw; margin-bottom: 0;} .freefreight .jumbotron h1 { font-weight: 700; font-size: 2.8vw; line-height: 1; } .freefreight h2 { font-size: 3rem; color: #0FA5BB; margin-bottom: 1rem; } .freefreight h2 i { color: #ff0000; margin-right: 1rem; vertical-align: text-top; } .freefreight .view-range { background: #f6f9fa; } .freefreight .view-range h3 { font-weight: 700; color: #0fa5bb; font-size: 2rem; padding-top: 35px; } .freefreight .view-range p { font-weight: 700; font-size: 1.5rem; line-height: 1.2; } /* ==== FREE FREIGHT END =====================================================*/ /* ==== PROJECTS & PARTNERSHIPS START =====================================================*/ .newschool-mta .page { padding-top: 0; } .newschool-mta .page-header { margin-top: 0;} .newschool-mta .ns-heroImage1 { background: url(/resources/site/PD/new-school-heroImage1.jpg) no-repeat top center; background-size: 100% auto; color: #fff; position: relative; padding: 0; } .newschool-mta .jumbotron img { visibility: hidden; } .newschool-mta .jumbotron div { height: 50%; overflow: visible; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .newschool-mta .jumbotron p { font-size: 2vw;} .newschool-mta .jumbotron h1 { font-weight: 700; font-size: 2.5vw;} .newschool-mta p.lead { font-size: 1.5rem;} .newschool-mta h2 { font-weight: 700; font-size: 3rem; color: #0FA5BB; margin-bottom: 1rem; } .newschool-mta h3 { font-weight: 700; color: #0FA5BB; margin-bottom: 1rem; } .newschool-mta { font-size: 1rem; color: #37342E; } .newschool-mta label { font-weight: 700; } .newschool-mta .form-control { font-size: 1rem; padding: 0.8rem; } .newschool-mta .bullets {color: #DCE664;} .newschool-mta .bullets span {color: #37342E;} .newschool-mta .gallery { background: #f7f9fb; position: relative; } .newschool-mta .mta-sm-banner h3 { color: #fff; font-size: 2rem; } .newschool-mta .mta-sm-banner h4 { color: #fff; font-weight: 700; font-size: 1rem; } .newschool-mta .mta-sm-banner a i { font-size: 0.5rem; vertical-align: middle; } .newschool-mta .mta-sm-banner a { background: #ff0000; color: #fff; padding: 0.5rem 1rem; position: absolute; bottom: 1rem; margin: 0 auto; left: 0; right: 0; width: 60%; display: none; /* Temporary */ } .newschool-mta .cs-eastside { background: url(/resources/site/PD/new-school-gallery-1.jpg) no-repeat 0 0; min-height: 284px; min-width: 285px; color: #fff; } .newschool-mta .cs-little { background: url(/resources/site/PD/new-school-gallery-2.jpg) no-repeat 0 0; min-height: 284px; min-width: 285px; color: #fff; } .newschool-mta .cs-springfield { background: url(/resources/site/PD/new-school-gallery-3.jpg) no-repeat 0 0; min-height: 284px; min-width: 285px; color: #fff; } .newschool-mta .cs-okeedokee { background: url(/resources/site/PD/new-school-gallery-4.jpg) no-repeat 0 0; min-height: 284px; min-width: 285px; color: #fff; } .newschool-mta .ns-heroImage2 { background: url(/resources/site/PD/new-school-heroImage2.jpg) no-repeat top center; background-size: 100% auto; color: #fff; position: relative; padding: 0; } .case-study h1 { font-weight: 700; font-size: 3rem; margin-bottom: 1rem; } .testimonial { padding-bottom: 1rem; } .testimonial p {margin-bottom: 0;} .testimonial .body { color: #ffffff; font-size: 1.2rem; /*width: 300px; height: 300px; border-radius: 50%;*/ } .testimonial .quote-left { display: inline; position: relative; top: 10px; left: 10px; } .testimonial .quote-right { position: relative; bottom: 10px; right: 30px; } .testimonial .footer { font-size: 1rem; background: #f1eee5; padding: 2rem 1rem; margin-bottom: 4rem; } .testimonial .footer:after { content: ""; display: block; position: absolute; right: 70px; bottom: 30px; width: 0; height: 0; border-style: solid; border-width: 40px 40px 0 0; border-color: #f1eee5 transparent transparent transparent; } /* ==== PROJECTS & PARTNERSHIPS END =====================================================*/ /* ==== VOUCHERS START =====================================================*/ .voucher h2 { font-weight: 700; } .voucher .educationLinks { font-size: 1rem; } .voucher .payments { background: #f7f6f5; padding: 1rem; font-size: 1rem; } .voucher .payments p { margin-bottom: 0.4rem; } .voucher .payments p.total { font-weight: 700; font-size: 1.5rem; } .voucher .payments p em { float: right; font-style: normal; } .voucher .auto-redeem { text-align: right; } .voucher .auto-redeem .btn { padding: 0.6rem 1.5rem; } .voucher .btn-remove { color: #0fa5bb; font-weight: 700; background: transparent; padding-left: 1.5rem; } .voucher .remove-all:before { content: "\e807"; font-family: "fontello"; font-style: normal; font-weight: normal; vertical-align: middle; color: #0fa5bb; font-size: 1rem; margin-right: -15px; } .voucher .dataTables_empty { color: #0fa5bb; font-weight: 700; font-size: 1rem; } .voucher .dataTables_empty i { color: #ff0000; font-size: 1.5rem; vertical-align: middle; } .vouhcer-to-spend{ position: relative; left: 130px; } /* ==== VOUCHERS END =====================================================*/ /* ==== BACK ORDER SEARCH START =====================================================*/ .snippet.backorder { font-size: 1.125rem; color: #788385; } .backorder .page-header .actions { display: none; } .backorder .IBSSelectionTable { font-weight: 700; } .backorder .QRY_Customer, .backorder .IBS_SCROLLSIZE { width: 100%; padding: .375rem .75rem; line-height: 1.5; background-color: #fff; background-image: none; border: .0625rem solid #ccc; } .backorder .IBSPushButtonSmall { display: block; background: #ff0000; border: none; color: #fff; font-size: 1rem; text-transform: capitalize; display: inline; float:none; } .backorder .form-control, .backorder select { padding: .8rem !important; } /* ==== BACK ORDER SEARCH END =====================================================*/ /* ==== ORDER SEARCH START =====================================================*/ .snippet.ordersearch { font-size: 1.125rem; color: #788385; } .orderbrowse h2 { font-weight: 700; } .orderbrowse .actions { display: none; } .orderbrowse .IBSSelectionTable { font-weight: 700; text-transform: capitalize; } .orderbrowse .IBSSelectionTable select { width: 100%; padding: .375rem .75rem; line-height: 1.5; background-color: #fff; background-image: none; border: .0625rem solid #ccc; } .backorder .fa.fa-edit{ top: 3px; position: relative; } #BackOrderBrowser a[name="ACTION_DELETE"],#BackOrderBrowser a[name="ACTION_CHANGE"]{ display: block; color: #ff0000; border: none; font-size: 1rem; display: inline; text-decoration: none; } .orderbrowse .IBSPushButtonSmall { display: block; background: #ff0000; border: none; color: #fff; font-size: 1rem; text-transform: capitalize; padding: .8rem 3rem; } .orderbrowse .form-control, .orderbrowse select { padding: .8rem !important; } .orderbrowse .IBSGoToLink { display: none; } #SalesOrderBrowser i.fa-sort-asc, #SalesOrderBrowser i.fa-sort-desc { cursor: pointer; font-size: 1.3rem; top: 3px; position: relative; width: 10px; height: 6px; } #BackOrderBrowser .modal-content{ position: relative; float: left; display:block; } .change-line-confirm .IBSPageNumber{ display: block; color: #ff0000; border: none; margin: 41px 0 0px 11rem; } #BackOrderBrowser td label { font-weight: bold; } #BackOrderBrowser td{ vertical-align: middle; } #BackOrderBrowser .modal-body{ text-align: left;} .change-line-confirm{ height: 150px;} .backorder-search label{margin-bottom:0;} #AccountInfo .ar-transactions td:nth-child(8), #AccountInfo .ar-transactions td:nth-child(9){text-align:center;} #AccountInfo .fa.fa-file-excel-o{ font-size: 1rem; top: 2px; position: relative; } #BackOrderBrowser .fa-sort-asc, #BackOrderBrowser .fa-sort-desc, #AccountInfo i.fa-sort-asc, #AccountInfo i.fa-sort-desc { margin: 0 auto; position: relative; text-align: center; display: block; cursor: pointer; font-size: 1.3rem; height: 13px; } #AccountInfo pageheader{ margin: 0px; } .ar-transactions table label{ padding:0.3rem; margin: 0 auto; position: relative; text-align: center; display: block; } #BackOrderBrowser .fa-sort-asc, #SalesOrderBrowser i.fa-sort-asc, .ar-transactions i.fa-sort-asc{ display: block;} #SalesOrderBrowser .table thead th { vertical-align: middle; background: #e0eef0; border-color: #ecf5f6; padding: 0.2rem 0.5625rem; line-height: 1; } #SalesOrderBrowser .table thead th label { padding: 2px; bottom: 3px; position: relative; } #SalesOrderDetail .card{ margin-bottom: 1.7rem;} #SalesOrderBrowser a{text-decoration:none;} #SalesOrderBrowser .icon-add-row, #SalesOrderBrowser .icon-copy{ color: #ff0000; font-weight: bold; font-size: 1.2rem; } .ar-transactions button {margin: 5px 0px;} .ar-transactions .IBSHeaderCellLight{font-weight:bold; font-size: 1.1rem; margin-top: 20px;} table.IBSListTable.table-responsive { text-align: center;} #BackOrderBrowser i.fa-sort-desc,#AccountInfo i.fa-sort-desc{ bottom: 8px;} #AccountInfo .table td:nth-child(3), #AccountInfo .table td:nth-child(7){width:16%;} #AccountInfo .table td{ vertical-align: middle;width: 8%; padding: 0.4rem; text-align: left;} #AccountInfo .table td:nth-child(4), #AccountInfo .table td:nth-child(5), #AccountInfo .table td:nth-child(6), ]#AccountInfo .table td:nth-child(7){ width: 15%;} /* ==== ORDER SEARCH END =====================================================*/ /* ==== ORDER LINE INFORMATION START =====================================================*/ .orderlineinfo .orderno,.orderlineinfo .orderline span { font-weight: 700; font-size: 1.525rem; } .orderlineinfo .orderline span { display:block; } .orderlineinfo .orderline span + span {} .orderlineinfo .IBSHeaderCellLight , #SalesOrderDetail .IBSHeaderCellLight { font-weight: 700; font-size: 1.55rem; } .orderlineinfo .IBSRow { padding-top: .5rem; } .orderlineinfo .IBSRow .IBSLabel { font-weight: 700; font-size: 1rem; display: block; } .orderlineinfo .IBSRow .IBSOutput {} /* ==== ORDER LINE INFORMATION END =====================================================*/ /* ==== ORDER INFORMATION START =====================================================*/ .order-receipt-table .IBSLabel, .order-receipt-table .IBSHeaderCell, .order-receipt-table .IBSHeaderCellNumber {font-weight: 700;} .orderdetail th { white-space: nowrap; } .orderdetail .IBSLabel { font-weight: 700; font-size: 1.55rem; text-transform: capitalize; /*padding: 2rem 0 0;*/ } .item-no-access{ margin-top: 20px;} .orderdetail .IBSRow { /*padding-top: .5rem; */} .order-search-line-detail-table .IBSLabel,.orderdetail .IBSLabel { font-size: 1rem; display: inline-table; float: left; } .order-search-detail-basic .card-block span{ font-size: 1rem; display: inline-table; float: left; } .order-search-detail-basic {margin-top:20px;} .orderdetail span, .order-search-line-detail-table span { height: auto; /*display: block;*/ position: relative; } #OrderConfirmation .actions .btn{ margin-right: 10px; float: right; } .IBSOrderTotalTable tr td, .table .IBSOrderTotalTable.table{ background-color:transparent; border:none; font-weight: 600; } table.IBSOrderTotalTable td{padding:0.3rem;} .IBSOrderTotalTable .order-total td{ font-weight: 700; font-size: 1.5rem; } .order-close-table .col-xs-3{padding-left:0;} .order-receipt-table .card-block, .order-close-table .card-block{ border:none; padding: 0; text-align: left; } .order-close-table .card-text .IBSOutput,.order-close-table .card-text .IBSLabel{padding: 0;} .order-close-table .IBSHeaderCell, .order-close-table .IBSHeaderCellNumber, .order-close-table .card-text .IBSLabel, .order-search-line-detail-table span.IBSLabel { font-weight: 700; } .card-text div{ margin: 5px 0;} .orderdetail .orderno { font-weight: 700; font-size: 1.525rem; } #scheduledOrderCatalogue .category { font-weight: 700;} .orderline{ float: left; display: block; } #OrderBrowser .IBSPageTitleText img {display:none;} /* ==== ORDER INFORMATION END =====================================================*/ /* ==== SCHEDULE ORDERS START =====================================================*/ .scheduledorders table.dataTable thead .sorting_asc, .scheduledorders table.dataTable thead .sorting {background-image:none;} .scheduledorders .scheduled-availability { white-space: nowrap;} .scheduledorders tr.group td { font-weight: 700; } .scheduledorders .add-item { font-size: 1.2rem; text-decoration: none; } .scheduledorders .add-item:hover { text-decoration: none; } .scheduledorders td.form-group { display: block; } .scheduledorders input.btn-group { border: none; margin-right: 7px; padding: 9px 11px; } .scheduledorders input.btn-group:last-of-type { margin-right: 0; } .scheduledorders .cutQty, .scheduledorders .sol_cutQty, .scheduledorders .sol_addQty, .scheduledorders .addQty { background: #fff; border-radius: 0; } .scheduledorders .sol_cutQty, .scheduledorders .sol_addQty { cursor: pointer; border: 1px solid #e1e1e1; padding: .375rem .75rem; } .scheduledorders .orderQty { text-align: center; } .scheduledorders .modal-header { border-bottom: none; text-align: center; font-weight: 700; font-size: 1.5rem; padding-top: 2rem; } .scheduledorders .modal-footer { border-top: none; text-align: center; padding-bottom: 2rem; } .scheduledorders .modal-body { font-size: 1.125rem; text-align: left; } .scheduledorders .modal-header .close { margin-top: -1.4rem; } .scheduledorders .modal-footer .btn { padding: 0.6rem 6rem; } .scheduledorders .modal label { font-weight: 700; font-size: 1.125rem; } .scheduledorders .modal .form-control { padding: 0.8rem; font-size: 1rem; } .scheduledorders .catQty { width: 20%; text-align: center; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-left: none; border-right: none; padding: .375rem .75rem; } @media (min-width: 768px) { .scheduledorders #orderHistoryModal .modal-dialog { min-width: 55rem;} } /* ==== SCHEDULE ORDERS END =====================================================*/ /* ==== SIMPLE SCHEDULE ORDERS START =====================================================*/ .simpleschedule .btn.skip { width:30%; } .simpleschedule .btn.deleteScheduledOrder { width:30%; } .simpleschedule #scheduledOrders tr, .addQty, .cutQty { cursor: pointer; } .simpleschedule tr.active { background-color: #fafafa !important; } .simpleschedule #scheduledOrdersLines .addToCartDetail, .simpleschedule #scheduledOrderCatalogue .addToCartDetail { display:none !important; min-width: 0px !important; } .simpleschedule #scheduledOrdersLines .orderQty { border: 1px solid #e6e6e6; text-align: center; width: 1.7rem; height: 32px; bottom: 0 !important; font-weight: bolder; } .simpleschedule .soc_cutQty, .simpleschedule .soc_addQty, .simpleschedule .soc_cutQty, .scheduledorders .soc_addQty { cursor: pointer; border: 1px solid #e1e1e1; padding: .375rem .75rem; } .simpleschedule .catQty { text-align: center; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-left: none; border-right: none; padding: .375rem .75rem; } .simpleschedule tr.group td { font-weight: 700; } .simpleschedule .catPriceGallery .IBSListCellNumber { display: block; color: #37342E; font-weight: 700;} .simpleschedule .scheduled-price.priceAndBuy { display: table-cell;} .simpleschedule .catPriceGallery.quick { display: table; } .simpleschedule .qtyBreakGallery.quick:first-child { padding-right: 8px;} .simpleschedule .qtyBreakItemDiscount.quick { display: table-row;} .simpleschedule .qtyBreakItemDiscount.quick em { display: inline;} .simpleschedule .scheduled-availability, .simpleschedule .qtyBreakGallery.quick span.qtyBreak { white-space: nowrap; } .simpleschedule .catPriceNetGallery, .simpleschedule .IBSListCellNumber, .simpleschedule .qtyBreakPriceNetGallery {font-size: 1rem !important; } /* ==== SIMPLE SCHEDULE ORDERS END =====================================================*/ /* ==== MANAGE SCHEDULE ORDERS START =====================================================*/ .manageschedule #scheduledOrdersCentres td { vertical-align: top; } .dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0; margin: 0; border: none !important; border-radius: 0; vertical-align: top; } .pagination>li>a, .pagination>li>span { border-radius: 0 !important; color: #040707; font-weight: 700; padding: 5px 11px; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: transparent; border: none; } @media (min-width: 1190px) { .manageschedule #scheduledOrdersHO .showRequestedOrders, .manageschedule #scheduledOrdersHO .deleteScheduledOrder { width: 32%; } .manageschedule #scheduledOrdersHO .skipNextOrder { width: 50%; } .manageschedule #requestHistoryModal .modal-dialog { width: 50%; } } #requestHistoryModal .modal-body{ padding: 0 15px;} /* ==== MANAGE SCHEDULE ORDERS END =====================================================*/ /* ==== ITEM BLACKLIST SEARCH START =====================================================*/ .item-blacklist {} .item-blacklist .IBSHtmlSelectForm { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; } .item-blacklist .backorder-search label { font-weight: 700; } .item-blacklist .search-result { font-weight: 700; } /* ==== ITEM BLACKLIST SEARCH END =====================================================*/ /* ==== EYLF START =====================================================*/ .eylf {} .eylf .left-navigator-container, .eylf .catalogue-info { display: none; } .eylf .page-container {padding: 0;} .eylf .page { padding-top: 0; } .eylf .page-header { margin-top: 0;} .eylf .jumbotron { background: url(/resources/site/PD/eylf-hero1.jpg) no-repeat top center; background-size: 100% auto; color: #fff; position: relative; padding: 0; } .eylf .jumbotron img { visibility: hidden; } .eylf .jumbotron div { height: 35%; overflow: visible; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .eylf .jumbotron p { font-size: 2vw;} .eylf .jumbotron h1 { font-weight: 700; font-size: 3.5vw;} .eylf .eylfIntroText { font-size: 1.5rem; text-align: center; } .eylf h2 { font-weight: 700; font-size: 3rem; color: #0FA5BB; margin-bottom: 1rem; } .eylf h3 { font-weight: 700; margin-bottom: 1rem; } .eylf { font-size: 1rem; color: #37342E; } .eylf label { font-weight: 700; } .eylf .form-control { font-size: 1rem; padding: 0.8rem; } .eylf .bullets {color: #DCE664;} .eylf .bullets span {color: #37342E;} .eylf .gallery { background: #f7f9fb; position: relative; } .eylf .mta-sm-banner { min-height: 233px; min-width: 224px; margin-right: 9px; } .eylf .mta-sm-banner h3 { color: #fff; font-size: 1.6875rem; font-weight: 700; } .eylf .mta-sm-banner h4 { color: #fff; font-weight: 700; font-size: 1rem; } .eylf .mta-sm-banner a i { font-size: 0.5rem; vertical-align: middle; } .eylf .mta-sm-banner a { background: #ff0000; color: #fff; padding: 0.5rem 1rem; position: absolute; bottom: 1rem; margin: 0 auto; left: 0; right: 0; width: 71%; } .eylf .mta-sm-banner.outcome1 { background: url(/resources/site/PD/eylf-outcome1.jpg) no-repeat 0 0; color: #fff; } .eylf .mta-sm-banner.outcome2 { background: url(/resources/site/PD/eylf-outcome2.jpg) no-repeat 0 0; color: #fff; } .eylf .mta-sm-banner.outcome3 { background: url(/resources/site/PD/eylf-outcome3.jpg) no-repeat 0 0; color: #fff; } .eylf .mta-sm-banner.outcome4 { background: url(/resources/site/PD/eylf-outcome4.jpg) no-repeat 0 0; color: #fff; } .eylf .mta-sm-banner.outcome5 { background: url(/resources/site/PD/eylf-outcome5.jpg) no-repeat top center; background-size: 100% auto; color: #fff; position: relative; margin-right: 0; } /* Outcome1, Outcome2, Outcome3, Outcome4, Outcome5 */ body.outcome1 .left-navigator-container, body.outcome2 .left-navigator-container, body.outcome3 .left-navigator-container, body.outcome4 .left-navigator-container, body.outcome5 .left-navigator-container { display: none; } body.outcome1 .page { background: url(/resources/site/PD/eylf-hero-outcome1.jpg) no-repeat; padding-top: 30rem; } body.outcome2 .page { background: url(/resources/site/PD/eylf-hero-outcome2.jpg) no-repeat; padding-top: 30rem; } body.outcome3 .page { background: url(/resources/site/PD/eylf-hero-outcome3.jpg) no-repeat; padding-top: 30rem; } body.outcome4 .page { background: url(/resources/site/PD/eylf-hero-outcome4.jpg) no-repeat; padding-top: 30rem; } body.outcome5 .page { background: url(/resources/site/PD/eylf-hero-outcome5.jpg) no-repeat; padding-top: 30rem; } /* ==== EYLF END =====================================================*/ /*=============================== Item detail ========================================*/ #ItemDetail #links a{ display: inline; float: left; } .item-thumbnail-group .thumbnail { box-shadow: 0px 0px 0px 1px #d2ced0; } .item-thumbnail-group .row .col-sm-6{ width: 33%; float: left; display: inline-block; padding: 0.4rem; } #modalCarousel img{ height: auto; width: auto; margin: auto; } a[href="#modalCarousel"] { background: none; vertical-align: middle; top: 45%; } #ItemDetail .item-detail h1.IBSPageTitleText, #ItemDetail .item-detail .actions { height: 60px; } #ItemDetail .item-detail .actions{ margin-bottom: 8px; } #ItemDetail .item-thumbnail-group{ padding:0; height: 295px; } /*a[href="#modalCarousel"] i{font-size: 2rem;color:#37342E;}*/ #modalCarousel .carousel-control.right , #modalCarousel .carousel-control.left{background:none;} #ItemDetail #modalCarousel .carousel-inner .item { transition-property: opacity; } #ItemDetail #modalCarousel .item, #ItemDetail #modalCarousel .active.left, #ItemDetail #modalCarousel .active.right { /*opacity: 0;*/ } #ItemDetail #modalCarousel .active, #ItemDetail #modalCarousel .next.left, #ItemDetail #modalCarousel .prev.right { opacity: 1; } #ItemDetail #modalCarousel .next, #ItemDetail #modalCarousel .prev, #ItemDetail #modalCarousel .active.left, #ItemDetail #modalCarousel .active.right { left: 0; transform: translate3d(0, 0, 0); } #ItemDetail #modalCarousel .carousel-control { z-index: 1; opacity: 1; } .item-detail .row-fluid{/*display: inline-block;*/} /*.item-thumbnail-group { padding: 1rem 0; }*/ .item-thumbnail-group a { border: 1px solid #d2ced0; } .activeThumbnail a { border: 2px solid #891e8b; } .item-detail .left-column { } .item-detail .right-column { padding-right: 0; padding-left: 0; } #ItemDetail #modalCarousel .carousel-control.left{ left: -6%; opacity: 1; } #ItemDetail #modalCarousel .carousel-control.right{ right: -6%; z-index: 1; } /* Landscape tablets and medium desktops */ @media (min-width: 992px){ .item-detail .left-column { width: 40%; } .item-detail .right-column { width: 35%; } } @media (min-width: 768px) { .item-detail .leftPromoSection { width: 25%; float: left; } } /* Left Promo Banner */ .item-detail .leftPromoSection { padding-right: 22px; } .item-detail .leftPromoSection .btn-back { padding-bottom: 1rem; } .item-detail .leftPromoSection .left-promo-banner { padding: 1rem 0; } .item-detail .leftPromoSection .IBSPushButtonSmall { width: 100%; border-radius: 20px; text-transform: uppercase; background-color: #7ab92f; color: #ffffff; } .item-detail .leftPromoSection img { display: block; } .item-detail .leftPromoSection .side-free_shipping { padding: 10px 0; line-height: 1.2; border-top: 1px solid #9ad3f0; border-bottom: 1px solid #9ad3f0; } .item-detail .leftPromoSection .side-free_shipping span { color: #41ace2; font-weight: 700; text-transform: uppercase; } .item-detail .leftPromoSection .side-free_shipping span > span { color: #000000; } .item-detail .leftPromoSection .side-free_shipping a, .item-detail .leftPromoSection .side-free_shipping a span { color: #7ab92f; font-weight: 100; } html, body, #ItemDetail .carousel, #ItemDetail .carousel-inner, #ItemDetail .carousel-inner .item { height: 100%; } .page-header .actions{ padding-right: 0; } /*=============================== End of Item detail ========================================*/ /*=============================== Static pages start ========================================*/ #pd-browse a { text-decoration: none; } .school-info .prod-img{/*padding:15px 10px;*/} .school-info .prod-img img {} .mainContent .row.p-b-md div.col-md-6, .mainContent .row.p-b-md div.col-md-4{ padding:10px; } .voucher-image{ margin: 0 auto; display: table-cell; } .school-info .col-md-6 .prod-img{ background-size: auto; background-position-x: -24px; } .toolkit div a, .toolkit-steps div a{ position: relative; display: block; margin: 0 auto; /* padding: 15px 10px;*/ width: 100%; } .school-info .toolkit .col-md-6:nth-child(1) .prod-img{ background: url("/resources/site/PD/sub-pages/toolkit-fb_NZ.jpg") no-repeat; background-position: center; } .school-info .toolkit .col-md-6:nth-child(2) .prod-img{ background: url("/resources/site/PD/sub-pages/toolkit-edm_NZ.jpg") no-repeat; background-position: center; } .school-info .toolkit-steps .col-md-6:nth-child(1) .prod-img{ background: url("/resources/site/PD/sub-pages/toolkit-summary_NZ.jpg") no-repeat; background-position: center; } .school-info .toolkit-steps .col-md-6:nth-child(2) .prod-img{ background: url("/resources/site/PD/sub-pages/toolkit-steps_NZ.jpg") no-repeat; background-position: center; } #toy-brands .right.carousel-control, #toy-brands .left. carousel-control{ top: 1.7rem;} #catalogue-request-au + .page-container .pull-left.p-l{ padding: 10px 0; } #catalogue-request-au + div h4, #catalogue-request-au + div a{ color: #891e8b; } /*=============================== Static pages End ========================================*/ /*=============================== School Nomination Start ========================================*/ .nominate-school-actions button { margin: 16px; margin-bottom: 5px; } .nominate-school {} .nominate-school label {} .nominate-school input[type="text"] {} .nominate-school-actions { border-bottom: none !important; } .nominate-school-actions #ACTION_ORDERCLOSE_SKIP_NOMINATION { } .nominate-school .heading, .shoppingCart h2 { color: #ed7004; text-transform: uppercase; font-size: 1.5625rem; padding: 1rem 0; margin-top: 1rem; } .nominate-school .heading, .shoppingCart h2{ color:#891e8b; } .nominate-school .heading { border-top: 1px solid #dddddd;} .nominate-school .IBSHeaderCell:first-child { text-align: center; } .nominate-school .IBSHeaderCell { font-weight: 700; } .nominate-school #school-selection-id { text-align: center; } .nominate-school .IBSListCell { } #nominate-school-result div.row:first-child { border-bottom: 1px solid #00aeef; border-top: 1px solid #00aeef; background: #fff !important; } #nominate-school-result div.row:nth-child(odd) { background: #f7f6f5 !important; } #nominate-school-result div.row { padding: 5px 0; border-bottom: 1px solid #C3C3C3; } #nominate-school-result #ACTION_FIRST { background: none; color: #ed7004; text-decoration: underline; } #nominate-school-result #ACTION_NEXT { background: none; color: #00aeef; text-decoration: underline; } /*=============================== School Nomination End ========================================*/ .fa-cart-plus,.fa-cart-arrow-down,.fa-money,fa-group{ width: 1.28571429em; text-align: center;} /* To hide checkout page styles*/ .IBSPageTitleHeaderPrint, .IBSFooterCellPrint { display:none; } .static-medium-banner div:eq(1){ border-right: 1px solid #788385; padding-right: 11px; border-left: 1px solid #788385; padding-right: 11px; min-height: 180px; } /* Media Queries*/ @media (max-width: @screen-xs-max) { .static-medium-banner div:eq(1){ border:none; } #footer-contact a { background: #45B870; padding: 9px; top: -46px; right: -8%; float: right; position: relative; color: #FFFFFF; } .gcsProduct .addToCartDetail { top: 3rem; } .catItemDetail .priceAndAvailability{ height: 250px; position: relative; } } /* Small devices (tablets, 768px and up) */ @media (min-width: @screen-sm-min) { .static-medium-banner div:eq(1){ border:none; } #footer-contact a { background: #45B870; padding: 9px; top: -46px; right: -8%; float: right; position: relative; color: #FFFFFF; } .catItemDetail .priceAndAvailability{ height: 250px; position: relative; } } /* Large desktops and laptops */ @media (min-width: 1200px) { #catalogue-request-au + .page-container .pull-left.p-l:nth-last-child(1){ width: 30%; } .primary-fixed > .row { width: 1156px; margin: 0 auto; padding-bottom: 7px; } .primary-fixed .logo img { width: 40% !important; margin-top: 3px; } .primary-fixed .logo img { width: 40% !important; } .primary-fixed .header-search-container, .primary-fixed .header-free_shipping { /*padding-top: 0 !important; */} .gcsProductRow .gcsProduct { width: 33%; } .product-code-container { position: absolute; top: 10px; right: -17rem; z-index: 9; } #ItemDetail .item-image div.col-md-12{ margin-top: 10px; } #ItemDetail .item-info { padding-right: 0rem;margin-top: 10px; } .gcsProductRow .gcsProduct:nth-child(3n+3){ border-width: 0px 0px 1px 1px; } .gcsProductRow .gcsProduct:nth-child(3n+1){ border-width: 0px 0px 1px 0px; } #subMenu ul li#top-level-item-1 ul.CatNodeImageLink{ min-width: 16.5rem; padding-top: 2rem; padding-bottom: 2.4rem; } } /* Landscape tablets and medium desktops */ @media(max-width: 1199px) { .header-top-bar .shopping-cart-container { float: left; left: 36%; } .shopping-cart-container { right: 4%; } .addCutQtyWrap{ right: 0;} .footer-free-info i{ float: none; margin: 0 auto; display: block; } .footer-free-info .row div{text-align: center;} .product-code-container { position: absolute; top: 6px; right: -13rem; } .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active{line-height:14px;} .welcome-text{ margin-right: 0.5rem;} .shopping-cart-wrapper .cart-number-items-container { position: relative; float: left; margin-left: -6rem; } .search-form .input-group, .search-form .form-group { margin: 7.5px; } .item-detail .leftPromoSection .side-free_shipping{ font-size: 0.9em; } #shoppingCart .icon-cart:after{ font-size: 0.8rem; } } /* Landscape tablets and medium desktops */ @media (min-width: 992px) and (max-width: 1199px) { .item-detail .leftPromoSection .side-free_shipping span > span, .item-detail .leftPromoSection .side-free_shipping span { font-size:0.8rem; } #gcsSearch .addToCartDetail .IBSInput{ width: 2.5rem; } .side-free_shipping{ font-size: 0.93rem; } #gcsSearch .gcsPrice .addToCartDetail div{ right: -0.2rem; } .catGalleryPrice .addToCartDetail .IBSInput{ width: 1.7rem; } select#sortBy{ -webkit-appearance: none; -moz-appearance: none; } .gcsProduct[data-display*="GALLERY"] .catGalleryPrice .addCutQtyWrap{right:0;} .primary-fixed{padding: 10px;} /*#ItemDetail .addCutQtyWrap{right: -4rem;}*/ .panel-container { padding-right: 0.8rem; } #subMenu ul li#top-level-item-1 ul.CatNodeImageLink{ min-width: 13.5rem; padding: 2.5px 5px; } #main-menu li#top-level-item-2 ul{ padding: 2.5px 5px; } #home-banner-carousel .carousel-inner { width: 79.3%; } #home-banner-carousel .banner-btns { left: 2%; position: relative; } #homeFeatureWide{ margin-left: 21%;} .home-top-right { margin-left: 5.5rem; } .catDetailAvailability { /*bottom: 83px;*/ } .gcsPrice .addToCar tDetail div, .gcsPrice .addToCartDetail input { /* bottom: -35px;*/ } #home-banner-carousel i{ float: none; padding-left:0; } .gcsProduct .gcsCode { bottom: 52px; } #gcsSearch .gcsProduct .gcsCode{ bottom:auto; } .gcsProduct .gcsAvailability { bottom: 50px; } .header-free_shipping {} .header-free_shipping h6 { font-size: 1rem; } span#promoWidget { font-size: 1rem; } .header-top-bar .navbar { /*padding: 0;*/ display: inline-block; /*vertical-align: middle;*/ float: left; left: 25%; } .top-bar-info { /*display: inline-block;*/ } .header-top-bar .nav { float: none; } .header-top-bar .telephone, .header-top-bar .fax { float: none; } #shoppingCart .cart-lines { right: inherit; } #shoppingCartPopup .modal-dialog .modal-dialog { top: 13rem; left: 30%; } .header-top-bar { padding: 0; text-align: center; } .bnr-lg-fontXLarge { font-size: 2.4rem; padding: 0 1rem; } .bnr-lg-fontLarge { font-size: 1.3rem; } .bnr-lg-fontMedium { font-size: 1.1rem; } .bnr-lg-fontSmall { font-size: 1.0rem; } .bnr-sm-fontLarge { font-size: 2.5rem; padding-top: 1rem; } .bnr-top-space-1 { padding-top: 1rem; } .bnr-top-space-2 { padding-top: 1.5rem; } .bnr-top-space-3 { padding-top: 2rem; } .bnr-top-space-4 { padding-top: 3rem; } .bnr-top-space-5 { padding-top: 4rem; } .bnr-top-space-6 { padding-top: 5rem; } .bnr-top-space-7 { padding-top: 6rem; } .bnr-top-space-8 { padding-top: 7rem; } .bnr-top-space-9 { padding-top: 8rem; } .bnr-top-space-10 { padding-top: 9rem; } .gcsProductRow .gcsProduct { margin-right: 0; /*height: 410px;*/ } .gcsProduct .item-billboard { padding-bottom: 4rem; } /*.gcsProduct .catGalleryPrice .addCutQtyWrap { padding: 7px 5px;}*/ .catalogueBrowser .search-actions .styleActions { right: 7rem; } .gcsProductRow .gcsProduct:nth-child(3n+3){ border-width: 0px 0px 1px 1px; } .gcsProductRow .gcsProduct:nth-child(3n+1){ border-width: 0px 0px 1px 0px; } } @media (max-width: 991px) { #catalogue-request-au + .page-container .pull-left.p-l{ width:100%; } .quickDescription input[type="text"] { width: 10rem; } .school-info .toolkit .col-md-6:nth-child(2) .prod-img{ background-position-x: -15px; } .testimonial .quote-right img, .testimonial .quote-left img { display:none; } #gcsSearch .gcsPrice .addToCartDetail div { right: -1.5rem; } .left-navigator-container .price-filter .priceRange input[type="text"], .left-navigator-container .price-filter .priceRange input[type="number"]{ width: 25%; } select{ -webkit-appearance: none; -moz-appearance: none; } .left-promo-banner { display: none!important; } .left-navigator-container .catFilterNSort div{ width: auto; margin: 0; } #leftPromoSection{ display: none; } #clear-price-filter{ left: -10%; position: relative; } .left-navigator-container .view-sort-share .sort-by{ border-bottom:none; } .left-navigator-container .catFilterNSort .price-filter-container{ width: 65%; } } /* Portrait tablets and small desktops */ @media (min-width: 768px) and (max-width: 991px) { #delivery-tab #accordion4 .panel #collapseTwentyFive .fa-stack{ margin: 0 7rem; } .gcsProduct[data-display*="GALLERY"] .addToCartDetail:before{ text-align: center; left: 3.8rem; } .header-top-bar .shopping-cart-container{ left:26%; } .gcsProduct[data-display*="GALLERY"] .catGalleryPrice .addCutQtyWrap{ right: 1.4rem; } /*#ItemDetail .addCutQtyWrap{ right: -5rem; }*/ .addCutQtyWrap{ right:0; } .welcome-text { margin-left: 0.5rem; } .welcome-text .panel-container div.col-md-6:nth-child(3n+3){padding-right: 0.2rem;} .panel-container{ padding-left: 0rem; padding-right: 1rem; } .bnr-lg-fontXLarge { font-size: 2.4rem; padding: 0 1rem; } .bnr-lg-fontLarge { font-size: 1.3rem; } .bnr-lg-fontMedium { font-size: 1.1rem; } .bnr-lg-fontSmall { font-size: 1.0rem; } .bnr-sm-fontLarge { font-size: 2.5rem; padding-top: 1rem; } .bnr-sm-fontSmall { font-size: 1.5rem; } .bnr-top-space-1 { padding-top: 1rem; } .bnr-top-space-2 { padding-top: 1.5rem; } .bnr-top-space-3 { padding-top: 2rem; } .bnr-top-space-4 { padding-top: 3rem; } .bnr-top-space-5 { padding-top: 4rem; } .bnr-top-space-6 { padding-top: 5rem; } .bnr-top-space-7 { padding-top: 6rem; } .bnr-top-space-8 { padding-top: 7rem; } .bnr-top-space-9 { padding-top: 8rem; } .bnr-top-space-10 { padding-top: 9rem; } .header-top-bar .contact-container { float: none !important; } .item-thumbnail-group .highslide-gallery { min-height: 350px; } #scheduledOrdersCentreForm td input[type="button"]{width: 6.5rem;margin-left:-1px;} #scheduledOrdersCentreForm .sol_cutQty ,#scheduledOrdersCentreForm .sol_addQty, #scheduledOrdersCentreForm .catQty { width: 50%; font-size: 2rem; line-height: 1.3rem; text-align: center; } body.activity, body.category, body.search, body.recent, body.tag { background: none; } .item-category .PageTitle {margin-top:0;} #home-banner-carousel .carousel-inner { width: 100%; } #homeFeatureWide{ margin-left: 0;} .home-top-right { float: none; width:100%; } .category .PageTitle{ margin-top: 1rem;} .catDetailAvailability { /*bottom: 33px;*/ } .login-options-container { padding: 15px 10px; } #home-banner-carousel i{ float: none; padding-left:0; } .header-top-bar .top-bar-info { text-align: center; } .header-top-bar .usp { float: none; display: block; } .header-top-bar .telephone { float: none; padding: 0 1rem; } .header-top-bar .fax { float: none; } .header-top-bar .nav { float: none; text-align: center; } .navbar-nav .nav-item { float: none; display: inline-block; } .header-top-bar .nav form { display: inline-block; margin-left: 0; } .header-top-bar .navbar form a.btn { background: transparent; border: none; } .shopping-cart-wrapper .cart-number-items-container { text-align: center; font-size: 1.1rem; } .header-top-bar #shoppingCart .cart-lines{ font-size: 0.6rem; } #shoppingCart .icon-cart:after{font-size:0.8rem;} #shoppingCart .cart-lines { right: inherit; } .menu-container { } .search-container { float: right; } .sm-blue > li > a { /*padding-left: .1rem !important; padding-right: .1rem !important;*/ } .sm-blue > li:first-child > a:first-child { /*padding-left: 0;*/ } #shoppingCartPopup .modal-dialog { top: 15rem; left: 23%; } .footer-navigation-column:last-of-type { margin-left: 0; width: 30%; } .contact-mta .contact-info p { font-size: 1rem; } .contact-mta .contact-info h4 { font-size: 0.9rem; } .catDetailPrice .IBSListCellNumber, .catDetailPrice .catPriceNetDetail, .catDetailPrice .qtyBreakPriceNetDetail { font-size: 1.9rem; } .header-free_shipping .icon-shipping { display: none; } .search-form .form-group button.form-control-feedback, .search-border #searchButton { width: auto; } .activity-header { height: 10rem; } .activity-search { margin-bottom: 6rem; } .gcsProductRow .gcsProduct { width: 50%; } /*.gcsProduct[data-display*="GALLERY"] .addToCartDetail:before { width: 40%; }*/ .gcsPrice .addToCartDetail input.addToCart { margin: 0; padding: 7px 5px; margin-top: 1rem; } .product-code-container { /* position: absolute; */ top: 6px; /* right: -11rem*/ } .catalogueBrowser .search-actions .styleActions { top: 5.5rem; right: 15rem; } #ItemCatalogue .actions { padding: 0; } .header-top-bar .navbar{ left: 10%; float: left; } .actionList .actions li{ width: 35%; } .actionList .actions li:nth-last-child(1){ left: 0%; } #pd-browse .mainContent .p-b-lg div{ left: -3%; position: relative; } #OrderReceived .action-home{ width: 100%; } } /* Landscape phones and portrait tablets */ @media (max-width: 767px) { .free_shipping-container{ float: none; } .orderreceived #headerSlideContainer .free_shipping-container , .orderreceived .menu-n-search-container { display: none; } #pd-browse .row.p-b div{ text-align: center; } #pd-browse .row .pd-btn{ width: 78%; margin-left: 11%; } .header-free_shipping #promoWidget{ line-height:15px; } #ItemDetail .item-image div.col-md-12{ height: auto; } .header-top-bar .shopping-cart-container { float: left; left: 3%; padding: 0; } #ItemDetail .addCutQtyWrap{ right: 0; } #ItemDetail .addToCartDetail:before { width: 50%; } .addToCartDetail:before{ width: 30%; } .addCutQtyWrap{ float: none; right: 9px; bottom: 0px; text-align: center; } .catDetailItem, .catDetailText, .priceAndAvailability{ text-align: center; } #ItemCatalogue .catDetailText { display: none; } .gcsProduct[data-display*="GALLERY"] .catGalleryPrice .addCutQtyWrap{ right:0; } #catalogue-details .col-md-3.actions.col-sm-push-9 { display: none; } #general-info-col h6{ margin-top:10px; } #catalogueText{ width: 100%; } .catalogueBrowser .view-by { display: none; } .addToCartDetail .addToCart{ width: 98%; } .catalogueBrowser .addCutQtyWrap{ float: none; bottom: 0px; } .welcome-text .panel-container div{ padding-right: 0rem;} .footer-navigation-column ul{ margin-bottom: 0; } #inner-footer{ padding-bottom: 0.5rem; } .footer-navigation-column ul.second-list { margin-right: 8rem; } .quickItem input[type="text"] { width:8rem; } .header-top-bar .navbar{ left: 0%; float: left; } .shopping-cart-wrapper .cart-number-items-container{ margin-left:0rem; } .testimonial .col-md-12 img{display:none;} #shoppingCart .icon-cart:after{font-size:0.8rem;} .bnr-overlay-image img { width: 100%; } .bnr-lg-fontXLarge { font-size: 2.4rem; padding: 0 1rem; } .bnr-lg-fontLarge { font-size: 1.3rem; } .bnr-top-space-3 { padding-top: 1rem; } .bnr-top-space-4 { padding-top: 2rem; } .bnr-top-space-5 { padding-top: 3rem; } .bnr-top-space-6 { padding-top: 4rem; } .bnr-top-space-7 { padding-top: 5rem; } .bnr-top-space-8 { padding-top: 6rem; } .bnr-top-space-9 { padding-top: 7rem; } .bnr-top-space-10 { padding-top: 8rem; } #OrderReceived .link-view-print, #OrderReceived .link-change-order, .action-view-order{width:100%;} .item-thumbnail-group .highslide-gallery { min-height: 350px; } #scheduledOrdersCentreForm td input[type="button"]{width: 6.5rem;margin-left:-1px;} #scheduledOrdersCentreForm .sol_cutQty ,#scheduledOrdersCentreForm .sol_addQty, #scheduledOrdersCentreForm .catQty { width: 50%; font-size: 2rem; line-height: 1.3rem; text-align: center; } .item-category .PageTitle {margin-top:50px;} body.activity, body.category, body.search, body.recent, body.tag { background:none; } .activityLeftNav .activity-search input[type="search"]{width: 85%;} .activity-text1,.activity-text2{top:20%;} .activity-text1 {font-size:3rem;} #home-banner-carousel .carousel-inner { width: 100%; } .home-top-right{width:100%;} .header .logo-wrapper { text-align: center; } span#promoWidget { margin: 0; padding: 4px; } .carousel-item.active > div:nth-child(2) { margin-top: 10px; } .header-free_shipping { padding: 10px 10px 10px 0 !important; line-height: 25px;} .category .PageTitle { margin-top: 1rem; } .catDetailAvailability { bottom: 3rem; } .catItemDetail { display: block; } .shoppingCartAlert{ right: 0;} .catDetailPrice { /* min-height: 16rem;*/ } .gcsPrice .priceAndBuy .addToCartDetail div, .gcsPrice .priceAndBuy .addToCartDetail input{ bottom: -10px; } .gcsProduct .addToCartDetail { top: 6rem; bottom: 0; } .gcsProduct .addToCartDetail:before { width: 50%; } .gcsProduct .gcsAvailability{ bottom: 3.3rem; } .gcsProduct .gcsCode { bottom: 8.3rem; right: 10px; } #gcsSearch .gcsProduct .gcsCode{ bottom: auto; } .catItemDetail .priceAndAvailability{ /*height: 150px;*/ /*position: relative;*/ } .gcsProduct[data-display*="GALLERY"] .catGalleryAvailability { bottom: 4rem; } .gcsProduct[data-display*="GALLERY"] .catGalleryItem{ bottom:8rem; } #home-banner-carousel i{ float: none; padding-left:0; } .static-medium-banner i{ margin-left:0; } .header-top-bar .top-bar-info { text-align: center; } .header-top-bar .contact-container { float: none; padding-top: 1rem; display: block; } .header-top-bar .usp { float: none; display: block; } .header-top-bar .telephone { float: none; padding: 0 1rem; } .header-top-bar .fax { float: none; } .header-top-bar .nav { clear: both; float: none; text-align: center; } .navbar-nav .nav-item { margin-left:1rem !important; float: none; display: inline-block; } .header-top-bar .nav form { display: inline-block; margin-left: 0; } .header-top-bar .navbar form a.btn { background: transparent; border: none; } .menu-container { float: none; width: 100%; } .search-container { float: right; } .sm-blue > li > a { padding-left: .6rem; padding-right: .6rem; } #subMenu { position: absolute; width: 100%; top: 0; z-index: 16; /* left: 6px; */ right: 0; } #menu-button { margin: 0; padding: 0.35rem; background: #41ace2; color: white; text-align: left; } #main-menu li a { color: #fff; } #newbuyall{display:none;} ul#main-menu { background: #41ace2; } .sm, .sm ul, .sm li { padding: 0; } .search-container { width: 50%; float: right; z-index: 20; } .testimonial .body .col-md-2 img{display:none;} .product-code-container { /*position: static;*/ } .catalogueBrowser .catFilterNSort .price-filter-container { clear: both; padding-left: 0; padding-right: 0; margin-bottom: 1rem; } .catalogueBrowser .search-actions .styleActions { position: relative; top: -9rem; left: 6rem; } .search-form button.form-control-feedback{ right:0; } .actionList .actions li:nth-child(3){ width: 30%; } .actionList .actions li:nth-last-child(1){ left:0; } .shopping-cart-container .cartUnit, .shopping-cart-container .cartHeaderUnit { display:none; } .actionList .actions li{ width: 50%; } } /* Portrait phones and smaller */ @media (max-width: 545px) { #pd-browse .mainContent .p-b-lg div{ margin-left:0%; } .actionList .actions li:nth-child(3){ width: 100%; } #gcsSearch .addToCartDetail:before{ width: 40%; } .shopping-cart-wrapper .cart-number-items-container { margin-left: 0rem; } .gcsProduct[data-display*="GALLERY"] .catGalleryPrice input.addToCart, .gcsProduct[data-display*="GALLERY"] .catGalleryPrice .addCutQtyWrap {} .gcsProduct[data-display*="GALLERY"] .catGalleryPrice .addToCartDetail .IBSInput{width:35%;} .gcsProduct .gcsPrice { /* bottom: 2rem;*/ } .lg-banner-text { width: 90%; } .eylf .jumbotron div { height: 85%; } .horizontal-banner { width: 100% !important; height: auto !important; } .catalogueBrowser .search-actions .styleActions { position: relative; top: -10rem; left: 6rem; } .catalogueBrowser .catFilterNSort .actions div > div:first-child { padding-left: 0; padding-right: 0; } .catalogueBrowser .view-sort-share-container { margin-top: 1rem; } #newbuyall { display: none; } .item-thumbnail-group { display: none; } } /* Portrait phones and smaller */ @media (max-width: 480px) { #pd-browse .row .pd-btn{ width: 100%; margin-left: 0%; } #pd-browse .row.p-b-lg{ text-align: center; } .shoppingCart .header-top-bar #shoppingCart { display:none; } #ItemDetail .item-detail h1.IBSPageTitleText, #ItemDetail .item-detail .actions{ height: auto; } .search-form button.form-control-feedback{ background: #fff; right:0; padding: 0 45px; z-index: 5; } .header-top-bar .shopping-cart-container { left: 50%; } .search-form .input-group, .search-form .form-group { margin: 8px; } #homeFeatureSlider { margin: 0px 3px 0px 10px;} .banner1 .lg-banner-text,.banner2 .lg-banner-text, .banner3 .lg-banner-text, .banner4 .lg-banner-texts,.banner5 .lg-banner-text, .bnr-lg-fontXLarge { font-size: 2.9rem; line-height: 4rem; } .banner1 .overlay-text a.btn, .banner2 .overlay-text a.btn, .banner3 .overlay-text a.btn, .banner4 .overlay-text a.btn, .banner5 .overlay-text a.btn { left: 20%} .banner1 .sm-banner-text,.banner2 .sm-banner-text, .banner3 .sm-banner-text, .banner4 .sm-banner-text,.banner5 .sm-banner-text{ top: 15%; } body.activities { padding: 0; background: url(http://d1rfpr4exkv78f.cloudfront.net/wp-content/uploads/art_banner.jpg) repeat-x 0 327px; } body.activity, body.category, body.search, body.recent, body.tag { background:none; } .activity-text1{line-height:2.2rem} .carousel-item .icon-arrow-right:before{ display:none;} .catDetailAvailability { top: 3rem; } .catItemDetail { display: block; padding: 0; } .catDetailPrice { /*min-height: 5rem;*/ padding-left: 0; } /*.addToCartDetail .addToCart { width: 90%; }*/ .gcsPrice .priceAndBuy .addToCartDetail div, .gcsPrice .priceAndBuy .addToCartDetail input{ bottom: -10px; } .gcsProduct .gcsAvailability{ } #gcsSearch .gcsProduct .gcsCode{ bottom:auto; } .gcsProduct .gcsCode { /*bottom: 42px;*/ right: 10px; } .icon-GALLERY:before {display:none;} .icon-TABLE_LIST:before {display:none;} .footer-navigation-column ul { font-size: 1.1rem;} #footer-logos .mta-footer-logo img { padding-bottom: 1.1rem; } .footer-navigation-column { min-height: 4rem; padding-top: 1rem; margin-right: 0rem; } #ItemDetail .addCutQtyWrap { display: inline-block; text-align: left; right: 1rem; } #ItemDetail .addToCartDetail:before{ right: 1rem; } .item-info .addToCart{width: 62%; margin-top: 10px;} #homeFeatureWide .carousel-item div:nth-child(2) img, #homeFeatureWide .carousel-item div:nth-child(3) img{ object-fit: cover; object-position: -70px 0px; left: 29px; background-color: white; } .header-top-bar { padding: 0 0 20px 0; } .header-top-bar .top-bar-info { text-align: center; } .header-top-bar .nav { float: none; background: #7ab92f; } .header-top-bar .navbar .nav-link { color: #ffffff; } .header-top-bar .navbar { display: none; } /*.header-top-bar .navbar { text-align: center; display: block; z-index: 1042; }*/ .header-top-bar .navbar .navbar-toggleable-xs { width: 96%; position: absolute; top: 58px; left: 10px; } .header-top-bar .open>.dropdown-menu { display: block; left: 0; right: 0; text-align: center; } .header-top-bar .navbar-nav .nav-item { float: none; display: block; padding: 0.5rem; margin: 0 !important; text-align: center; border-bottom: 1px solid; } .header-top-bar .nav form { display: block; text-align: center; margin: 0; padding: 0.5rem 0; } .header-top-bar .navbar form a.btn { display: block; padding: .5rem; margin: 0; border: 0; background: transparent; } .header-top-bar .usp { float: none; display: block; text-align: center; } .header-top-bar .contact-container { float: none !important; } .header-top-bar .telephone { float: none; padding: 0 1rem; } .header-top-bar .fax { float: none; } .shopping-cart-wrapper { right: 50%; position: relative; width: 120px; } .cart-price-container:after { right: 1rem; } .icon-paper-plane { display: none !important; } #subMenu { position: absolute; width: 96%; top: 0; z-index: 16; left: 6px; right: 0; } #menu-button { margin: 0; margin-left: -6px; padding: 6px 16px; background: #41ace2; color: white; text-align: left; } ul#main-menu { background: #41ace2; } .sm, .sm ul, .sm li { padding: 0; } .search-container { width: 60%; float: right; z-index: 1041; } #footer-contact.footerCall { clear: both; } .shopping-cart-wrapper { text-align: center; } #shoppingCart .cart-lines { right: inherit; } .shoppingCart .shopping-cart-container { display: block; width: 100%; overflow-x: auto; } .shoppingCart .shopping-cart-container table.IBSListTable2 { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; border-spacing: 0; border-collapse: collapse; } } @media (max-width:347px){ #delivery-tab #accordion4 .panel #collapseTwentyFive .col-md-6 .font-1_5 { font-size: 1.3rem; } #delivery-tab #accordion4 .panel #collapseTwentyFive .col-md-6{ padding:0; } #delivery-tab #accordion4 .panel #collapseTwentyFive{ padding-left: 0; } .search-form button.form-control-feedback{ padding: 0 27px; } .item-category .PageTitle {margin-top:80px;} #homeFeatureWide .banner1 div:nth-child(1), #homeFeatureWide .banner2 div:nth-child(1), #homeFeatureWide .banner3 div:nth-child(1), #homeFeatureWide .banner4 div:nth-child(1), #homeFeatureWide .banner5 div:nth-child(1), {background-position-y:0px;} .sm-banner-text { top: 47%; line-height: 1.2rem; } .activityHomeBanner div { margin: 0 auto; width: 100% !important; } .carousel-item .icon-arrow-right:before{ display:none;} .highslide-image, .highslide-wrapper, .highslide-container div { max-width: 260px !important; height: auto !important; bottom: -15rem; left: 1rem !important; } .left-navigator-container .catFilterNSort .price-filter-container{ width: 100%; } } @media (max-width:319px){ #homeFeatureWide .banner1 div:nth-child(1) , #homeFeatureWide .banner2 div:nth-child(1) , #homeFeatureWide .banner3 div:nth-child(1) , #homeFeatureWide .banner4 div:nth-child(1) , #homeFeatureWide .banner5 div:nth-child(1) { background-position-y: 0px; } #homeFeatureWide .carousel-item div:nth-child(2) img, #homeFeatureWide .carousel-item div:nth-child(3) img{ object-position: -100px 0px;} .lg-banner-text { font-size: 2.5rem; line-height: 2rem; } .sm-banner-text{ font-size: 1.2rem;} .home-banner-md-block{ line-height: 1rem;} .activityHomeBanner div{margin:0;} } /*End of media queries*/ /* Start overwride bootstrap error validation*/ .has-error .form-control-error { background-image: none; } /* End overwride bootstrap error validation*/ /* Campaign Page Start */ .pd-campaign .modal-header { border: none; } .pd-campaign .mainContent a { color: #7bb731; } .panel-button a { color: #fff !important;} .pd-campaign #explainModal h2 { display: inline-block; font-weight: 700; font-size: 2.2rem; text-align: left; color: #7cb834; line-height: 1; letter-spacing: 2px; margin: 0; vertical-align: middle; } .pd-campaign .dashed-border { border: 1px dashed #b6b6b6; border-radius: 10px; padding: 2rem 4rem; display: inline-block; } /* Campaign Page End */ /** Start International Telephone **/ .iti-flag { background-image:url("/resources/static/pd/image/flags.png"); } .tel-hide { display: none; } /** End International Telephone **/ /*Closed landing page starts here*/ .closing-img{ margin-top: 10px; margin-bottom:15px; } .subhead-2-text{ } .bottom-left-sub{ background-color: #41ACE2; } .bottom-right-sub{ background-color: #862991; } .bottom-right-sub:hover{ background-color: #35113B; } @media screen and (min-width: 544px){ .bottom-right-sub{ min-height: 517px; } } @media screen and (min-width: 753px){ .bottom-right-sub{ min-height: 518px; } } @media screen and (min-width: 769px){ .bottom-right-sub{ min-height: 480px; } } @media screen and (min-width: 992px){ .bottom-right-sub{ min-height: 408px; } } #main-img{ width: 100%; } .closing-subhead-2{ padding-top: 0px; } .closing-subhead{ margin-top: 20px; font-size: 2.5rem; } @media screen and (min-width: 544px){ .closing-subhead{ font-size: 2rem; } } @media screen and (min-width: 770px){ .closing-subhead{ font-size: 2.5rem; } } .subhead-text{ font-size: 1.2rem; } .closing-sub{ margin-bottom:15px; padding:8px; } p{ font-size: 1.05rem} .closing-link-teaching:hover{ text-decoration: none; font-size: 1.15rem; } .footer-text{ font-weight: 400; } .circular-image{ width: 200px; height: 200px; /* max-width: 50px;*/ border-radius: 50%; background-color: white; box-sizing: content-box; border: 2px dashed #41ace2; position: absolute; top:4px; left:3px; } .circular-image-bg{ width: 210px; height: 210px; background-color: white; border-radius: 50%; position: relative; } @media screen and (min-width: 770px){ .align-vert-middle{ min-height: 73px; display: flex; align-items: center; } } .green-bg{ background-color: #7ABB45; } .green-bg-text{ color: white; padding: 15px 0px; } .footer-contact{ margin: 20px 0px; } #small-i{ position: relative; top:18%; } #small-mta{ position: relative; top:26%; } .purple{ color:#862991; } .header-wrap{ padding-left: 15px; } .header-contact{ margin-top: 15px; } .contact-text{ font-size: 1rem; } @media screen and (min-width:375px){ .contact-text{ font-size: 1.2rem; } } @media screen and (min-width:768px){ .contact-text{ font-size: 1rem; } } @media screen and (min-width:992px){ .contact-text{ font-size: 1.2rem; } } .contact-grey{ color: #BDBDBD; } .contact-green{ color: #7ABB45; } .wrapper-contactUs{ padding-right: 22px; } @media screen and (min-width: 1200px){ .wrapper-contactUs{ padding-right: .9375rem; } } @media screen and (min-width: 770px){ .header-wrap{ padding-left: 1.5rem; padding-right:1.5rem; } } @media screen and (min-width: 991px){ .header-wrap{ padding-left: 15px; padding-right: 1.5rem; } } .dashed-bottom{ border-bottom: 1px dashed #41ace2; width: 100%; display: block; } @media screen and (min-width: 1200px){ .header-wrap{ padding-right: 15px; } } #footer{ margin-bottom: 10px; } .drop-shadows{ box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 3px 0 15px -4px rgba(31, 73, 125, 0.8), -3px 0 15px -4px rgba(31, 73, 125, 0.8); } @media screen and (min-width: 544px){ .free-call{ margin-top: 15px; } } @media screen and (min-width: 768px){ .free-call{ margin-top: 0px; } }