/*!
 *  Font Awesome 4.3.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('/font/fontawesome-webfont.eot?v=4.3.0');src:url('/font/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('/font/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('/font/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('/font/fontawesome-webfont.svg?v=4.3.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;transform:translate(0, 0)}.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}.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-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-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-genderless:before,.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-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-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"}
/* --- End of Font Awesome --- */


/* ----- Buttons --------------------------------------------------------------------------------------------------------------------------- */
.button {text-decoration:none;padding:8px 16px;border-radius:6px; display:inline-block;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.bSquare {border-radius:0px;}

/* ----- FlexSlider --------------------------------------------------------------------------------------------------------------------------- */
.flex-container a:active,.flexslider a:active{outline:none;border:0;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.carousel li {margin-right: 5px}
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.flexslider{width:100%;position:relative;zoom:1;margin:0;padding:0; -webkit-transition: all .3s ease;}
.flexslider ul { padding:0; margin:0;}
.flexslider .slides > li{display:;position:relative; list-style:none; -webkit-backface-visibility: hidden;}
.no-js .slides > li:first-child {display: block;}
.flexslider .slides img{max-width:100%;display:block;}
.flex-pauseplay span{text-transform:capitalize;}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.flex-container{width:100%;zoom:1;position:relative;}
.flex-caption{background:none;zoom:1;position:absolute;bottom: 0px;color:#666;font-size: 0;line-height: 50px;width:100%;box-sizing:border-box;width: 850px; padding: 0.75em;}
.flex-caption span{text-decoration:none;color: #000;font-weight:normal;margin:0; padding: 7px 14px; background: rgba(255, 255, 255, 0.9);  display:inline-block;line-height: 150%;  float:left; }
.flex-caption span:first-child { clear:both}
.hmBannerSmallContainer a:hover>.flex-caption>span{background:#00aeef; color: #ffffff;}
.bannerTextsmall { font-size:10px; display:none}
span.Description {line-height:100%;text-decoration:none; font-size: 11px;color: #333;font-weight:normal;margin:0;padding:0; padding: 7px 7px 7px 14px; background: rgba(255, 255, 255, 0.8);  line-height: 150%; float:left; clear:both } 
span.link {text-decoration:none;color: #00aeef;font-weight:normal;margin:0; padding:3px 7px; line-height: 150%; float:none; margin-left:7px;background: none;} 
.flexslider .slides > li a:hover p.flex-caption span.link { background:#00aeef; color:#FFF }
.flexslider .slides > li a:hover p.flex-caption strong{color:#333;}
.flex-direction-nav li {list-style:none}
.flex-direction-nav li a {width: 36px; height: 36px; margin: -13px 0 0; display: block; background: url(/layout/sprite.png) -116px -740px no-repeat; position: absolute; top: 49%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .1s ease;}
.flex-direction-nav>li> a.flex-next {background: url(/layout/sprite.png) -162px -740px no-repeat; right: 0; z-index: 2;}
.flex-direction-nav li .flex-prev {left: 0;z-index: 2;}
.flexslider:hover .flex-next {opacity: 0.8; right: 28px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 28px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav li .flex-disabled {opacity: 0; filter:alpha(opacity=0); cursor: default; display:none}
.flex-control-nav {position: absolute; bottom: 7px; text-align:center; right: 14px;z-index: 2;}
.flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li a {width: 9px; height: 9px; display: block; background: #666; background: rgba(188,178,169,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(170,160,149,0.3);}
.flex-control-nav li a.active { background: #6280A8; background: rgba(98,128,168,0.8); }
.flex-control-nav li a:hover { background: #333; background: rgba(170,160,149,0.7); }
.flex-control-nav li a.flex-active { background: #000; background: rgba(170,160,149,0.9); cursor: default;}
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

.flexOverlayhide .bannerTxtCtr {display:none !important}
/* ----- END - FlexSlider ----- */

/* ----- fancybox ----- */
#fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px; cursor:pointer;overflow:hidden;z-index:1104;display:none;}
#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url(/layout/fancybox/fancybox.png);}
#fancybox-overlay{position:absolute;top:0;left:0;width: 100% !important;z-index:1100;display:none; min-width:100%;}
#fancybox-tmp{border:0;overflow:auto;display:none;margin:0;padding:0;}
#fancybox-wrap{position:fixed;top: 0 !important;left: 0 !important;z-index:1101;outline:none;display:none;padding:0px;width: 100% !important;height: 100% !important;}
#fancybox-outer{position:relative;width:100%;min-height: 100%;height: 100%;background:#fff;overflow-y: auto; opacity:0.9}
#fancybox-content{height:0;outline:none;position:relative;overflow:hidden;z-index:1102;/* border: 1px solid #e1e1e1; */padding:0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);margin: 0 auto;width: 100% !important;padding: 16px;}
#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101;}
#fancybox-close{position:absolute;top: 8px;right: 8px;width: 30px;height: 30px;background:transparent url(/layout/fancybox/fancybox.png) -40px 0;cursor:pointer;z-index:1103;display:none;}
#fancybox-error{color:#444;font:normal 12px/20px Arial;margin:0;padding:14px;}
#fancybox-img{width:100%;height:100%;border:none;outline:none;line-height:0;vertical-align:top;margin:0;padding:0;}
#fancybox-frame{width:100%;height:100%;border:none;display:block;}
#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:100%;cursor:pointer;outline:none;background:transparent url(/layout/fancybox/blank.gif);z-index:1102;display:none;}
#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;}
#fancybox-left-ico{background-image:url(/layout/fancybox/fancybox.png);background-position:-40px -30px;left:-20px;}
#fancybox-right-ico{background-image:url(/layout/fancybox/fancybox.png);background-position:-40px -60px;right:-20px;left:auto;}
#fancybox-left:hover,#fancybox-right:hover{visibility:visible;}
#fancybox-left:hover span{left:-20px;}

#fancybox-right:hover span{left:auto;right:-20px;}
.fancybox-bg{position:absolute;border:0;width:20px;height:20px;z-index:1001;margin:0;padding:0; display:none}
#fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url(/layout/fancybox/fancybox-x.png);}
#fancybox-bg-ne{top:-20px;right:-20px;background-image:url(/layout/fancybox/fancybox.png);background-position:-40px -162px;}
#fancybox-bg-e{top:0;right:-20px;height:100%;background-image:url(/layout/fancybox/fancybox-y.png);background-position:-20px 0;}
#fancybox-bg-se{bottom:-20px;right:-20px;background-image:url(/layout/fancybox/fancybox.png);background-position:-40px -182px;}
#fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url(/layout/fancybox/fancybox-x.png);background-position:0 -20px;}
#fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url(/layout/fancybox/fancybox.png);background-position:-40px -142px;}
#fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url(/layout/fancybox/fancybox-y.png);}
#fancybox-bg-nw{top:-20px;left:-20px;background-image:url(/layout/fancybox/fancybox.png);background-position:-40px -122px;}
#fancybox-title{font-family:Helvetica;font-size:12px;z-index:1102;}
.fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative;}
.fancybox-title-outside{padding-top:10px;color:#fff;}
.fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left;}
#fancybox-title-over{background-image:url(fancy_title_over.png);display:block;padding:10px;}
.fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px;}
#fancybox-title-float-wrap{border:none;border-collapse:collapse;width:auto;}
#fancybox-title-float-wrap td{border:none;white-space:nowrap;}
#fancybox-title-float-left{background:url(/layout/fancybox/fancybox.png) -40px -90px no-repeat;padding:0 0 0 15px;}
#fancybox-title-float-main{color:#FFF;line-height:29px;font-weight:700;background:url(/layout/fancybox/fancybox-x.png) 0 -40px;padding:0 0 3px;}
#fancybox-title-float-right{background:url(/layout/fancybox/fancybox.png) -55px -90px no-repeat;padding:0 0 0 15px;}

@media screen and (max-width : 735px)
{
#fancybox-content {top: 0;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
/* ----- END - fancybox ----- */





/* ----- QuickLook --------------------------------------------------------------------------------------------------------------------------- */
#dev-QuickLook { width: 100%;  overflow: hidden; max-width: 1000px; margin: 0 auto; float: none;}
#dev-QuickLook-img { outline: 1px solid #efefef; overflow: hidden;}
#ImageLargePath-dev { width: 100%;overflow:hidden; display: inline-block;}
#MIV-quicklook-dev { /* float:left; */ /* width: 87px; */ /* display: inline-block; */ width: 250px; display:none}
#MIV-quicklook-dev li { display:inline-block; list-style:none; border: 1px solid #eee; margin: 4px 0px 5px 4px;}
#MIV-image-dev-small {margin:0 0 10px; line-height:1.5em; color: #252627; }
#ImageLargePath-dev img { /* margin: -25px -25px; */ width: 100%; max-width: 500px; height: 300;}
#dev-QuickLook-content,#MIV-image-dev,#title-dev,#ShortDescription-dev,#LongDescription-dev,#clPrice-dev { clear:right; display: block;}

#ShortDescription-dev { margin-bottom:14px;}
#attribute-quicklook-dev { clear:right; display: block; float: left; width: 100%; background: whitesmoke; }
#clPrice-dev {}
#clPrice-dev .pricingRange { padding: 0; /* display: inline-block; */ float: left;}
#dev-QuickLook-content { float:left; width: 394px; padding: 28px 28px 28px 0;}
#title-dev { margin:0 0 10px; line-height:1.5em; color:#333; font-size:2em}
.qv-add-container { width: 100%; display: block;  height: 1%; overflow: hidden; float:left; clear:both; margin: 0 0 16px 0; background: white;}
.qv-add-container:nth-last-child(1){margin:0} 
.qv-name,  .qv-price, .qv-stock, .qv-add {float: left;  font-size:12px; line-height: 48px;height: 48px;}
.qv-name { padding:0 16px; }
.qv-price { /* width: 16%; */  float: right; padding: 0 16px;}
.qv-stock { width: 18%; float: right; text-align: right;}
.qv-add {  float: right; margin:0;   width: 48px;  height: 48px;  background: url(/layout/addtobasket.png) top left no-repeat #a2c76c;  background-size: 48px 48px;}
.qv-add img { cursor: pointer; width: 100%; height: 100%; opacity: 0;}
.qv-stock .InStockCSS, .qv-stock .OutofStockCSS, .qv-stock .BackOrderCSS { font-size:12px; color:#666; padding: 0 16px; height:48px}
.qv-stock .InStockCSS { color:#006707;}
.qv-stock .OutofStockCSS { color:#a62700;}
.qv-stock .BackOrderCSS {color: #0076a3;}
#ctl01_lblDiscounttext>.save>.onsale { position:absolute; left: 214px; top: 21px; overflow:hidden; width: 71px; height: 71px;}
.QuickLook-cards { margin:14px auto; display:none;}
.QuickLook-cards img { margin:14px 49px 14px 39px;}
.quickview {color: #fef4e9;background: #f78d1d;background:#faa51a}
.quickview:hover {color: #FFF;background: #f47c20;background:#f88e11}
#link-dev { margin-bottom:0; display:inline-block}
#clPrice-dev .pricing { text-align: left; position:relative; top:0; width: 280px; /* background: #efefef; */ margin: 14px 0; height: 40px;}
#clPrice-dev .pricing>span:nth-child(1), .pricing>span:nth-child(2) { width: 94px; padding: 0px; margin: 0; text-align: center; /* background:#efefef; */ display: inline-block;}
#clPrice-dev .pricing>span:nth-child(2) { /*background:url(/layout/wasPriceOverlayBetter.png) no-repeat*/ }
#clPrice-dev .now { display: block; height: 40px; width: 94px; margin: 0px; padding: 0px; float: left; background: #f1f1f1; color: #666; text-align: center; color:#3e7ca3;line-height: 290%; }
#clPrice-dev .was { background: 3px; display: block; height: 40px; width: 100px; margin: 0px; padding: 0px; float: left; background: url(/layout/wasPriceOverlay.png) top left no-repeat #f1f1f1; color: #999; text-align: center; background-position: -4px;line-height: 290%;}
#clPrice-dev .save { display: block; height: 40px; width: 86px; margin: 0px; padding: 0px; float: left; background: #dc4040; color: #fff; text-align: center;  position: absolute; left: 194px; top: 0; letter-spacing:1px; font-size: 13px; line-height: 300%;}
#clPrice-dev .onsale { position:absolute; right: 0; top: 0; z-index: 1;}

@media screen and (max-width : 735px)
{
#ImageLargePath-dev	{height: 128px;}
#ImageLargePath-dev img {height: 100%;width: initial;}
#title-dev {font-size:1em;}
#ShortDescription-dev {font-size:0.75em}
#clPrice-dev {display:none;}
.qv-name {width:50%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.qv-price {width:50%;float: left;text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden;}
.qv-stock {float: right;width: 50%;}
.qv-add {width: 50%;background-position: center center;}
}
/* ----- END -  QuickLook ----- */




/* ----- Customer Rewards --- */
@font-face { font-family: 'BebasNeue-webfont'; src: url('/font/BebasNeue-webfont.eot');src: url('/font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),url('/font/BebasNeue-webfont.woff') format('woff'),url('/font/BebasNeue-webfont.ttf') format('truetype'),url('/font/BebasNeue-webfont.svg#OpenSansLight') format('svg'); font-weight: normal; font-style: normal }
.hdrRewardsContainer { float: right; padding: 0 14px 0 21px; position: relative;}
.hdrRewardsContainer>span {padding: 0 0 0 0;background: url(/layout/sprite.png) -127px -1082px no-repeat; width: 17px; height:21px;   position: absolute;left: 0px;}
.hdrRewardsTitle { display: inline-block;vertical-align: middle;line-height: 48px;}
#crContainer { position: relative;}
.crMasthead { display: block }
#crContainer h1 { font: 56px/100% 'BebasNeue-webfont', Arial, sans-serif; display: block; color: #666 }
#crContainer h2 { font: 28px/100% 'BebasNeue-webfont', Arial, sans-serif; display: block; color: #666 }
#crContainer h3 { font: 21px/100% 'BebasNeue-webfont', Arial, sans-serif; display: block; color: #666; border-top: 1px solid #f1f1f1; padding-top: 7px }
#crContainer p { font: 14px/150% Arial, Helvetica, sans-serif; display: block; color: #666 }
#crContainer span.warning { color: #8dc63f }
#crContainer span.crBrandDkGrn { color: #006633 }
#crContainer span.crBrandGrn { color: #8dc63f }
#crContainer .crPointsBalance { display: block; height: 52px; width: 112px; margin: 0px; background: #f0f0f0; border: none; -webkit-border-radius: 7px; font: 28px/200% 'BebasNeue-webfont', Arial, sans-serif; font-weight: normal; text-align: center; text-decoration: none; color: #666 }
#crContainer .crPointsValue { display: block; height: 52px; width: 112px; margin: 0px; background: #8dc63f; border: none; -webkit-border-radius: 7px; font: 28px/200% 'BebasNeue-webfont', Arial, sans-serif; font-weight: normal; text-align: center; text-decoration: none; color: #fff }
#crContainer .crQuickLogIn { display: block; height: 42px; width: 112px; background: #8dc63f; border: none;  font: 28px/165% 'BebasNeue-webfont', Arial, sans-serif; text-align: center; text-decoration: none; color: #fff  }
#crContainer .crQuickLogIn:hover { background: #539e7a }
#crContainer .crFoundPasswordBtn { display: inline-block; height: 42px; width: 168px; margin: 0px 0px 0px 7px; background: #8dc63f; border: none; -webkit-border-radius: 3px; font: 28px/165% 'BebasNeue-webfont', Arial, sans-serif; text-align: center; text-decoration: none; color: #fff }
#crContainer .crFoundPasswordBtn:hover { background: #539e7a }
#crContainer .crMainSiteLink { display: inline-block; height: 28px; width: 224px; margin: 0px; background: #8dc63f; border: none; -webkit-border-radius: 3px; font: 14px/200% Arial, sans-serif; font-weight: bold; text-align: center; text-decoration: none; color: #fff }
#crContainer .crMainSiteLink:hover { background: #539e7a }
#crContainer .crFormStyle { display: inline-block; margin: 0px; font-size: 18px; width: 280px; height: 42px; border: 1px solid #CCC; padding: 10px }
#crContainer .crLoginAccount { display: block; height: 42px; width: 252px; background: #8dc63f; border: none; -webkit-border-radius: 3px; font: 28px/165% 'BebasNeue-webfont', Arial, sans-serif; text-align: center; text-decoration: none; color: #fff  }
#crContainer .crLoginAccount:hover { background: #539e7a }
#panInactiveCR { border-top: 1px solid #f1f1f1; padding-top: 14px }
#panNotLoggedIntoCitrusStore { border-top: 1px solid #f1f1f1; padding-top: 14px }
#panFoundDifferentPassword { border-top: 1px solid #f1f1f1; padding-top: 14px }
#panFoundDifferentPassword .formContainer { display: block }
#panFoundDifferentPassword .passwordField { display: block; width: 280px; float: left }
#panFoundDifferentPassword .passwordSubmit { display: block; width: 168px; float: left }
#panLoggedIn { border-top: 1px solid #f1f1f1; padding-top: 14px }
#panLogintoRewards { border-top: 1px solid #f1f1f1; padding-top: 14px }
#panLogintoRewards li { font-family: "Courier New", Courier, monospace; font-weight: normal; font-size: 12px; color: #666 }
.crMainLink { font-family: "Courier New", Courier, monospace; font-weight: normal; font-size: 12px; text-decoration: none; border-bottom: 1px solid #0000FF; color: #0000FF }
#panLogintoRewards .formContainer { display: block; background: #F3FEF4; width: 100%; height: 1%; padding: 14px ; overflow: hidden;}
#panLogintoRewards .emailField { display: block; width: 280px; float: left }
#panLogintoRewards .passwordField { display: block; width: 280px; float: left; margin-left: 14px }
#panLogintoRewards .passwordSubmit { display: block; width: 252px; float: left; margin-left: 14px }
.crBalanceSm, .crValueSm {   padding: 0 7px;  text-align: center; float: left;   border: none;  line-height: 48px;font-size: 14px;}
.crValueSm { /* -webkit-border-radius: 0px 3px 3px 0px; */ /* background: #666; */ color: #8dc63f;}
.crBalanceSm { -webkit-border-radius: 0px; /* background: #efefef; */ /* border-right: 1px solid #c9f390; */ color: #8dc63f;}
.crNotLoggedIn, .CustomerRewardsDisplay1-dev a, .crNoAccFound { /* float: right; */ color: #3b7c17; text-transform: lowercase;line-height: 96px;}
.crNotLoggedIn:hover, .CustomerRewardsDisplay1-dev a, .crNoAccFound:hover {  color: #29b017; text-decoration: underline }
.crAccNotActive { display: block; width: 112px; height: 28px; text-align: center; float: left; font: 10px/180% Arial, Helvetica, sans-serif; font-weight: bold; border: none; padding: 4px; margin: 0px; /* -webkit-border-radius: 0px 3px 3px 0px; */ color: #72be82; padding: 0 16px; }
.crNoAccFound, .crNotLoggedIn { display: inline-block; /* text-align: left; */ /* background: #72be82; */ color: #72be82; text-transform: lowercase;line-height: 96px; text-indent: 0; padding: 0 16px; text-decoration:none}
.crNoAccFound:hover, .crAccNotActive:hover, .crNotLoggedIn:hover { color:#60a76e; text-decoration:none}

.crLinkAcc { display: block; width: 112px; height: 28px; text-align: center; float: left; font: 10px/180% Arial, Helvetica, sans-serif; font-weight: bold; border: none; padding: 4px; margin: 0px; -webkit-border-radius: 0px 3px 3px 0px; background: #8dc63f; color: #fff }
.custmerRewards { float:right; font-size:10px; color:#4e9a10; margin-right:10px; position:relative; background:url(layout/reviews/arrow.png) no-repeat right; padding-right:10px;}
.detail-custmerRewards { float:left; margin: 0px; background: url(/layout/rewards/rewards-detail.png) top right no-repeat; padding: 0px; margin: 14px 0px 28px 0px; text-align: left; background-position: 248px 14px; background-size: 28px 29px; border-top: 1px solid #eee }
.detail-custmerRewards strong {font-size: 14px; color: #666;}
.detail-custmerRewards strong em {color: #333; font-style: normal;}
.detail-custmerRewards strong span {color: #8dc63f;}
.CRcopy { clear:right; color: #333; font-size: 10px; float: left; margin: 7px 0px 0px 0px }
.CRcopy u {color: #4e9a10;text-decoration: none;}

.CRpoint {font: 24px 'BebasNeue-webfont', Arial, sans-serif; text-transform:uppercase; color:#707070;   margin: 0;padding: 0;padding: 0;padding: 0px;}
.CRcopy, .detail-custmerRewards-Basket { font-size: 12px; line-height: 150%;}
.CRpoint { margin: 0; padding: 0; float: right; text-indent: 0; margin: 7px 14px 0 0; width: 203px;}
.CRpoint b { color: #4f9a11; font-weight:normal;}

.detail-custmerRewardsBasket { position:absolute; right: 0; top: 3px; padding: 0 }
.detail-custmerRewardsBasket span.icon { display: block; width: 21px; height: 21px; float: left }
.detail-custmerRewardsBasket div { float: right }
.CRpointBasket { text-transform:capitalize; font-size:12px; font-weight:bold; color: #33333; margin-right:5px;  margin: 0; padding: 0; float: left; text-indent: 0px; margin: 0px 0 3px 0px;} 
.CRpointBasket b {color: #4f9a11;}
.CRcopyBasket {text-transform:capitalize; font-size:12px; margin: 0px 0px 0px 3px; float: left }
.crShoppingCart {}
.crShoppingCartHeader {font-size: 1em;color:#769355;/* font-weight:bold; */font-style:normal;text-decoration:none;background: url(layout/rewards/reward-small.png) no-repeat; background-size:18px; background-position: 0 0px; text-align:left; border-bottom: 1px solid #e1e1e1;/* border-top: 1px solid #acd373; */padding: 0px 1em 1em 2em;margin-bottom: 0.5em;}
.crShoppingCartCopy, .crShoppingCartPoints  { /* background:#f7faf2; */ /* padding:14px; */ font-size: 11px; color:#769355; position: relative; width:100%; line-height: 150%; }
.crShoppingCartPoints { font-size:14px;}
.crShoppingCartPoints>input { position:absolute; right: 0; top: -43px;}
#CustomerRewardsApplyPoints_panPointsApplied { font-size:8.5pt;color:#769355;font-weight:bold;font-style:normal;text-decoration:none;background: #ebf6d9; text-align:left; border-bottom: 1px solid #acd373;border-top: 1px solid #acd373;padding: 14px 45px 14px 14px; position: relative; width:100%; margin-top: 7px;}
#CustomerRewardsApplyPoints_panPointsApplied>input { position:absolute; right:14px; top:6px}
.hdrRewardsValueTitle { line-height:48px;display: inline-block;font-size: 14px;margin-right: 14px;}
/* ----- END Customer Rewards --- */

/* ----- Customer Rewards Promotions ----- */
ul.crCurrentPromo { display: block; width: 980px; list-style: none; padding: 0px; margin: 0px 14px 14px 0px; background: #f6f9e8; float: left; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 14px solid #f6f9e8 }
ul.crCurrentPromo li { font-size: 10px; color: #666; padding: 0px; margin: 0px 0px 7px 0px; float: left; display: block; width: 100% }
ul.crCurrentPromo li.crName { font: 21px/150% "BebasNeue-webfont", Arial, sans-serif; color: #718a10; display: block; text-align: left; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #9ba76a }
ul.crCurrentPromo li.crNote { display: block; width: 42px; border-right: 1px solid #9ba76a }
ul.crCurrentPromo li.crDescription { font: 12px/150% "Arial", sans-serif; color: #718a10; display: block; text-align: left; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #9ba76a }
ul.crCurrentPromo li.crStartDate { text-indent: 7px; width: 196px; font-weight: bold }
ul.crCurrentPromo li.crEndDate { text-indent: 7px; width: 196px; font-weight: bold }
ul.crCurrentPromo li.crValue { text-indent: 7px; width: 196px; font-weight: bold }
ul.crCurrentPromo li.crType { text-indent: 7px; width: 196px; font-weight: bold }
ul.crFuturePromo { display: block; width: 980px; list-style: none; padding: 0px; margin: 0px 14px 14px 0px; background: #fafafa; float: left; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 14px solid #fafafa }
ul.crFuturePromo li { font-size: 10px; color: #666; padding: 0px; margin: 0px 0px 7px 0px; float: left; display: block; width: 100% }
ul.crFuturePromo li.crName { font: 21px/150% "BebasNeue-webfont", Arial, sans-serif; color: #666; display: block; text-align: left; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #e5e5e5 }
ul.crFuturePromo li.crNote { display: block; width: 42px; border-right: 1px solid #e5e5e5 }
ul.crFuturePromo li.crDescription { font: 12px/150% "Arial", sans-serif; color: #666; display: block; text-align: left; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #e5e5e5 }
ul.crFuturePromo li.crStartDate { text-indent: 7px; width: 196px; font-weight: bold }
ul.crFuturePromo li.crEndDate { text-indent: 7px; width: 196px; font-weight: bold }
ul.crFuturePromo li.crValue { text-indent: 7px; width: 196px; font-weight: bold }
ul.crFuturePromo li.crType { text-indent: 7px; width: 196px; font-weight: bold }
/* ----- END - Customer Rewards Promotions ----- */
@charset "utf-8";
/* CSS Document */

html, body { width: 100%; height: 100%; margin: 0; padding: 0; font-family: 'roboto'; font-size: 16px; line-height:150%; color:#555 ;-webkit-font-smoothing: antialiased; background: #F3F3EE; text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;}

@media screen and (max-width : 735px)
{
	html, body {font-size: 14px;}
}


@font-face { font-family: 'roboto';src: url('/font/Roboto-Light-webfont.eot');src: url('/font/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),url('/font/Roboto-Light-webfont.ttf') format('truetype'),url('/font/Roboto-Light-webfont.svg#roboto') format('svg');}
@font-face {
    font-family: 'robotothin';
    src: url('/font/Roboto-Thin-webfont.eot');
    src: url('/font/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/Roboto-Thin-webfont.woff') format('woff'),
         url('/font/Roboto-Thin-webfont.ttf') format('truetype'),
         url('/font/Roboto-Thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotobold';
    src: url('/font/Roboto-Bold-webfont.eot');
    src: url('/font/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/Roboto-Bold-webfont.woff') format('woff'),
         url('/font/Roboto-Bold-webfont.ttf') format('truetype'),
         url('/font/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5 {color:#000;  font: 32px/32px 'robotothin', Arial, sans-serif;}
h1 {
    font-size: 36px;
    line-height: 120%;
}
h2 {}
h3 {}
h4 {}
h5 {}

@media screen and (max-width : 735px)
{
	h1.categoryDetailsHdr { font-size: 16px !important; line-height: 150% !important }
	h1.brandDetailsHdr { font-size: 16px !important; line-height: 150% !important }
}

p {color:#555}
strong, b { color: #000;}
a { color:#666; text-decoration:underline}

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

div.wrapper .fixed { max-width: 1832px ; position: relative;}
div.wrapper { width: 100%; float: left }
div.wrapper:after { content: ""; display: table; clear: both }

div.grid { width: 100%; margin: 0 auto; padding: 0 }
div.grid:after {content: "";display: table;clear: both;}

div.container { float: left; width: 100%; margin: 0;}
div.container:after { content: "";display: table;clear: both;}

[class*='col-'] {padding: 0;float: left;}
.col-1 { width: 100% !important}
.col-2 { width: 50% !important}
.col-3 { width: 33.33% !important}
.col-4 { width: 25% !important}
.col-5 { width: 20% !important}
.col-6 { width: 16.66% !important }
/* -- No col-7's, they're filthy -- */
.col-8 { width: 12.50% !important}
.col-9 { width: 11.11% !important}
.col-10 { width: 10% !important}
/* -- No col-11's, they too are disgusting -- */
.col-12 { width: 8.33% !important}
.col-90p { width: 90% }
.col-80p { width: 80% }
.col-75p { width: 75% }
.col-70p { width: 70% }
.col-60p { width: 60% }
/* -- You don't need a col-50, we have col-5 for that -- */
.col-40p { width: 40% }
.col-30p { width: 30% }
.col-25p { width: 25% }
.col-20p { width: 20% }
.col-10p { width: 10% }
/* -- Col-268 is used for products and blogs, it is the best fixed-width under all circumstances -- */
.col-268,#clAdvancedSearch2_newSizeFilterPanel { width: 268px; margin: 16px; float: none; display: inline-block ; overflow: initial;}

@media screen and (max-width : 735px)
{
.col-2 { width: 100% !important }
.col-3 { width: 100% !important }
.col-4 { width: 100% !important }
.col-5 { width: 20% !important }
.col-6 { width: 100% !important }
.col-8 { width: 12.50% !important }
.col-9 { width: 11.11% !important }
.col-10 { width: 10% !important }
.col-12 { width: 8.33% !important }

.col-90p { width: 100% }
.col-80p { width: 100%  }
.col-75p { width: 100%  }
.col-70p { width: 100%  }
.col-60p { width: 100%  }
.col-40p { width: 100%  }
.col-30p { width: 100% }
.col-25p { width: 100%  }
.col-20p { width: 100%  }
.col-10p { width: 100%  }
}


/* -- Centralise Repeater Items in Container by adding this class to the parent -- */
.centralise { text-align: center }

/* -- This style enables the jQuery to target and address the element height -- */
div.imgCtr, div.imgCtr75, div.imgCtr50, div.imgCtr25 { padding: 0; width: 100% }

/* -- Padding and Margin Options -- */
.ctrPad8 { padding: 8px !important}
.ctrPad16 { padding: 16px !important}
.ctrMrg16 { margin: 16px !important}
.clearboth {clear:both !important;min-height:1px;}

.greyscale { filter: grayscale(0%); -webkit-filter: grayscale(0%); transition: all .25s ease; -moz-transition: all .25s ease; -webkit-transition: all .25s ease }
.greyscale:hover { filter: grayscale(60%); -webkit-filter: grayscale(60%) }

/* -- Zesty Theming : Colours, Backgrounds, Borders, Outlines, Buttons ----- */
.color1 {color:#000;}
.color2 {color:#2f353e;}
.color3 {color:#a6afbc;}
.color4 {color:#e1e1e1;}
.color5 {color:#6495ED;}
.colorwhite {color:white;}
.colorblack {color:black;}
.background1, .button {background: #252627;/* border: transparent !important; */}
.background2 {background:#FAFAFA;}
.background3 {background:#a6afbc;}
.background4 {background:#e1e1e1;}
.background5, .addtocart {background: #5A5A5A; border: 1px solid #333333!important;}
.backgroundwhite {background: rgba(255, 255, 255, 1);}


.border1, .border2, .border3, .border4, .border5 { border-style:solid; border-width:1px; }
.border1 { border-color:#e2e5e8; }
.border2 { border-color:#2f353e; }
.border3 { border-color:#a6afbc; }
.border4 { border-color:#e1e1e1; }
.border5 { border-color:#6495ED; }

.bLeft1, .bLeft2, .bLeft3, .bLeft4, .bLeft5 { border-left-style:solid; border-left-width:1px; }
.bLeft1 { border-color:#000; }
.bLeft2 { border-color:#2f353e; }
.bLeft3 { border-color:#a6afbc; }
.bLeft4 { border-color:#e1e1e1; }
.bLeft5 { border-color:#6495ED; }

.bRight1, .bRight2, .bRight3, .bRight4, .bRight5 { border-right-style:solid; border-right-width:1px; }
.bRight1 { border-color:#000; }
.bRight2 { border-color:#2f353e; }
.bRight3 { border-color:#a6afbc; }
.bRight4 { border-color:#e1e1e1; }
.bRight5 { border-color:#6495ED; }

.bTop1, .bTop2, .bTop3, .bTop4, .bTop5 { border-top-style:solid; border-top-width:1px; }
.bTop1 { border-color:#000; }
.bTop2 { border-color:#2f353e; }
.bTop3 { border-color:#a6afbc; }
.bTop4 { border-color:#e1e1e1; }
.bTop5 { border-color:#6495ED; }

.bBottom1, .bBottom2, .bBottom3, .bBottom4, .bBottom5 { border-bottom-style:solid; border-bottom-width:1px; }
.bBottom1 { border-color:#e2e5e8; }
.bBottom2 { border-color:#2f353e; }
.bBottom3 { border-color:#a6afbc; }
.bBottom4 { border-color:#e1e1e1; }
.bBottom5 { border-color:#6495ED; }

.outline1, .outline2, .outline3, .outline4, .outline5 { outline-width:1px; outline-style:solid; }
.outline1 { outline-color:#000; }
.outline2 { outline-color:#2f353e; }
.outline3 { outline-color:#a6afbc; }
.outline4 { outline-color:#e1e1e1; }
.outline5 { outline-color:#6495ED; }
/* -- END : Zesty Theming : Colours, Backgrounds, Borders, Outlines, Buttons ----- */



.centerColumn { margin:64px auto; width: 70%; padding: 0; display: inline-block;}
@media screen and (max-width : 735px)
{
	.centerColumn { margin: 32px auto; width: 80%;}
}


.ctrMrg8 { margin: 8px !important}

/* ----- form styles --------------------------------------------------------------------------------------------------------------------------- */
.lable {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-indent:0px; float:left; line-height: 150%;}
.formSingle, .formMultiple { border:none; outline:none; margin: 0; font-size:14px; width: 100%; border:1px solid #CCC; padding:10px; clear:both; float:left ; font-size:18px; height: 51px;}
.formSingle:hover, .formMultiple:hover {border:1px solid #999;}
.formSingle:focus, .formMultiple:focus {border:1px solid #666;}
.formMultiple { height:150px; min-width:300px}
.formSingl-error { border:none; outline:none; margin:0; font-size:18px; width:190px; border:1px solid #ebc8c8; padding:10px; clear:both; float:left; background-color:#f7f0f0; color:#900}
.formSingleEmail {border:none; outline:none; margin: 0; font-size:18px; width:350px; border:1px solid #CCC; padding:10px; clear:both; float:left}
.signtext {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:100%; text-indent:0px; float:left; clear:both}
.combined { position:relative}
/* ----- END - form styles ----- */

/* -----  buttons --------------------------------------------------------------------------------------------------------------------------- */
input[type="text"]:focus, input[type="password"]:focus, input[type="url"]:focus, input[type="email"]:focus, textarea:focus { border-color: rgba(0,0,0,0.7); /* box-shadow: 0 0 3px rgba(20,20,20,0.3); */ color: #000; outline: none;  }
button, .button, input[type="submit"], input[type="button"], .pagenav-prev a, .pagenav-next a, #gkMainbody .readmore > a, .readon, .btn, .btn-border, .btn-thin-border, .buttonRound { -webkit-appearance: none; border: none; border-radius: 3px; color: #fff !important; cursor: pointer; display: inline-block; font-size: 13px; font-weight: 400; height: auto; letter-spacing: 2px; line-height: 25px; padding: 12px 45px; text-align: center; text-transform: uppercase; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; text-decoration: none; border: 1px solid #000000;}
button:active, button:focus, button:hover, .button:active, .button:focus, .button:hover, input[type="submit"]:active, input[type="submit"]:focus, input[type="submit"]:hover, input[type="button"]:active, input[type="button"]:focus, input[type="button"]:hover, .btn:active, .btn:focus, .btn:hover, .btn-border:active, .btn-border:focus, .btn-border:hover, .btn-thin-border:active, .btn-thin-border:focus, .btn-thin-border:hover { background: #222222; color:#fff }
.btn-border { background: transparent !important; border: 2px solid #ddd !important; color: #26292b !important; }
.btn-border:active, .btn-border:focus, .btn-border:hover { border-color: #000 !important; color: #000 !important; }
.btn-thin-border {background: white !important; border: 1px solid #E6E8EB !important; color: #26292b !important;}
.btn-thin-border:active, .btn-thin-border:focus, .btn-thin-border:hover { border-color: #000 !important; color: #FFF !important; background:#000!important }
.dark { border-color: #363636 !important; color: #363636 !important; }
.dark:active, .dark:focus, .dark:hover { border-color: #eba034 !important; }
.addtocart:active, .addtocart:focus, .addtocart:hover {  border-color: #6495ED !important; color:#6495ED!important }
.buttonRound {width: 50px;height: 50px;text-align: center;line-height: 50px; position: relative; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; padding:0; margin:0;border: transparent;}
input[type=checkbox], .checkbox, input[type=radio], .radio { background: transparent !important; border: none !important; height: auto !important; margin-top: 7px !important; }
select[size] { font-size: 12px; height: auto; }
.bLeft, .bBottom, .bRight, .bTop { position:absolute} 
.bLeft {-webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px;right: -3px;position: absolute;right: 0;top: 0;}
.bBottom {-webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;}
.bRight {-webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px;}
.bTop {-webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;}
.buttonSmall {letter-spacing: 1px; line-height: 25px;  padding: 6px 22px;}
.footerButton { background: #D5D5D5 !important; height: 51px; border: none !important; padding: 13px; color:#fff}
.footerReview img  { margin-bottom:14px}
.footerReview>span  { clear:both;width: 100%;display: inline-table;}
.footerReview i { margin-top:21px; color:#F90; display:inline-block}
.footerReview i:first-child { margin-left:14px;}  
/* -----  buttons --- End ---*/


/* ----- General ----- */
a,a:hover,a:focus{outline:none;text-decoration:none;}
input[type="text"]{-webkit-appearance:none; overflow: hidden; border-radius: 0;}
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a img { border:none}
select::-ms-expand {display: none;}
select{-webkit-appearance: none;-moz-appearance: none;appearance:none;text-indent: 0.01px;text-overflow: '';}
.loading, .cacheImage  {background:url(/Images/cs-img-loader.gif) no-repeat center center !important; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.required { color:#C00; font-size:smaller; vertical-align: super}
/* ----- END - General ----- */




.iamsticky {}
.iamsticky2 {position:fixed;top:0;}


/* -- TOP BANNER ------------------------------------------------------------------------------------------------------------------------------------------ */

/* -- STANDARD ----------------------------------- */
.masthead { background: none; margin: 0 ; display: block; z-index: 13; width: 100%;}

.logo { width:96px !important; background: url(/layout/generalLyout/logo.png) left center no-repeat; background-size:contain}

/* -- Primary Navigation -- */
#header { overflow:hidden; background-color: #fff; /* margin-bottom: 1em; */ border-bottom: 1px solid #DBDBDB;}
.navOption { display: block; width:48px; height: 48px; line-height: 48px; text-align: center; cursor: pointer; float:left; }
.navOptionRight {float:right;}
.toggleCtr {background-color:rgba(255,255,255,0.02);background-size: 48px 32px; text-decoration: none;color: white; display: block; width: 100%; height: 48px; line-height: 48px; text-align: left; padding:0 16px}
.toggleCtr span {font-family:'FontAwesome'; float:right;font-size: 1em; color: #555 }
.toggleNavCtr, .toggleSearchCtr, .toggleBasketCtr, .toggleLoginCtr { font-family:'FontAwesome'; font-size: 1em; color: #DBDBDB; z-index:10}
.toggleCtr span:hover, .toggleCtr span:active { -ms-transform: rotate(90deg); /* IE 9 */-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */transform: rotate(90deg);}
.navopenNavCtr, .navopenSearchCtr, .navopenBasketCtr, .navopenLoginCtr {background: #EAFCD1;}
.navopenNavCtr {color: #55acee}
.navopenSearchCtr {color: rgb(105, 105, 105);position: absolute;top: 35px;right: 16px;font-size: 26px;}
.navopenLoginCtr {color: #8bdd9c}
.navopenBasketCtr {color: cornflowerblue;}
.toggleLoginCtr img { height: 48px;}


/* basket styling */
.toggleBasketCtr {width: auto !important;color:white; padding:0 16px}
div.basketCtr { display: none;}
#CartList-dev {display:inline-block;height: 48px;}
div#CartList-dev a { display: inline-block; width: 100%; height: 48px; line-height: 48px; text-decoration: none; color: white; font-size: 14px; vertical-align: bottom;  font-family: 'roboto';margin:0 0 0 8px}
div#CartList-dev a span.purse10 {display:none;}
div#CartList-dev a span[id*="lblCount"] { border-radius: 12px;font-size: small;}

/* search styling */
div.srchCtr { z-index: 31; overflow:hidden; /* margin: 0 auto; */ display: inline-block; width: 100%;}
div.srchCtr input { width: 100%; height: 96px; border: none; padding: 0; margin: 0; text-indent: 93px; font-size: 2.5em; border-radius: none; -webkit-border-radius: none; -webkit-appearance: none; background: rgba(255, 255, 255, 0); color: rgb(134, 134, 134); border-bottom: 1px solid rgba(0, 0, 0, 0.1); outline: none;}
div.srchCtr input:active, div.srchCtr input:hover, div.srchCtr input:focus {color: rgb(37, 38, 39); box-shadow: none;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
div.srchCtr a {            }
div.srchCtr a:hover, div.srchCtr a:active {color:000; }
.SearchCtrOpen {font-family:'FontAwesome'; position:absolute; left: 0; top: 35px;border-right: 1px  dotted rgba(37, 38, 39, 0.35);width: 70px;font-size: 28px;color: rgba(134, 134, 134, 0.49);}
.srchCtrClose { position:absolute; right: 0px; top: -1px; z-index:10; width: 100px !important; height: 96px; line-height: 96px; padding: 0 !important; background-color: #DDECE1;}
.srchCtrPopular { display:block; clear:both;text-align: left; padding: 16px;}
.srchCtrPopular a { display:inline-block; margin: 0px 10px; color: #777777; padding: 10px 0;}
.srchCtrPopular a:hover { border-bottom: solid 1px rgba(170, 169, 169, 0.7);        display: inline;        padding-bottom: 4px; color: #000;}
.srchCtrPopular span { display:inline-block; margin: 0px 18px 0 0px; color: #949494; display: inline-block;    margin: 0px 0 0 0px;       padding: 10px;}

/* nav styling */
div.navCtr {background: #e2e5e8; overflow:hidden;display:none; }
div.navBlock { display: inline-block; width: 268px; vertical-align: top }
div.navCtr h2 { color: #55acee }
div.navCtr ul { margin: 0; padding: 0; list-style: none; display: block; width: 100% }
div.navCtr ul li a { width: 100%; height: 48px; line-height: 48px }
div.navCtr ul li a:hover {background:rgba(255,255,255,0.3)}
li.Level1 a.CSSParent { color: #55acee }
li.Level2 a.CSSParent { color: #555 }
a.CSSParent { color: #555; display: block; width: 100%; border-bottom: 1px solid #2d2d2d;text-decoration: none }
a.CSSChild { color: #555; display: block; width: 100%; text-decoration: none }
.brandsContainer {margin: 8px 0 0 0;/* border: 1px solid #2d2d2d; */background: white;height: 48px;position: relative;}
.brandsContainer span {font-family:'FontAwesome';position: absolute;right: 16px;top: 16px;color: #55acee}
.brandsContainer .dropdownFormSmall {border: 0;width: 100%;padding: 1em;margin: 0;font-family: 'roboto';font-size: 1em;-webkit-appearance: none; -moz-appearance:none; appearance:none;border-radius:0;background-color: #fff;color: #2D2D2D;outline: none;border: none;}

/* login styling */
div.loginCtr {background: #EAFCD1; display:none; overflow:hidden; text-align:center}
div.loginCtr div { display:inline-block}
#clLogin1-dev, #CustomerRewardsDisplay1-dev {color: #8EC640;  text-align: right;float: right;background: url('/layout/rewards/cr.svg') no-repeat;background-position: 0 1px;padding-left: 30px;}
#clLogin1-dev a {color: #4E9B44;text-decoration: none;border-bottom: 1px dotted #8bdd9c;padding-bottom: 0.2em;line-height: 96px;}
#clLogin1-dev span.lockIcon {font-family:'FontAwesome';  margin: 0 16px 0 0;font-size: 20px;color: rgba(78, 155, 68, 0.57);}

/* -- END - STANDARD ----------------------------- */


/* -- TAILORED ----------------------------------- */
.hideStandardTopElements {display:none !important;}
.showCustomTopElements {display:inline-block !important;}
.mastheadCustom {margin: 0 ; display: block; position: relative; z-index: 13; width: 100%;}
.tailoredMsgContainer {/* width:200px; */float:left; padding-left: 16px;}
.tailoredMsg {}
.tailoredMsg p, .tailoredMsg {display:inline-block; line-height:48px;margin: 0 0 0 0;font-size: 14px;color: #D5D5D5;}
.tailoredMsg span { color:#FFE201}

.tlogo {display:block;  position: absolute;width: 130px !important; top: -1px;min-height: 97px; background: url(/layout/generalLyout/logo.png) left center no-repeat; background-size:contain;left: 16px;}

.tMenuLinkMobile, .tMenuLinkMobileSearch { display: none !important }

@media screen and (max-width : 735px)
{
	.tMenuLinkMobile, .tMenuLinkMobileSearch { display: table !important; width: 50% !important }
	.tMenuLinkMobile:active { background: whitesmoke }
	.tMenuLinkMobileSearch:active { background: #DDECE1 }
	.tMenuLinkMobile span, .tMenuLinkMobileSearch span { display: table-cell; vertical-align: middle }
	.tMenuLink1, .tMenuLink2, .tMenuLink3, .tMenuLink4, .tMenuLink5, .tMenuLink6 { display: none !important }
	.tMenu1, .tMenu2, .tMenu3, .tMenu4, tMenu5, .tMenu6 { display: none !important }
	.mHeader { padding: 16px 16px 15px 16px; border-bottom: 1px solid #e5e5e5; text-align: left }
	.mSrch { background: #DDECE1 !important; padding: 0 }
	.mLink { padding: 16px 16px 15px 16px; border-bottom: 1px solid #e5e5e5; text-align: left }
	.mBrands .col-2 { width: 50% !important; font-size: 0.8em }
	
	.mQuickLinkHdr { background: #252627; color: white; padding: 16px; font-size: 0.8em }
	.mQuickLinkCtr { border-bottom: 1px solid #e5e5e5 }
	.mQuickLinkCtr .col-4 { width: 33.33% !important }
	.mQuickLink { background: #efefeb; color: #555; padding: 16px; font-size: 0.8em }
	.mQuickLink span { padding: 0 0 3px 0; border-bottom: 1px solid #9d9d9d }
	.fa-chevron-down { position: relative; top: -1px }
	
	.navHighlight { background: #efefeb; color: #555 !important }
	.srchHighlight { background: #DDECE1; color: white !important }
}

.tMenuLinks {float:right;}
.tMenuLinks a {height:96px; line-height:96px; color:#555; padding:0 16px; font-size:1em;overflow:hidden; display:block;   float: left; position:relative;  vertical-align: bottom;cursor: pointer;}
.tMenuLinks a.tLinkActive {background: #EFEFEB;padding: 0 35px;}
.tMenuLinks a span.tLinktext {z-index:2; position: relative;width: 100%;display: block;color: #000;}
.tMenuLinks a span.tLinktextM {display:none;z-index:2; position: relative; }
.tMenuLinks a span.tLinktext:after {opacity:1;color: rgba(85, 85, 85, 0.50);font-family:'FontAwesome';content:"\f107";margin: 0 0 0 8px;-webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;-webkit-transition-delay: 0.3ms;-moz-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;}
.tMenuLinks a:hover span.tLinktext:after, .tMenuLinks a.tLinkActive span.tLinktext:after {opacity:1;}
.tMenuLinks a.tLinkActive span.tLinktext:after {content:"\f106";}
.tMenuLinks a span.tLinkBG {background: #EFEFEB; width:192px;height: 272px;position:absolute;top:164px;left:0;-moz-transform: skewX(0deg) skewY(35deg);-webkit-transform: skewX(0deg) skewY(35deg);-o-transform: skewX(0deg) skewY(35deg);-ms-transform: skewX(0deg) skewY(35deg);transform: skewX(0deg) skewY(35deg);z-index:1;-webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;}
.tMenuLinks a:hover span.tLinkBG {top: -60px;}
.tMenus {background: #EFEFEB;width:100%;}
.tMenus > div {width:100%; text-align:center;display:none;}
.tMenus > div .col-268 {vertical-align:top;color:#555;height:auto !important}
.tMenus > div .col-268 strong {display:block; font-weight:normal; line-height:48px; font-size: larger;}
.tMenus > div .col-268 a {display:block; border-bottom: 1px solid #E5E5D5; line-height:48px;  text-decoration:none; color:#555;-webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; position:relative}
/*.tMenus > div .col-268:last-of-type a {border-bottom:none; margin-top:16px;}
.tMenus > div .col-268:last-of-type a:hover { background:none; }*/
.tMenus > div .col-268.tMenuBlog a {line-height: 1.8em;font-size: 0.9em;}
.tMenus > div .col-268.tMenuBlog a:hover {/* background:none; */}
.tMenus > div .col-268.tMenuBlog a:first-of-type {border-bottom:none; margin-top:16px;}
.tMenus > div .col-268.tMenuBlog a i {color:cornflowerblue;-webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;}
.tMenus > div .col-268.tMenuBlog a:hover i {color:#000} 
.tMenuLinkClose {display:block; width:100%;  padding: 16px; cursor:pointer;/* height: 83px; */}
.tMenuLinkClose:before {font-size:2em}
.tMenu5, .tMenuLink5.tLinkActive {background-color: #DDECE1 !important;padding: 0;}
.tMenuLinks5 a.tLinkActive {padding: 0 32px;}
.onsale { position:absolute; top:0px; right:0px;}


.brandsIcons { overflow: hidden;}
.brands>div>a { width: 87px; float:left; height: 87px; margin: 1px; outline: 1px solid #E0E0DA;}
.all { background: #F3F3EE; margin: 1px;}

.spriteLocal, .brands>div>a {background: url(/layout/sprite-local.jpg) no-repeat;}
.brands>div>a.brand-adidas {background-position: -456px 0px;}
.brands>div>a.brand-Nike {background-position: -93px -87px;}
.brands>div>a.brand-Saucony {background-position: -371px -87px;}
.brands>div>a.brand-Clarksoriginals {background-position: -457px -87px;}
.brands>div>a.brand-Asics {background-position: -545px 0;}
.brands>div>a.brand-Supra {background-position: -180px 0;}
.brands>div>a.brand-Vans {background-position: -370px 0;}
.brands>div>a.brand-Northface {background-position: -285px 0;}
.brands>div>a.brand-Lakai {background-position: -976px 0;}
.brands>div>a.brand-Patagonia {background-position: -283px -87px;}
.brands>div>a.brand-Carhartt {background-position: -719px 0;}
.brands>div>a.brand-Deus {background-position: -625px -87px;}
.brands>div>a.brand-Stussy {background-position: -93px 0;}
.brands>div>a.brand-Levis {background-position: -1063px 0;}
.brands>div>a.brand-Huf {background-position: -888px 0;}
.brands>div>a.brand-Brixton {background-position: -546px -87px;}
.brands>div>a.brand-Obey {background-position: -178px -87px;}
.brands>div>a.brand-Glassy {background-position: -800px 0;}
.brands>div>a.brand-MensSociety {background-position: 0px -87px;}
.brands>div>a.brand-Bellroy {background-position: -631px 0;}
.brands>div>a.brand-Polar {background-position: -93px -87px;}
.Glassy>div>a.brand-Polar {background-position: -93px -87px;}
.MensSociety>div>a.brand-Polar {background-position: -93px -87px;}
.Bellroy>div>a.brand-Polar {background-position: -93px -87px;}
.polar>div>a.brand-Polar {background-position: -93px -87px;} 

.menuoptions {width: 268px; float:left; height: 402px; outline: 1px solid #E0E0DA;  }
.menuHero1 {background-position: 0 -306px;}
.menuHero2 {background-position: -268px -306px;}
.menuHero3 {background-position: -536px -306px;}
.menuoptions strong { position:absolute;bottom: 0;background-color: rgba(239, 239, 235, 0.89);line-height: 150% !important;padding: 7px;font-size: smaller !important;} 



/* -- END - TAILORED ----------------------------- */
.mobileOnly {display:none !important;}
.desktopOnly {display:inherit !important;}
@media screen and (max-width : 735px)
{	
.hideStandardTopElements, div#CartList-dev a span[id*="lblCount"], .tlogo, .homeLnkCtr, .tailoredMsg {display: none !important;}
.logo {display:inherit !important}
.mobileHomeLink {display:block !important;}
.mobileOnly {display:inherit !important;}
.desktopOnly { display:none !important}
#CustomerRewardsDisplay1-dev {}
.tMenuLinks {float:none; width:100%;text-align: center;}
.tMenuLinks a {height:64px;  color:#555;  font-size:1em;overflow:hidden; display: inline-block;    vertical-align: bottom;width: 25%;padding: 0 !important;}
.tMenuLinks a span.tLinktext {display:none;}
.tMenuLinks a span.tLinktextM {display: inline-block;width:64px; height:64px;}
div.srchCtr input { font-size: 1.5em;height: 60px;text-indent: 24px;}
.srchCtrClose { width: 50px !important;height: 51px;top: 5px;line-height: 51px;}
.SearchCtrOpen { display: none;}
}


/* -- END - TOP BANNER ------------------------------------------------------------------------------------------------------------------------------------------ */










div.mhContact {text-align:right;}
div.mhContact a {color:white; text-decoration:none;display: block;line-height: 2em;}
div.mhContact a:hover {color: #cee424;}
div.mhContact a span {font-family:'FontAwesome';color: #cee424;float: right;margin: 0 0 0 8px;}



.mobileHomeLink {background: ghostwhite url(/layout/generalLyout/logo.png) center center no-repeat; background-size:contain; display:none !important;height: 64px;}
.homeLnkCtr { background: ghostwhite }



a.homeLnk { font-family:'FontAwesome'; color: black; text-decoration: none; display: block; width: 100%; height: 64px; font-size: 2em; } 














/* -- Footer ----- */

div.footer {background-color: #333;}
.footerLinks {margin:0 0 16px 0}
.footerLinks a {color: #999; font-size:1em; height:48px; text-decoration:none;width: 100%;clear: both;text-align: center;line-height: 48px;/* border-bottom: 1px solid #2d2d2d; */}
.footerLinks a.footerLogin {font-family:'FontAwesome';}
.footerLinks a.footerLogin:hover {background: #72be82}
.footerLinks a.footerBasket {font-family:'FontAwesome';}
.footerLinks a.footerBasket:hover {background: #4b6fb1;}
.footerLinks a:hover {background-color:rgba(255,255,255,0.05);}
.footerLinks .openingtimes p { color:#999}

div.social { width: 100% }
div.social a { display:inline-block; font-family:'FontAwesome'; width: 48px; height: 48px; color:white; border-radius:24px ; text-decoration: none; font-size: 21px; line-height: 48px; text-align: center; margin: 16px;}
div.social a:hover {opacity: 1;}
.facebook { background: #4768ad;}
.twitter { background: #5fcae4;}
.pinterest { background:#cb2027;}
.instagram { background: #A37630;}
.gplus { background: #dd4b39;}
.youtube { background: #b8242a;}
/* ----- END - Footer ----- */

.footerNewsletter { position:relative; margin-bottom: 14px;}
.newsletter-footer {background: #FFFFFF;border: 0;width: 100%; color: #666;height: 69px; font-size:2em; font-family: 'roboto';-webkit-appearance: none; -moz-appearance:none; appearance:none;border-radius:0;}
.newsletter-footer::-webkit-input-placeholder {color: white;}
.newsletter-footer:-moz-placeholder {color: white;}
.newsletter-footer::-moz-placeholder {color: white;}
.newsletter-footer:-ms-input-placeholder {color: white;}
.newsletter-footer-submit {background: #565656;position: absolute;top: 0;right: 0;height: 69px;font-size: 1.5em;color: #fff;line-height: 69px;padding: 0px 24px !important;}
.newsletter-footer-submit:hover {background:#418c9c}
#newsletter-footer-text {color:white;}

.newsletterFail {background:#ff5858;line-height: 0;line-height: 150%;margin: 7px 0;display: inline-block;padding: 17px;width: 100%;}
.newsletterFail b {color: #ACFF39;}
.newsletterSuccess {background: #82B43C;padding:16px;    line-height: 0;    line-height: 150%;    margin: 7px 0;    display: inline-block;    padding: 17px;    width: 100%;}
.customerSupport { clear:both}
.customerSupport a { text-decoration:none; }
.customerSupport a:hover {color: rgba(255, 255, 255, 0.7);}
.customerSupport a span {font-family:'FontAwesome'; }

div.cards {/* color:white; */   background: rgba(255,255,255,0.02);}
div.cards span {line-height:28px;font-size:1em;font-family: 'roboto';color: #666666;}
div.cards span strong {color:#faa41b; font-weight:normal}
div.cards div.fa-cc-visa, div.cards div.fa-cc-mastercard, div.cards div.fa-credit-card, div.cards div.fa-cc-paypal, div.cards div.fa-money { display: inline-block; font-family:'FontAwesome'; font-size:2em; margin:0 0.5em; color: #AEAEAE; display: inline-block; vertical-align: middle;}
div.cards div.fa-cc-visa {/*color:#faa41b*/}
div.cards div.fa-cc-mastercard {/* float:right; *//*color:#ee1b2e*/}
div.cards div.fa-credit-card {/* float:right; *//* color:#7fcef2 */}



















div.cards div.fa-cc-paypal {/* float:right; *//* color:#009cde */}
div.cards div.fa-money {/* float:right; *//*color:#009cde*/}

.footerCopy {color:#aaa; }
.footerTerms {text-align:left}
.footerTerms a {color:cornflowerblue; text-decoration:none;}
.footerCitr {text-align:right}
.footerCitr a {color:#c9da35; text-decoration:none;}

.inverted {-webkit-filter: invert(1);filter: invert(1);}

@media screen and (max-width : 735px)
{
.footerLinks {margin:0}	
.newsletter-footer, .newsletter-footer-submit  {font-size:1em;line-height: 33px;}
.customerSupport a {font-size:1em;text-align:right;}
.customerSupport a:first-of-type {border-bottom:1px dotted #bf4a35;}
.customerSupport a span {float:left;}
div.cards .col-2 {height:28px;  margin-bottom: 16px; text-align:center}
div.cards .col-2:first-of-type {border-bottom: 1px solid #2d2d2d;padding-bottom: 16px;height: auto;}
div.cards span {line-height:28px;text-align:center;}	
div.cards div.fa-cc-visa {float:none;}
div.cards div.fa-cc-mastercard {float:none;}
div.cards div.fa-credit-card {float:none;}
div.cards div.fa-cc-paypal {float:none;}
.footerTerms, .footerCitr {text-align:center}
.footerTerms {padding-bottom:16px;margin-bottom:16px;border-bottom: 1px solid #c9da35;}
}



/* -- Homepage CSS Nav Banners ----- */
/*.hmSlider, .hmSlider .slides, .hmSlider .slides li {min-height:400px;}
.hmSlider .slides li a {display:block; width:100%; height:100%}*/
.CSSnavBanner li {list-style:none;}
.flexslider a.CSSParent {  border-bottom: 0;}
.flexslider a.CSSChild { border-bottom: 0;}
div.bannerTxtCtr { background:rgba(0,0,0,0); color: cornflowerblue ; position:relative;width:100%;height:100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);color:#fff;                  background: -webkit-linear-gradient(bottom,rgba(0,0,0,.15) 0,rgba(0,0,0,0) 100%);    background: -moz-linear-gradient(bottom,rgba(0,0,0,.15) 0,rgba(0,0,0,0) 100%);    background: -ms-linear-gradient(bottom,rgba(0,0,0,.15) 0,rgba(0,0,0,0) 100%);    background: -o-linear-gradient(bottom,rgba(0,0,0,.15) 0,rgba(0,0,0,0) 100%);    background: linear-gradient(bottom,rgba(0,0,0,.15) 0,rgba(0,0,0,0) 100%);    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0);    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0);}
div.bannerTxtCtr:hover {/* background:rgba(0,0,0,0.6); */}
div.bannerTxt { display: block; /*max-width: 884px;*/ /* height: 48px; */ line-height: 3em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; padding: 0 16px;position: absolute; bottom: 16px; left: 16px; /*-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); */width: 50%; }
.hmSlider div.bannerTxt {white-space: normal;  text-overflow: inherit;overflow: visible;}
.bannerTitle, .bannerTitle p {font-size: 1.5em;display: block;margin: 0;padding: 0;line-height: 100%; color:#fff}
.bannerDesc {height: 0;  display: block;line-height: 1.5em; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 34px;color: rgba(255, 255, 255, 0.8);}
div.bannerTxtCtr:hover .bannerDesc { height: 32px;}
.bannerDesc:before {height:32px;width:32px;color:white;border-radius:50%; /* content:'GO!'; */text-align:center;background: rgba(100, 149, 237, 0.4);margin: 0 8px 0 0;padding: 6px;position: relative;top: 0px;}
div.CSSnavBanner a.CSSChild { border-bottom: none }
.hmSlider .flex-control-nav {bottom:16px;}

.hmSlider .slides { margin:0; padding:0; padding: 16px; /* background-color: #fff; */}
.hmSlider .slides li { list-style:none; }
.hmSlider>.slides>li>a>div {padding: 0;float: left; width:33.333%;  border-bottom: 16px solid #FAFAFA; border-right: 16px solid #FAFAFA;   -webkit-filter: grayscale(20%);-moz-filter: grayscale(20%);-ms-filter: grayscale(20%);-o-filter: grayscale(20%);filter: gray;  -webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;  }
.hmSlider>.slides>li:nth-child(1)>a>div { width:66.66%; border-right: 16px solid #FAFAFA;}
.hmSlider>.slides>li:nth-child(2)>a>div { width:33.33%; border-right:none}
.hmSlider>.slides>li:nth-child(3n)>a>div { width: 33.333%; border-right:none}
.hmSlider>.slides>li:nth-child(4)>a>div,.hmSlider>.slides>li:nth-child(5)>a>div,.hmSlider>.slides>li:nth-child(6)>a>div {border-bottom:none}
.hmSlider>.slides>li>a:hover>div {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: gray;}





@media screen and (max-width : 735px)
{
.hmSlider>.slides>li>a>div,.hmSlider>.slides>li:nth-child(1)>a>div,.hmSlider>.slides>li:nth-child(2)>a>div,.hmSlider>.slides>li:nth-child(3n)>a>div   {width:100%;border-right:none;}
.bannerTitle {font-size:1em}	
.hmSlider .flex-control-nav, .bannerDesc {display:none;}
div.bannerTxtCtr:hover .bannerDesc { display: none;}
div.bannerTxt {bottom:16px;}
.bannerDesc:before {display:none;}
.CSSnavBanner {/* margin-bottom:16px; */}
}

/* -- Homepage -----*/
.hmMapContainer {position:relative;height:450px;background: rgba(0,0,0,0.5);}
.hmMap {height:450px; overflow:hidden; position:absolute;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;opacity:0;top:0;left:0;}
.hmMap:hover {-webkit-filter: grayscale(0%); filter: grayscale(0%);}
.hmMap>div {height:450px;}
.tabOpen {opacity:1;z-index:3;}
.hmMapCover {display:block; position:absolute; top:0; left:0; background: rgba(0,0,0,0.5); width:100%; height:450px; z-index:20;}
.hmMapCoverTitle {display:block;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);color:#fff;font-size:2em;text-decoration: none;line-height: 1.25em;}
.hmMapCoverTitle span {font-size: 0.5em;}
.hmMapTabs {text-align:right;}
.hmMapTabs a {color:cornflowerblue;cursor:pointer}
.hmMapTabs a:after {content:"  •  ";color:#888}
.hmMapTabs h3 {float:left; margin: 0;}



.quickMessages {}
.quickMessageReturns, .quickMessageShipping, .quickMessageTime {text-decoration:none;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.quickMessageReturns:hover, .quickMessageShipping:hover, .quickMessageTime:hover {background: rgba(255,255,255,0.15)}
.quickMessageReturns p, .quickMessageShipping p, .quickMessageTime p {  display: inline-block;margin: 1em 0 1em 0.5em;}

.startShopping {margin:0 auto; float:none;}
.startShopping h3 {margin:0 0 1em 0}
.startShopping ul {margin:0; padding: 0;display: inline-block;}
.startShopping ul li { list-style:none; display: inline-block;}
.startShopping ul li a {border:1px solid #000; color:#000 !important;padding: 8px 16px;text-decoration: none;  -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.startShopping ul li a:hover {background:#000;color:#fff !important;}
@media screen and (max-width : 735px)
{
.hmMapTabs {text-align: center;}
.hmMapTabs a {display:block;}
.hmMapTabs a:after {content:normal;}	
.hmMapTabs h3 {float:none; margin-bottom:8px}	
.hmWhyBuyTitle {font-size:1em;}
.quickMessageReturns, .quickMessageShipping, .quickMessageTime {width:100% !important;display:block;border-bottom: 1px solid rgba(255,255,255,0.15)}
.startShopping ul li a {margin-bottom:3px;}
}


/* -- Contact Page -- */
/* ----- Additional Pages --- contact / Price Match */
dl {text-align: left }
dl dt { display: inline-block; line-height: 130%; font-weight: bold; width: 100px;  color: #333;}
dl dd { margin: 0px; padding: 2px 0px 5px 0px; line-height: 130%; display: inline-block;}
.openingtimes { display:inline-block; width: 250px;}
.contactMap, .contactQuick, .contactForm { float: left }
.contactForm { width: 100%; margin:0; }
.contactMap { width: 75%; margin-bottom:28px; }
.contactQuick { padding: 45px 28px; }
.contactQuick div { display: block; margin-bottom: 14px; }
.formContainer { text-align: left; padding: 0; float:left; width: 100% }
.formContainer li { list-style: none; }
.formContainer li .lable, .formContainer li .required { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 100%; text-indent: 0px; float: left; }
.formContainer .formSingle, .formContainer .formMultiple { width: 100%; margin: 7px 0 14px; }
.formContainer .formMultiple { height: 122px !important; font: 12px/150% Arial, Helvetica, sans-serif; }
.noMargin { margin: 0 0 10px 0 !important; }
.priceMatchLink { width: 100%; text-align: center; float: left; display:none }
.priceMatchLink span { color: #c6851f; }
.priceMatchPanel { width: 100%; padding: 28px 14px 14px; text-align: center; float: left; background: #efdfba url(/layout/dd.png) no-repeat top center; display: none }
.priceMatchLinkA:hover { cursor: pointer }
.priceMatchPanel>div>ul>li>.formSingle { width: 450px; }
.Comments { margin-bottom: 14px; float: left; clear: both; }
.ValidationErrors { background: url(/Images/cross.png) no-repeat; margin: 0px 10px 0 0; background-size: 20px 20px; font-size: 11px; color: #930; display: block; padding: 0 0 0 25px; height: 30px; line-height: 190% }
.completeForm { border: none; outline: none; margin: 0.5em 0; font-size: 18px; width: 190px; border: 1px solid #ebc8c8; padding: 10px; clear: both; float: left; color: #333 }
.completeFormInfo { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3b961b; line-height: 100%; text-indent: 0px; float: left; clear: both; background: url(/Images/tick.png) no-repeat; background-size: 12px; padding-left: 18px }
.errorForm { border: none; outline: none; margin: 0.5em 0; font-size: 18px; width: 190px; border: 1px solid #ebc8c8; padding: 10px; clear: both; float: left; background-color: #f7f0f0; color: #900 }
.errorFormInfo { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ec5252; line-height: 100%; text-indent: 0px; float: left; clear: both; background: url(/Images/cross.png) no-repeat; background-size: 12px; padding-left: 18px }
.contactFormSend { clear: both; }
.contactFormSend .required { clear: both ; display: block; font-size: 12px;}
/* -----  validation --- contact / Price Match ---*/




/* -- Delivery Page -- */
.shippingSelect {padding:0.5em}
.shippingSelect option {}
.shippingSelect option[disabled="disabled"], .shippingSelect optgroup[disabled="disabled"] {display:none;-webkit-backface-visibility: hidden; backface-visibility: hidden;}
.shippingMobileOnly {display:none;color:#ff5858}
#shippingtable {margin: 16px 0 0 0;}
.zone1 {border-top:1px solid #000;border-bottom:1px solid #000;float: left;width: 100%;margin-bottom: 16px;background: #f9f9f9;}
.zone1 .shippingContent {display: block;background: #fff;float: left;width: 100%;}
.zone1 .shippingContent li.title {display: block !important;list-style: none;font-weight: bold;float: left;width: 25%;}
.zone1 .shippingContent li {display: block;list-style: none;width: 75%;float: left; border-top:1px solid #000}
.zone1 .shippingContent country, .shippingContent costA, .shippingContent costB, .shippingContent costC, .shippingContent desc {display: block;text-align: left;padding: 6px 0;}
.zone1 .shippingContent country {}
.zone1 .shippingContent costA {}
.zone1 .shippingContent costB {}
.zone1 .shippingContent costC {}
.zone1 .shippingContent desc {border-bottom:0;}
.zone2 {/* border-bottom:1px solid #000; */border-top: 1px solid #FFF;float: left;width: 100%;margin-bottom: 16px;background: #f9f9f9; display:none;}
.zone2 .shippingContent {display: block;background: #fff;float: left;width: 100%;}
.zone2 .shippingContent li.title {display: block !important;list-style: none;font-weight: bold;float: left;width: 25%;}
.zone2 .shippingContent li {display: none;list-style: none;width: 75%;float: left;  border-top: 1px solid #C2C2C2;}
.zone2 .shippingContent country, .shippingContent costA, .shippingContent costB, .shippingContent costC, .shippingContent desc {display: block;text-align: left;padding: 13px;float: left;width: 20%;text-align: left;}
.zone2 .shippingContent country {}
.zone2 .shippingContent costA {}
.zone2 .shippingContent costB {}
.zone2 .shippingContent costC {display:none;}
.zone2 .shippingContent desc {}


@media screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{	
.shippingMobileOnly {display:block;}
}



/* ----- Blog ----- */

.blogPost { padding-top: 164px; 0 0 0; /* z-index: 84; */}
.blog-RecentArticles {}

.blog-RecentArticles a {display: block;text-decoration: none;padding: 0.5em 0;height: auto;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.blog-RecentArticles a:hover {background:#f4f4f4;}
.archiveContent {}
.archiveContent h3 {margin: 2em 0 0.25em 0;}

.archiveContent h4 {margin: 0 0 1em 0;padding: 0 0 1em 0;}
.archiveContent a { line-height: 2em; margin-bottom: 7px;}

#blogArticleImage {min-height:400px;background-size: cover;background-position: center;}
#blogArticleImage .blogImgOverlay {/* background:rgba(0,0,0,0.5); */ width:100%; height:400px; }
.large-article-box { position: relative;  top: -119px;}
.large-article-header {padding:0 0 1em 0;/* margin:0 0 1em 0; */ /* border-bottom:1px dotted #e1e1e1 */}
.large-article-header h1 {margin: 0 0 1em 0;}
.large-article-header p {float:left; margin:0 1em 0 0}
.large-article-content img {max-width:100%; height:inherit;}
.large-article-content {word-wrap: break-word;}
.large-article-content a { color: #55acee !important }
.blogRightColumn {padding:0 0 0 16px;padding: 2%;}
.shareAreaBlog {margin:0 0 2em 0;}
.shareAreaBlog h2 {margin: 0 0 0.5em 0;padding: 0 0 0.5em 0;font-size: 25px;}
.shareAreaBlog > div {overflow:hidden; font-size:0; cursor:pointer;position: relative;}
.shareAreaBlog > div > a {display:block;width: 54px; height: 54px;position: absolute;top: 0;}
.shareAreaBlog > div:before {border-radius:50%; width:48px; height:48px; background:#ff0;  display: inline-block; color:white;font-size:20px;padding: 15px 0;text-align: center;margin:0px 3px;}
.shareAreaBlog .linkTwitter:before {background: #00aced}
.shareAreaBlog .linkFacebook:before {background:#3b5998}
.shareAreaBlog .linkGoogle:before {background: #dd4b39}
.blogRightSearch {margin:0 0 2em 0}
.blogRightSearch h2 {margin: 0 0 0.5em 0;padding: 0 0 0.5em 0;}

.blogSearch {width:100%; position:relative}
.blogRightCloud {margin:0 0 2em 0}
.blogRightCloud h2 {margin: 0 0 0.5em 0;padding: 0 0 0.5em 0;}
.blogRightCloud a {margin: 0.25em;}
.blogRightRecent {margin:0 0 2em 0}
.blogRightRecent h2 {margin: 0 0 0.5em 0;padding: 0 0 0.5em 0;}
.blogRightRecent a {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;display:block; color:#666; padding: 1em 1em 1em 0em; text-decoration:none; border:0;}
.blogRightRecent a:hover {background:cornflowerblue; color:white; padding: 1em;}
.blogRightRecent a span {width:0;width: 0;display: inline-block;overflow: hidden;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;color:#fff;  line-height: 80%;}
.blogRightRecent a:hover span {width:10px;}


.large-article {border: 1px solid #e1e1e1; height: 1%;overflow: hidden;padding:0;width: 326px;float: left;background: #fff;margin: 0px 28px 28px 0;position: relative;height: 424px; background:url(/layout/blogBG.jpg) no-repeat #fff}
.large-article:nth-child(4n), .large-article:nth-child(7n) {margin:0 0 28px 0}
.large-article:nth-last-child(1) {border-bottom:none; margin-bottom:0px}
.large-article>p{ font-size:11px; color:#999999}
.large-article h1 {font-size: 36px; margin-bottom: 7px;}
.blog {font-size: 20px; /* margin: 7px 0; */}
.large-article h2 a {color: #333;}
.large-article-content-summary { margin-top: 140px; padding: 28px; min-height: 302px; font-size: 14px; line-height: 150%;}
.large-article-content-summary > p { margin: 0; font-size: 12px;}
.large-article-content-summary > p.blogReadMore { display: block; width: 326px; text-align: center;background: #fff; line-height: 350%; position: absolute; bottom: 0; border-top: 1px solid #f9f9f9; left: 0;}
span.blogSnipImg { /* float: left; margin: 7px 14px 0 0; */ position: absolute; top: 0px; left: 0px; overflow: hidden;}
.blogSnipImg img {width: 100%; }
span.blogSnipText { font-size: 15px; line-height: 150%; height: 133px; overflow: hidden; display: block; /* padding-bottom: 7px; border-bottom: 1px solid #dedbd2; */ font-size: smaller;}
span.blogSnipText::before {/* content:'_'; */ display:block; color:#dedbd2}


.blogHomepage {float: left !important; margin-right: 0.5% !important; text-align:left; width: 49% !important;  background: #E4E4E4; position: relative; padding: 2em;}
.blogHomepage:nth-of-type(2) {margin-left: 0.5%;margin-right: 0% !important;}
.blogHomepage .bgSpan {background: rgba(0,0,0,0.7);display: flex;width: 100%;height:100%;z-index: 2;position: absolute;top: 0;left: 0;/* padding: 2em; */overflow: hidden;}
.blogHomepage .blogSnipImg { /* float:left; */ top:0; left:0; margin:0; width: 100%;/* position: relative; */}
.blogHomepage h2 {float:right; padding: 0;  margin: 0;width: 60%;z-index: 3;position: absolute;font-size: 1em;line-height: 1.5em;top: 64px;left: 20%;color: white;text-align: center;}
.blogHomepage h2 a { color: white;}
.blogHomepage p {font-size: 12px;/* float: right; */padding: 0 0 8px; width: 60%;clear: both;color: white;position: absolute;top: 120px;right: 20%;z-index: 3;text-align: center;margin: 0;border-bottom: 1px dotted #969696;}
.blogHomepage p strong {color:white;font-weight:normal}
.blogHomepage .blogSnipText { float: none; clear: right ; width: 60%; padding: 0;z-index: 3;position: absolute;top: 175px;right: 20%;line-height: 150%;color: white;text-align: left;height: 145px;}
.blogHomepage .blogSnipText a {color:white}
@media screen and (max-width : 735px)
{
.blogHomepage {width:100% !important;margin:0 !important;}	
}


.blogCard { position:relative}
.blogBlogContainer {/* background-color: #f0f4f5; */-moz-column-count: 4; -webkit-column-count: 4; column-count: 4;-moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em;}
.blogBlogContainer .blogCard {width: 100%;padding: 0 !important;margin: 0 0 1.5em 0 !Important;}	
.blogBlogContainer .blogCard .blogSnipImg {width: 100%;}
.blogBlogContainer .blogCard .blogSnipText { display: block;padding: 2em 2em 1em 2em;}	
.blogBlogContainer > div { background-color:#fff; list-style:none; text-align:left; position:relative ; /* min-height: 400px; */ vertical-align: top;}
.blogBlogContainer > div h2 {margin: 0 2em; font-size: 1em;/* min-height: 38px; */padding: 0.5em 0 0 0;border-top: 1px dotted #000;}
.blogBlogContainer > div h2 a { font-size: 1.5em; text-decoration:none; color: #000;}
.blogBlogContainer > div p {font-size: 1em; margin: 1em 0 0 0;padding: 0 2em;color: #000;opacity: 0.5;}
.blogBlogContainer .blogSnipImg { width: 268px; /* height:201px; */ overflow:hidden; display: block; position: relative; /* top: -16px; */ /* left: -16px; */text-align: center;}
.blogBlogContainer .blogSnipImg img { height: inherit; width: 100%;text-align: center;}
.blogBlogContainer .blogSnipText { display:none;}
.blogBlogContainer > div.blog-pagination {text-align:inherit; height: auto;min-height: inherit;}
.blogBlogContainer > div.blog-pagination a {display:block;color:lightsteelblue; text-decoration:none}
.blogBlogContainer > div.blog-pagination a:after, .blogBlogContainer > div.blog-pagination a:before {font-family:'FontAwesome';display:block;}
.blogBlogContainer > div.blog-pagination a.archivenext {margin:1em 0 0 0}
.blogBlogContainer > div.blog-pagination a.archivenext:after {content: "\f054";  margin: 0.25em 0 0 0;font-size: 3em;}
.blogBlogContainer > div.blog-pagination a.archiveprev {margin:0 0 1em 0}
.blogBlogContainer > div.blog-pagination a.archiveprev:before {content: "\f053";  margin: 0 0 0.25em 0;font-size: 3em;}
.blogBlogContainer > div.blog-pagination a[disabled="disabled"] {display:none;}

@media screen and (min-width : 1900px)
{
.blogBlogContainer {-moz-column-count: 5;-webkit-column-count: 5;column-count: 5;}
.blogBlogContainer .blogCard {}	
}
@media screen and (max-width : 1200px)
{
.blogBlogContainer {-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;}
.blogBlogContainer .blogCard {}	
}
@media screen and (max-width : 980px)

{
.blogBlogContainer {-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;}
.blogBlogContainer .blogCard {}	
}
@media screen and (max-width : 735px)
{
.blogBlogContainer {-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;}
.blogBlogContainer .blogCard {}	
}



@media screen and (max-width : 1px)
{
.blogRightColumn {padding:0px;}	
.large-article-box {  position: relative;  top: -62px;}	
.large-article-header h1 {font-size: 2em; margin: 0 0 1em 0;}
.large-article-header p {/* float:none; */ /* margin:0.5em 0 */}
.blogSearch #blogSearchButton {top: 3px; right: 3px;}	
.shareAreaBlog, .blogRightSearch, .blogRightCloud, .blogRightRecent {margin:0; font-size:0.8em}
.blogHomepage p, .blogHomepage .blogSnipText, .blogHomepage h2, .blogHomepage .blogSnipImg  {width: 100%;clear:}
.blogHomepage .blogSnipImg { position:inherit}
.blogHomepage { height:inherit !important}
.hmBlogReadMore { position:inherit !important; background: none !important; width: 100% !important;}
}  

.hmBlogContainer {}
.hmBlogContainer ol { margin:0; padding:0; }
.hmBlogContainer ol li { list-style:none; text-align:left; position:relative ; min-height: 400px; vertical-align: top; background-color: #fff; outline: 1px solid #efefef;}
.hmBlogContainer ol li h2 {margin: 0; font-size: 1em;line-height: 150%;min-height: 75px;}
.hmBlogContainer ol li p {font-size: 11px;}
.hmBlogContainer ol li h2 a {display: inline-block;        width: 100%;    font: 21px/25px'robotothin', Arial, sans-serif;}
.hmBlogContainer .blogSnipImg { width: 268px; height: 251px; overflow:hidden; display: block; position: relative; top: 0; left: 0; position: absolute;}
.hmBlogContainer .blogSnipImg img { width:inherit }
.hmBlogContainer .blogSnipText {}
.hmBlogReadMore { display: block;width: auto;    text-align: center;    background: #fff;    line-height: 170%;    /* position: absolute; */    /* bottom: 0; */    /* border-top: 1px solid #EDEDED; */    /* left: 0; */outline: none;margin: 1em !important;}
.hmBlogReadMore:hover { opacity: 1; text-decoration: underline;}


.topBlogContainer ol { margin:0; padding:0; }
.topBlogContainer ol li { list-style:none; text-align:left; position:relative ; min-height: 400px; vertical-align: top; margin: 0px !important; background-color: #efefef;}
.topBlogContainer ol li h2 {margin:0 0 16px 0; min-height: 38px;font-size: 1em;line-height: 150%;}
.topBlogContainer ol li p {font-size: small;}
.topBlogContainer ol li h2 a {display: inline-block;    height: 68px;    width: 100%;    font-size: 1em;font-weight: normal;}
.topBlogContainer .blogSnipImg { width: 268px; height:201px; overflow:hidden; display: block; position: relative; top: -16px; left: 0; position: absolute;}
.topBlogContainer .blogSnipImg img { width:inherit }
.topBlogContainer .blogSnipText {
    height: 100px;
}
.topBlogContainer {    text-align: center;    line-height: 170%;       bottom: 0;    border-top: 1px solid #EDEDED;    left: 0;outline: none;    margin-top: 16px;}
.topBlogContainer:hover { opacity: 1; text-decoration: underline;}
.topBlogContainer ol li .blogPost {padding-top: 110px;}
.topBlogContainer ol li .blogPost strong {
    display: inline-block;
    font-size: small;
    height: inherit;
}



/* -- Star Buys Promotion Page -- */
.taTitleContainer {background:#7873b0;color:#fff; }
.taTitleContainer h1, .taTitleContainer h2 {color:#fff; font-weight:normal}
.taTitleContainer h1 span {color: #ccccff}
.taTitleContainer a {color: #ccccff;text-decoration:none;}
.taContainer {margin-top:1em}
.taStrapline {display:block;color:#7873b0;}
.sbButton {border-color:#7873b0; color:#7873b0; border-style:solid; border-width:1px; margin:1em 0 }
.sbButton:hover {background:#7873b0; color:#fff;}
.taNoButton {text-decoration:none; font-size:0.8em}
.taBskt, .taMultiItemTextContainer h2, #lblCatPercent {color:#7873b0;}

.taMultiItemContainer, .taSingleItemContainer {position:relative}
.taMultiItemImageContainer {}
.taMultiItemImageContainer img {max-width:100%}
.taMultiItemTextContainer {}
.taMultiItemRepeater {vertical-align:top;margin:0 0 1em 0}
.taMultiItemRepeaterContent {}
.taMultiItemRepeaterImageContainer {background-size:cover !important; border-right:1px solid #e1e1e1}
.taMultiItemRepeaterContentContainer {padding:1em}
.taMoreInfo {}
.taMultiItemAttributes {}
.taMultiItemProducts {float:right;}

.taclAttributeGridContainer {}
.taclAttributeGrid {padding: 0.5em;margin: 0;width: 100%;float: left;}
.taclAttributeGrid li {list-style: none;display: block; height:48px;line-height: 48px;}
.taname {width:100%;height:auto !important; background:#fafafa}
.taprice {width:50%;float:left; background:#f4f4f4;}
.tastock {width:50%;float:left;}
.tastock .OutofStockCSS {height:48px;}
.taadd {width:100%;height:auto !important; float:left;}
.taadd img {width:100%;height:48px; display:block; cursor:pointer;background: url(/layout/addtobasket.png) top left no-repeat #a2c76c;background-position: center center;}
.taout-of-stock {}

@media screen and (max-width : 735px)
{
.taOuter {padding:0 !important;}	
.taTitleContainer h1 {font-size:1.5em;}
.taTitleContainer h2 {font-size:1em;}
.taTitleContainer h1 span {display:block;}
.taMultiItemRepeaterImageContainer {border-bottom:1px solid #e1e1e1; border-right:none;}
.taMultiItemRepeaterContentContainer {}	
.taclAttributeGrid {padding: 0.5em 0;}
.taname {line-height: 24px !important;padding: 16px 0 !important;}
}


/* -- Shopping Cart -- */
/* -- SHOPPING CART ------------------------------------------------------------------------------------------------------------------------------------------ */
.clWarning5 {background:#ff5858;color:#fff}
.ContentTableHeaderNone {margin:16px 0;}
.ContentTableHeaderNone a.cOutNow {float:right;}
.ccartcontrol {}
.ccartcontrol table {border:0 !important;}
.ccartcontrol > table > tbody > tr:first-of-type {background:whitesmoke}
.ccartcontrol > table > tbody > tr:nth-of-type(4n+1) {/* border-bottom:1px solid #e1e1e1; */}
.ccartcontrol > table > tbody > tr:nth-of-type(4n+1) td { padding-bottom:0.5em;border: 0 white solid;}
.ccartcontrol tr .ContentTableHeader {font-size: 1em;line-height: 2em;padding: 0 !important;}
.ccartcontrol tr .Content {}
.ccartcontrol tr .Options {}
.ccartcontrol tr .ContentTableHeader:nth-child(4), .ccartcontrol tr .Content:nth-child(4) {}
.basketOptionsTopLeft h3 {font-size: 1em;text-decoration: none;padding: 0 1em 1em 0;  margin: 0 0 0.5em 0;}
.updateQty {margin: 1em 0 0 0;  float: left;width:100%}
.bskRewardsBox { margin:0;background: #E9F6DB;}
.bskRewardsBox .crShoppingCartHeader {border-bottom:1px solid #769355}
.voucherBox {padding:0; margin:0}
.voucherBox h3 {font-size: 1em;text-decoration: none;padding: 0 1em 1em 0;  margin: 0 0 0.5em 0;}
.voucherBox .promoField {position:relative}
.voucherBox .promoField p {margin-bottom:0;}
.voucherBox .formSingle {width:100% !important;padding:1em;font-family: 'montserratregular', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;border: 1px solid #DEDEDE !important;}
.voucherBox #SalesDiscount1_btnApply { /* position: absolute; */ /* top: 0; */ /* right: -3px; */margin: 8px 0 0 0;float: left;}
.voucherBox #SalesDiscount1_btnApply .button {height: 51px;line-height: 25px;background: none !important;color: #484848 !important;border: 1px solid #484848 !important;}
.voucherBox #SalesDiscount1_btnApply .button:hover {background:#484848 !important;color:white !important;border: 1px solid #484848 !important;}
.shopDelCont {padding:0 0 0 1em}
.shippingCostMessage .cards {display: block;width: 100%;float: left;clear: both;}
.shippingCostMessage .cards div {float: left !important;margin: 0 0.5em 0.5em 0 !important;}
.metaPackDespatchMessage {outline: 1px solid #d0e6f2;background: #e6f3fa;padding: 8px;float: left;width: 100%;}
.metaPackDespatchMessage span:before {content:"\f05a";margin:0 1em 0 0;font-family:'FontAwesome'; color:#93c4e0}
.metaPackDespatchMessage {outline: 1px solid #d0e6f2;background: #e6f3fa;padding: 16px;float: left;width: 100%;font-size: smaller;}
.metaPackDespatchMessage span:before {content:"\f05a";margin:0 1em 0 0;font-family:'FontAwesome'; color:#93c4e0}
.dpdMessage {outline: 1px solid #d0e6f2;background: #e6f3fa;padding: 16px;float: left;width: 100%;font-size: smaller; margin-bottom:14px}
.dpdMessage img { float:left; margin-bottom:14px;}

.metaPack {}
.metaPack ul { margin: 1em 0;padding: 0; display: block; float: left; width: 100%;}
.metaPack ul li {list-style: none;display: block;clear: both;padding: 1em 0;float: left;width: 100%;position: relative;border-bottom: 1px solid #e1e1e1;}
.metaPack ul li .metaPackService {padding: 0 6em 0 0;}
.metaPack ul li .metaPackName {padding-bottom: 8px;}
.metaPack ul li .metaPackMessage {font-size: 0.8em;color: red;}
.metaPack ul li .metaPackMessage span {color: black;}
.metaPack ul li .metaPackSelect {float: right;padding: 0; border-radius: 50%; width: 58px;height: 58px;text-align: center;line-height: 41px;color: cornflowerblue;position: absolute;top: 1em;right: 0;font-size: 1em;text-transform: uppercase;}
.orderTotal {float:left;display: block;margin: 0;}
.orderTotal table {float:left;width: auto !important;}
.orderTotal tr:nth-of-type(1) .Order-Total-text {font-weight: 600; color: #484848; outline: 0; font-weight:normal; font-size: 23px;line-height:1.2em;margin:0 0 16px 0}
.Order-Total-text {text-align:left !important;display: block;float: left;width: auto !important;font-size:1.2em}
.buttonChkOut {color:#fff !important; background:#009ddc !important; border:0 !important; outline:0 !important;float:right; margin-left:8px}
.buttonChkOut:hover {background:#5ad0ff !important; color:white !important; border:0 !important; outline:0 !important}
.mesageCC, .messageCPlus, .messageUK, .messageWorld {color:#009ddc;}
.mesageCC span, .messageCPlus span, .messageUK span, .messageWorld span {margin: 0;font-size: 1em;}
.messageHighlight p {display:inline-block;}
.bottomBasketButton {}
.bottomBasketButton a {text-align:center; width:50%;}
.buttonT3 {float:right;color:#fff !important; background:#484848 !important; border:0 !important; outline:0 !important}
.buttonT3:hover {background:#181b1d !important; color:white !important; border:0 !important; outline:0 !important}
.ctrPad32 {
	padding: 32px !important;
	overflow: hidden;
	overflow-x: auto;
}
.borderBottom {border-bottom:1px solid #e6e8eb}
.borderLeft {border-left:1px solid #e6e8eb}
.borderRight {border-right:1px solid #e6e8eb}
.floatRight {float:right !important}
.col-66p { width: 66.66% }
.ctrPad32 {padding:32px !important; overflow:hidden; overflow-x:auto}
.bottomSpacing {padding:0 0 32px 0;margin:0 0 32px 0;}
.nowPrice-repeater, .standardPrice-repeater, .percentOff-repeater, span.nowPrice-betterSearch, span.standardPrice-betterSearch, span.percentOff-betterSearch {font-family: 'montserratregular', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;}
div.filterReorderCtr {margin:0;}
.col-80px {width:80px;height:80px;display:inline-block;margin:16px;float:none;}

/* -- END - SHOPPING CART ------------------------------------------------------------------------------------------------------------------------------------------ */

@media screen and (max-width : 735px)
{
.ccartcontrol tr .ContentTableHeader {font-size:1em;}	
.ContentTableHeaderNone a {margin-bottom:1em;width:100%;text-align:center}
.ccartcontrol tr .ContentTableHeader:nth-child(4), .ccartcontrol tr .ContentTableHeader:nth-child(6) {display:none;}
.ccartcontrol tr .Content:nth-child(4), .ccartcontrol tr .Content:nth-child(6) {display:none;}
.voucherBox {margin:1em 0 0 0;padding:0;}
.metaPack ul li .metaPackMessage span {color: black;display:block}
.metaPack ul li .metaPackSelect {top:17px}
.updateQty {float:none;}
.updateQty span {margin:0.5em 0}
.updateQty span, .updateQty a {width:100%; text-align:center}
.orderTotal a {display:none;}
.orderTotal table {float:none;width: 100% !important;}
.Order-Total-text {display:none;}
.orderTotal tr:nth-of-type(3), .orderTotal tr:nth-of-type(3) td.Order-Total-text:nth-of-type(3), .orderTotal tr:nth-of-type(3) td.Order-Total-text:nth-of-type(4) {display:block; width: 100% !important;margin: 0 !Important;text-align: center !important;}
.mesageCC, .messageCPlus, .messageUK, .messageWorld {text-align:left;}
.mesageCC span, .messageCPlus span, .messageUK span, .messageWorld span {margin: 0;font-size: 1em;}
.mesageCC p, .messageCPlus p, .messageUK p, .messageWorld p {display: inline-block;margin-left: 0.5em;} 
.currencyShoppingCart ul li {/* width: 50%; */margin: 0 0 0.5em 0 !important;/* float: left !important; */}
.bottomBasketButton a {text-align:center; width:100%;}
}

/* -- Fixed width of 268px - Product Repeaters, Better Search Items, etc -- */

.hero-headline {  margin: 0; width: 520px;}

div.repeater { width: 268px; margin: 16px; overflow: hidden; display: inline-block; float: none; text-align: left; vertical-align: top }
div.repeater .itemImage { width: 268px; height: 268px }
div.repeater .itemImage a { width: 268px; height: 268px }
div.repeater .itemInfo { width: 268px; min-height: 214px; position: relative;}
div.repeater .itemInfo a { display: block; width: 268px; height: 174px; background: #FFFFFF; font-size: 0.9em; color: #707070; text-decoration: none }

.isOnSale>a>div { color:#tomato}


div.repeater .productName { display: inline-block; height: 68px; width: 100%; font-size: 1em;}

.nowPrice-repeater { font-family: 'roboto'; color: #707070; display: inline-block; margin: 0 16px 0 0 ;}
.standardPrice-repeater { font-family: 'roboto'; color: #707070; text-decoration: line-through; display: inline-block; margin: 0 16px 0 0 }
.percentOff-repeater { font-family: 'roboto'; color: tomato; display: inline-block; margin: 0 }
.saleIcon-repeater { background: tomato; padding: 8px; margin: 0; color: #fff; position: absolute; top: -40px; right: 0px;}
.noSaleIcon-repeater { background: rgba(51, 51, 51, 0.9); padding: 8px; margin: 0; color: #fff; position: absolute; right: 0px; top: -40px;}
@media screen and (max-width : 735px)
{
	.hero-headline {  margin: 0;}	
	.col-66p { width:100%}
}
.repeater, .range {-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease-out; background:#FFF}
.rangeHide { display:inline-block}
.rangeHide:hover > div {opacity: 0.5;}
.rangeHide:hover > div:hover {opacity: 1.0;}
div.repeater {box-shadow: 0px 2px 2px rgba(136, 136, 136, 0.08); margin: 8px; }
div.repeater:hover {box-shadow: 0px 2px 3px rgba(136, 136, 136, 0.25);}
div.repeater:hover .productName { color:#000 }



/* -- Embed Video Responsively -- */

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100% }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% }


/* -- Hide this image on Desktop Viewports ----- */

div.mobileImage { display: none }


/* -- Add to Basket Grid - Desktop ----- */
.addToBasketArea {padding: 32px 0 48px 0; background: #fafafa; border-left: none !important; border-right: none !important}
div.addMobile { display: none; }
div.addDesktop { display: block; overflow: hidden; }
.clAttributeGridContainer {width: 100%;margin: 0 auto;}
.attRow { /* height: 64px; */ margin: 0 0 16px 0; background: #fff; display: block; width: 100%; clear: both; float: left; border-bottom: 1px solid rgba(157, 157, 157, 0.16);}
.instock { background: #f0fde1;}
.nameCtr { display: block; width: 27%; color: #666; float: left ;white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;    height: 64px;    line-height: 64px;    text-indent: 16px; text-align: left;}
.name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 64px; text-indent: 16px }
.stock { display: block; min-width: 15%; height: 64px; float: left; line-height: 64px; text-align: center ;}
.InStockCSS { display: block; height: 64px; width: 100%; color: #5A8B13; text-align: left;}
.OutofStockCSS { display: block; height: 64px; /* width: 128px; */ color: #f54f36 ; text-align: left;}
.BackOrderCSS { display: block; height: 64px; background: aliceblue; color: #55acee ; padding: 0 8px;}
.locate { display: none; width: 20%; height: 64px; float: left; line-height: 64px; text-align: center ; padding: 0;}
.StoreLookup { text-decoration: underline; color: #628B36;}
.price { display: block; /* width: 10%; */ height: 64px; line-height: 64px; text-align: center; color: #666; float: right; padding: 0 16px; background-color: #E7E7E7; color: #717171;}
.instock .price { display: block; /* width: 10%; */ height: 64px; line-height: 64px; text-align: center; color: #666; float: right; padding: 0 16px; background-color: #acdc76; color: #fff;}

.oosEmail { display: block; /* width: 0; */ height: 64px; float: right; background: #fff2f0; line-height: 64px ; padding: 0;}
#trOutofStock input { position: relative; /* left: -303px; */ top: 0px; padding:  8px; width: 197px; font-family: 'roboto', Arial, Helvetica, sans-serif; margin:0 16px; }
.add { float: right;}
.button-matrix { display: block; width: 64px; height: 64px; background: url(/layout/addtobasket.png) top left no-repeat #a2d06f; float: left; cursor: pointer }
.button-matrix:hover {background: url(/layout/addtobasket.png) top left no-repeat #85B551;}
.button-outofStock { display: block; width: 64px; height: 64px; background: url(/layout/outofstock.png) top left no-repeat #d8d8d8; float: right; cursor: pointer; -webkit-appearance: none; border-radius: 0 }
.clAttributeGridHide {display:none;}

#storelookupresults {text-align:left; width:50%; margin-left:auto;margin-right:auto;padding: -3px;}
.cncTitle {color: #000000;font-size: 1.5em;padding-bottom: 1em;line-height: 150%;display: block;}
.cncTitle:before {content:"\f041";margin: 0 0.5em 0 0;font-family:'FontAwesome'; color:#84b1d8}
.collectLocation {margin: 0;padding: 0;}
.collectLocation li {list-style: none;border-top: 1px solid #e1e1e1;display: block;width: 100%;float: left; padding: 1em;}
.collectLocation li:hover {background:#f4f5f6}
.collectLocation li > div {display: inline-block;}
.collectLocation li .cncStore {float:;font-size: 0.75em;}
.collectLocation li .cncStore strong {font-weight:normal;display:block;font-size: 1.5em;padding: 3px 0;}
.collectLocation li .cncStore a { color:#84b1d8}
.collectLocation li .cncQty {float:left;height: 48px; margin-right: 2em;}
.collectLocation li .cncQty img { margin:14px 0}
.collectLocation li.cncFooterTxt {font-size:0.75em}
.collectLocation li.cncFooterTxt:hover {background:#fff}

@media screen and (max-width : 735px)
{
#storelookupresults {width:100%;}
}

#StarbuysPopup {  background: #7873b0; color:white;  width: 100%;height: 100%;  float: left;}
#StarbuysPopup .col-2 {  background: #7873b0; color:white}
.StarbuysPopupTop {}
.StarbuysPopupTop h2 {color:white;font-size: 1em;}
.StarbuysPopupTop h2 span {color:#dddbf0}
.StarbuysPopupBottom {float: left;width: 100%;}
.StarbuysPopupBottom p {height:51px;line-height:51px;color:white;margin: 0;font-size: 0.75em;}
.StarbuysPopupBottom p a {color:white}
.StarbuysPopupBottom .button {background: none !important;border-color: #fff;}	
.StarbuysPopupBottom .button:hover {background:white !important;color:#7873b0 !important}	

/* ----- Customer Rewards --- */

div.customerRewardsCtr { width: 100%; float: left; padding: 0 ; /* background-color: #F1F1F1; */ margin-top: 24px;}
div.crValueCtr { height: 46px; float: left; width: 100%;}
div.crValueCtr span { font-family: 'roboto'; background: #55acee; height: 96px; width: 96px; text-align: center; display: block; border-radius: 50px; line-height: 96px; color: #fff; margin: 0 auto; position: relative; top: -49px; font-size: 18px }
div.crTextDesc { font-family: 'roboto'; min-height: 48px; float: left; width: 100%; line-height: 150%; text-align: center; padding: 21px; margin: 0 } 
div.crTextDesc span { font-family: 'roboto'; color: #55acee; text-transform: lowercase }
div.crSignInUpCtr { background: #f1f1f1; width: 100%; margin: 0 auto; border-top: 1px solid #e1e1e1 ; clear: both; padding: 7px; overflow: hidden;}
div.crLink { width: 45%; height: 48px; float: left }
div.crLink a, div.crLink2 a { font-family: 'roboto'; width: 100%; height: 48px; text-align: center; line-height: 48px; display: block; text-decoration: underline; color: #0076a3 !important ; text-align: right;}
div.crLink a:hover { text-decoration: none }
div.crIcon { float: left; height: 48px; width: 10%; background: url(/layout/rewards/crIcon.jpg) top left no-repeat; background-position: center }
.crSignInUpCtr>div:nth-last-child(1)>a { text-align:left} 
.rewardsProduct {
    bottom: 0;
    padding: 56px 0 0 0;
    width: 60%;
    margin: 0 auto;
}     


/* ----- Finance Calculator --- */

div.financeRecommendation { display: none }
#finance { width: 100%; border-top: 1px solid cornflowerblue; border-bottom: 1px solid cornflowerblue; }
h2#financemessage {color:cornflowerblue}
.financeSteps1and2 {border: 1px solid cornflowerblue;background: #fafafa;}

.financeStep1 {border-right: 1px solid cornflowerblue;}
.financeStep1 h3 {color:cornflowerblue; border-bottom:1px dotted cornflowerblue; margin:0 0 16px 0; padding:0 0 16px 0}
table#radFinanceProductList { border-collapse: collapse; width: 100%; font-family: 'roboto', Arial, Helvetica, sans-serif ; line-height: 1em;}
table#radFinanceProductList tr { /* float: left; */ display: block; width: 100%; margin: 0; padding: 8px 0; background: #fafafa; box-sizing: border-box }
table#radFinanceProductList td { text-align: left; width: 100%; display: block;}
table#radFinanceProductList input { /* width: 100%  */ margin: 0 6px 0 0; position: relative; top: 2px;}

.financeStep2 {margin:0}
.financeStep2 h3 {color:cornflowerblue; border-bottom:1px dotted cornflowerblue; margin:0 0 16px 0; padding:0 0 16px 0}
.financeAmount {float: left; width: 100%;  margin-bottom: 21px;}
span#lblMinDeposit { font-family: 'roboto'; text-align: left; display: block; color: #55acee; position: relative; font-weight: bold; font-size: 20px;}
span#lblMaxDeposit { font-family: 'roboto'; text-align: right; display: block; color: tomato; position: relative; font-weight: bold ;font-size: 20px;}
span.minMax { font-size: 1em; text-transform: capitalize; }
.minVal {text-align:left;}
.maxVal {text-align:right;}
.financeAmountPay {float: left; display: block; width: 149px; text-align: left; color: #767676 }
.financeAmountSlider {float: left; display: block; padding: 30px; background: url(/layout/finance/blend.jpg);background-position: -100px -7px;}
.financeAmountPayContainer {display: block; margin: 14px; padding: 7px; color: #444;}
.financeDeposit {float: right; width: 184px; border: 1px solid #3d649a; height: 84px; text-align: center;padding: 16px;background: #5982ba;color: #fff;line-height: 180%;font-size: 13px;}
.financeDeposit b span { display:block; font-size: 24px;}
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #background: #c1d7ec;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxZDdlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmMxY2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
 background: -moz-linear-gradient(left,  cornflowerblue 0%, tomato 100%) !important;
 background: -webkit-gradient(linear, left top, right top, color-stop(0%,cornflowerblue), color-stop(100%,tomato)) !important;
 background: -webkit-linear-gradient(left,  cornflowerblue 0%,tomato 100%) !important;

 background: -o-linear-gradient(left,  cornflowerblue 0%,tomato 100%) !important;
 background: -ms-linear-gradient(left,  cornflowerblue 0%,tomato 100%) !important;
 background: linear-gradient(to right, cornflowerblue 0%,tomato 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1d7ec', endColorstr='#ebc1cf',GradientType=1 ) !important;

/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }

.financeStep3 {margin:16px 0 0 0;border: 1px solid #01cd82; background:#fafafa}



.financeStep3 h3 {color:#01cd82; border-bottom:1px dotted #01cd82; margin:0 0 16px 0; padding:0 0 16px 0}
.repayDetails2 { display: block; font-size: 20px; border-right: 1px solid #e1e1e1; padding: 16px; margin:0 0 16px 0}
.repayDetails2:last-of-type {border-right:none;}
.repayDetails2 .keyData { font-size: 20px;}
.repayDetails { float: left; display: block; width: 100%; font-size: 20px;  padding: 7px; border-bottom: 1px solid #e1e1e1;margin:0 0 16px 0;}
.keyData { color: #01cd82; display:block;  margin: 8px 0 0 0; font-size: 45px; }

.provider { background: #fafafa; border: 1px solid cornflowerblue; text-align:left ; margin: 16px 0 0 0;}
.provider p { font-size: 0.8em }
.ui-slider-horizontal .ui-state-default { width: 20px; height: 20px; background: white url(/layout/finance/slider.png) no-repeat scroll 50% 50%;}
.devFinanceradios { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }


/* --- Custom Styles and Overrides --------------------------------------------------------------------------------------------------------------------- */
.productPriceBlock {/* margin: 0 0 1em 0; */ padding: 1em 0; }
.productPriceBlock>div {display:block;width: 100%;margin: 0 auto;}
span.nowPrice, span.standardPrice, .percentOff {position: relative; background: none; /*height: 48px; line-height: 48px;*/width: auto;display: inline-block;margin: 0;font-size: 1.em;/* padding: 0.5em; */ /* line-height: 1em; */margin: 0 9px;letter-spacing: 3px;}
span.nowPrice {color: #555555; }
span.standardPrice {  color: rgba(85, 85, 85, 0.52);   text-decoration: line-through;   display: inline-block; }
span.standardPrice:before {content:'Was'; margin-right:0.25em}
.percentOff { color: tomato;}
/* span.saleIcon { font-family: 'roboto'; background: tomato; height: 48px; width: 50%; line-height: 48px; text-align: center; display: block; color: #fff; margin: 0; position: relative; font-size: 1.5em; float: left } */
.iGscPrice {}
.iGscPrice ul {display:inline-block;/* top: 3px !important; *//* position: relative; */ /* padding: 0 0 8px 0 !important; *//* border-bottom: 1px solid #999; */}
.iGscPrice ul itemtemplate {display: inline-block;height: auto;}
.iGscPrice .currencylistitem-DEV {float:none !important; display:inline-block;}

.iGscPrice .isoFlag {}
.iGscPrice .valueContainer {}
.iGscPrice .currencyConverted {font-family: 'roboto';font-size: 1.50em;font-weight: normal;color: #55ACEE;}
.iGscPrice .currencyCode {display: none;}
.currencyMain {width: 80%; margin: 0 auto;}
.currencyMain {}
.currencyMain ul {width:100%; display:block;} 
.currencyMain .currencylistitem-DEV {float:none !important; display:inline-block; padding:0.5em;  width: 120px;}


/* --- ZESTY MIV --- */
.productPageTop { overflow:hidden}
.flexsliderMIV {width:100%;position: relative;float: left;margin: 0;}
.flexsliderMIV .slides {margin:0;padding:0;}
.flexsliderMIV .slides li {width:100%;list-style: none;}
.flexsliderMIV .slides li img {width:100%; height: auto !important;}
.flexsliderMIV .flex-direction-nav {/* display:none; */width: 100%;margin: 0;padding: 0;height: 64px;position: relative;border-top: 1px solid #e1e1e1;display: none;}
.flexsliderMIV .flex-direction-nav li {width:50%; display:block; float:left;position: relative;}
.flexsliderMIV .flex-direction-nav li:nth-of-type(2) {float:right;}
.flexsliderMIV .flex-direction-nav li a {text-indent:0;width: 100%;height: 64px;top: 0; margin: 0;opacity: 1;background: 0;line-height: 64px;text-align: center;font-size: 1.5em;text-decoration: none;color: cornflowerblue;}
.flexsliderMIV .flex-direction-nav li a:hover {background:rgba(0,0,0,0.03)}
.flexsliderMIV .flex-direction-nav li a.flex-next {}
.flexsliderMIV .flex-direction-nav li a.flex-prev {}
.flex-control-nav {position: absolute; bottom: 80px; text-align:center; right: 16px;z-index: 2;display: block;/* width: 100%; */padding:0;margin: 0;}
.flex-control-nav li {margin: 6px 0 0 0; display: block; zoom: 1; *display: inline;}
.flex-control-nav li a {width: 16px; height: 16px; display: block; background: none; background: rgba(188,178,169,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: 0px 0px 2px rgba(0,0,0,0.5); /* border: 1px solid #fff; */}
.flex-control-nav li a.active { background: #6280A8; background: rgba(98,128,168,0.8); }
.flex-control-nav li a:hover { background: #333; background: rgba(255,255,255,0.5); }
.flex-control-nav li a.flex-active { background: #fff; /* background: rgba(170,160,149,0.9); */ cursor: default;}
.flexsliderMIVThumbnails {width:100%;}
.flexsliderMIVThumbnails .slides {margin:0; padding:0; width:inherit !important;-webkit-transform: translate3d(0px, 0px, 0px) !important;}
.flexsliderMIVThumbnails .slides li {float:left; list-style:none;}
.flexsliderMIVThumbnails .slides li img {width:100%; height:100%;}
.flexsliderMIVThumbnails .flex-direction-nav {display:none;}

/* ----- Product General ----- */
.productPageTop {background: #FFF;position: relative;margin-top: 16px;}
#prodInfoLeft {/* background-color: #EFEFEF; */}
.prodInfoRight { float:right !important; text-align:center}
.prodInfoRight p { 	margin: 0 36px;}
div.detailReviewSummary { height: 64px; background: whitesmoke; position: relative; }
.thumbnails {overflow: hidden;}
.thumbnails div { float:left}
.thumbnails div img { width:100%; height:auto}
.Description { text-align:left}



/* ----- Detail CS Messages ----- */
.detailCSMessages {}
.detailCSMessages a { display: block; margin: 0 0 8px 0; padding: 0 16px 8px 16px; display:inline-block; color:cornflowerblue; text-decoration:none}
.detailCSMessages span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0; text-decoration:none}
.detailCSMessages p {display:inline-block; margin:0; padding:0;}
.furtherInfoArea .detailCSMessages a {border-bottom: 1px solid #e1e1e1;width: 100%;  text-align: left;}
.furtherInfoArea .detailCSMessages h2 { margin: 0 0 16px 0;padding: 0 0 16px 0;color:orangered;}
.furtherInfoArea .detailCSMessages h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;}
.detailShortDesc {margin: 0}
.detailShortDesc h1 {font-size: 34px; line-height:120%;  margin: 0; font-family:'robotothin'; color: #333;padding: 0 32px;font-weight: 600;}
.detailShortDesc p { margin: 1em; line-height: 1.5em; font-size:1em; color: #333; }
.DescriptionExtra span { display:block; clear:both}
.DescriptionExtra, .DescriptionExtra p { clear:both}
.dividerContainer { width:100%; display:block}
.divider { width:50px; border-bottom: 1px solid #C8C8C8; margin: 21px 0 36px; display:inline-block}
.mainImages { position:relative}
.mainImages img { /* width:100%; */ /* height:auto */}
.moreImages { position:absolute; bottom: 16px; left: 16px; z-index:11 ; display: inline-block; background-color: rgba(255, 255, 255, 0.5); color: #3C3C3C;}
.moreImages i { margin-right:14px}

.tabletOnly {display:none !important;}
.tabletOnlyHide {display:inherit !important;}
@media screen and (min-width : 0px) and (max-width : 1400px)
{
	.tabletOnly {display:inline-block !important;}
	.tabletOnlyHide {display:none !important;}
	.col-2 {width: 100% !important;}
}




/* ----- Further Information ----- */
.furtherInfoWrapper {margin: 0 0 1px 0;}
.furtherInfo { background:white; position:relative}
.futherInfoPip {background: url(/layout/furtherPip.png) no-repeat; width:16px; height:64px; position:absolute; top: -2px; right: -1px;  z-index: 2; display:none}
.furtherInfoArea {position:relative;  float:right;}
.furtherInfoArea h2 {margin:0;}
.furtherInfoArea>h2 {color:white;}
.furtherInfoArea a.col-2 {}
.furtherInfoArea a.col-2:nth-of-type(2n) {}
.furtherInfoArea a.background3 {color:white}
#sizeToggleBox, #techToggleBox, #bguideToggleBox, #videoToggleBox, #propToggleBox {display:none}
.furtherOpen {display:block !important;}

.furtherClosed {display:none !important;}
#descToggleButton.furtherButtonInactive {color:white; background:cornflowerblue}
#propToggleButton.background3 {color:white; background:#bd8cbf}
@media screen and (max-width : 735px)
{
.furtherInfoArea {width:100% !important;}
.furtherInfoArea a.col-2 {width:50% !important}
.furtherInfoArea .detailCSMessages, .detailCC, .detailContact, .futherInfoPip {display:none;}
.furtherInfo {border-right:0;}

.detailShortDesc {margin: 0}
.detailShortDesc h1 {font-size: 36px; line-height:120%;  margin-bottom: 16px; font-family:'robotothin'; color: #555;}
.detailShortDesc p { margin: 1em; line-height: 1.5em; font-size:1em; color: #333; }

}

/* ----- Detail C&C ----- */
.detailCC {}
.detailCC h2 { margin: 0 0 16px 0;padding: 0 0 16px 0;color:orangered;}
.detailCC h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;}
.detailCC p {line-height: 1.5em;}

/* ----- Detail Contact ----- */
.detailContact {}
.detailContact h2 { margin: 0 0 16px 0;padding: 0 0 16px 0;color:orangered;}
.detailContact h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;}
.detailContact p {line-height: 1.5em;}
.detailContact p a {color:orangered; text-decoration:none}
.detailContact p a span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;}

/* ----- Tech Spec Area ----- */
.detailTechSpec { text-align: justify; padding-top: 0 } 
.detailTechSpec h2 { margin: 0 0 16px 0;color:orangered;}
.detailTechSpec h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;}
.detailTechSpec p { margin-bottom: 16px }
.detailTechSpec p:last-of-type { margin-bottom: 0 }
.detailTechSpec ul { list-style: none; margin: 0; padding: 0 }
.detailTechSpec li { list-style: none; margin: 0 0 16px 0; padding: 0 }
.detailTechSpec li strong { display: inline-block; width: 100%; font-weight: normal; color: #ccc }

/* ----- Buyers Guide ----- */
.detailBuyers {text-align: justify;}
.detailBuyers h2 { margin: 0 0 16px 0;  color:orangered; }
.detailBuyers h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;}


.detailBuyers p { margin-bottom: 16px; text-align: justify }
.detailBuyers p:last-of-type { margin-bottom: 0 }

/* ----- Sizing Area & Charts ----- */
.detailSize { overflow-x: scroll; overflow-y: hidden; height: 100% } 
.detailSize h2 { margin: 0 0 16px 0;  color:orangered; }
.detailSize h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;}
.detailSize p { margin: 0 0 16px 0 }
.detailSize p:last-of-type { margin: 0 }
.detailSize ul { display: block; float: left; list-style: none; margin: 0; padding: 0 }
.detailSize ul:first-of-type { position: absolute; background: white; text-indent: 8px; border-right: 1px solid grey }
.detailSize ul:nth-of-type(2) { margin: 0 0 0 176px }
.detailSize li { list-style: none; margin: 0 32px 16px 0; padding: 0; text-align: left }

.detailSize li strong { display: inline-block; width: 100%; font-weight: normal; color: #55acee }
.detailSize table {width:100%; text-align:center}
.detailSize table tr {}
.detailSize table tr td, .detailSize table tr th {border-top:1px solid #e1e1e1;padding:3px 0}
.detailSize table tr:last-of-type td {border-bottom:1px solid #e1e1e1;}
.detailSize table tr:nth-of-type(odd) td, .detailSize table tr:nth-of-type(1) th {background:#f7f7f7}

/* ----- Video ----- */
.detailVideo {}

.detailVideo h2 { margin: 0 0 16px 0; color:orangered;}
.detailVideo h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;}


/* ----- Long Description ----- */
.mainProdDesc {background: rgb(241, 241, 241); padding: 3%;text-align: left;}
.mainProdDesc h2  {margin:0 0 16px 0}
.mainProdDesc h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;}
.detailLongDesc { text-align: justify }

.detailLongDesc h2 { margin-bottom: 16px }
.detailLongDesc p { margin-bottom: 16px }
.detailLongDesc p:last-of-type { margin-bottom: 0 }

/* ----- Pro.pinion and Avatars ----- */
.detailPropinion { /* color: #fff; */ margin: 16px 0 0 0;float: left;}
.detailPropinion h2 { margin: 0 0 8px 0;padding: 0 0 8px 0;color: #bd8cbf; border-bottom:1px dotted #bd8cbf;}
.detailPropinion h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;}
.detailPropinion p { margin-bottom: 16px; text-align: justify }
.detailPropinion p:last-of-type { margin-bottom: 0 }
div.propinion { float: left; margin-right: 10px; text-align: left; margin: 0 0 28px 0;  padding: 28px; width: 100%; background: #55acee; color: white; position: relative; overflow: hidden }
div.propinion h2 { color: white; padding: 0 0 16px 0; border-bottom: 1px solid white }
div.propinionAvatarCtr { width: 100%; height: 96px; background: #fafafa; box-sizing: border-box; float: left }
div.propinionAvatarCtr div.avatarEssentialsCtr { display: block; width: 940px; height: 96px; box-sizing: border-box; float: left }
div.propinionAvatarCtr div.avatarHdr { display: block; width: 100%; height: 48px; box-sizing: border-box; padding: 16px 16px 0 16px; text-indent: 12px; line-height: 32px; font-weight: bold; color: #707070; text-transform: uppercase; letter-spacing: 0.04em }
div.propinionAvatarCtr div.avatarMotto { display: block; width: 100%; height: 48px; box-sizing: border-box; padding: 0 16px 16px 16px; text-indent: 12px; line-height: 32px; font-size: 0.8em; letter-spacing: 0.04em; text-transform: uppercase; color: #707070 }
div.propinionAvatarCtr div.avatarImgCtr { display: block; width: 96px; height: 96px; overflow: visible; float: left }
div.propinionAvatarCtr div.avatarPointer { background: url(/layout/avatarPointer.png) top left no-repeat; position: relative; top: 0; left: -16px; display: block; width: 32px; height: 16px; float: left; z-index: 1 }
div.propinionAvatarCtr div.avatarImg { width: 96px; height: 96px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; display: block; position: relative; top: -16px; left: 0; float: left }





/* ----- Price Match ----- */
.detailPriceMatch {border-top:1px solid #e1e1e1; margin:16px 0 0 0; padding:16px 0 0 0;display: inline-block;}
.detailPriceMatch a {color:#cbb572}
.detailPriceMatch a:hover {color:#e0b228}




/* ----- Browse Similar Products ----- */
.detailBrowseSimilar {}
.detailBrowseSimilar h2 {color:white;display:none;}
.detailBrowseSimilar .pdlp {margin:0; padding:0;}
.detailBrowseSimilar .pdlp li {display: inline-block;font-size:1.5em}
.detailBrowseSimilar .pdlp li a {text-decoration:none; color:white;height: 64px;line-height: 64px;  display: inline-block;padding: 0 16px; }
.detailBrowseSimilar .pdlp li a:hover {background:rgba(255,255,255,0.075);}
@media screen and (max-width : 735px)
{
.detailBrowseSimilar {padding:16px;}
.detailBrowseSimilar h2 {display:block;margin: 0 16px 16px 16px; border-bottom: 1px solid white;padding: 0 0 16px 0;} 
.detailBrowseSimilar .pdlp li {font-size:1em;display:block;}
.detailBrowseSimilar .pdlp li a {height: 24px; line-height: 24px;}
}

/* ----- Bradcrumbs ----- */
.breadcrumbs {}
.breadcrumbs p {display: inline-block;color: rgb(182, 182, 182);}
.breadcrumbs p:before {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;content: "\f041";}
.breadcrumbs a {color: rgb(155, 155, 155);font-size: 12px;}

.breadcrumbs a.root {text-decoration: none;}
.breadcrumbs a.root:after {font-family:'FontAwesome';font-weight: normal;margin: 0 4px 0 8px;content: "\f105";color:#d4d4d4}
.breadcrumbs a.leaf {text-decoration: none;color: #252627;}


/* ----- Related Items ----- */
.detailRelatedItems {background: rgb(250, 250, 250); }




/* ----- Main Description and Avatars ----- */
div.mainDescription { float: left; text-align: center; margin: 0; padding: 28px; width: 100%; background: #fff; position: relative; overflow: hidden }
div.mainDescAvatarCtr { width: 100%; height: 96px; background: #fafafa; box-sizing: border-box; float: left; margin: 0 }
div.mainDescAvatarCtr div.avatarEssentialsCtr { display: block; width: 100%; height: 96px; box-sizing: border-box; float: left }
div.mainDescAvatarCtr div.avatarHdr { display: block; width: 100%; height: 48px; box-sizing: border-box; padding: 16px 16px 0 16px; line-height: 32px; font-weight: bold; color: #707070; text-transform: uppercase; letter-spacing: 0.04em }
div.mainDescAvatarCtr div.avatarMotto { display: block; width: 100%; height: 48px; box-sizing: border-box; padding: 0 16px 16px 16px; line-height: 32px; font-size: 0.8em; letter-spacing: 0.04em; text-transform: uppercase; color: #707070 }

div.mainDescAvatarCtr div.avatarImgCtr { display: block; width: 96px; height: 96px; overflow: visible; float: right; position: relative; top: -96px }
div.mainDescAvatarCtr div.avatarPointer { background: url(/layout/avatarPointerBlue.png) top left no-repeat; position: relative; top: 0; left: -16px; display: block; width: 32px; height: 16px; float: left; z-index: 2 }
div.mainDescAvatarCtr div.avatarImg { width: 96px; height: 96px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; display: block; position: relative; top: -16px; left: 0; float: left }
div.mainDescAvatarCtr div.avatarHdr span.desktopSignature { display: block }
div.mainDescAvatarCtr div.avatarHdr span.mobileSignature { display: none }



/* ----- Reviews & FAQs ----- */

.detailReviewFAQ {background:whitesmoke; border-bottom:1px solid #e1e1e1; position:relative}
.detailReviewFAQ h2 { border-bottom: 1px solid #e1e1e1; height: 64px; line-height: 64px; margin: 0; padding: 0 0 0 16px;}
.detailReviewFAQ h2 a { height: 64px; display: inline-block; line-height: 64px; margin: 0; padding: 0 16px; float: right; border-left: 1px solid #e1e1e1; font-size: 16px; text-decoration: none;color: cornflowerblue;}
.detailReviewFAQ h2 a:hover {background: cornflowerblue; color:white;}
.detailReviewFAQ>.col-2:nth-of-type(2) {border-right: 1px solid #e1e1e1;}
.detailReviewFAQClosed {display:none !important;}
/* ----- Frequently Asked Questions (FAQ) and Avatars ----- */
div.faqContainer {}
div.faqContainer h2 {margin:0 0 1em 0;}
.faqContainerInner {float:none !important;  margin: 0 auto;}
#ask {display:none; width:100%;min-height: 100%; position:; top:0; right:0; z-index: 25;background: #e1e1e1;}
div.faqContainer .formSingle { clear: none; margin: 0.5em 0 1em 0; color: #666; width: 100%; padding: 0.5em; clear: both;}
div.faqContainer .faqFormTxt { display: block; line-height: 160%; margin: 1em 0 0 0; padding: 0px }
div.faqContainer #FAQQuestion {width:100%; margin: 1em 0;padding:0.5em;  height: 64px;}

.faqContainerInner .button {background:darkorange; color:white; cursor:pointer;border: 0;}
.faqContainerInner .button:hover {background:orange}
#faqStatusLbl { display: block; height:19px; margin: 1em 0;}

div.faqContainer .faqSubmitBtnContainer { display: block; clear: both }
div#faq #faqAnswer { margin: 0px; padding: 0px }
div#faq a#faqAskBtn { position: relative; left: 0px; /*top: -41px*/ }
div.hideTelephone { /* display: none */ }
.faqCompleteCtr { vertical-align: top; margin: 0 0 16px 0 }
div.faqResponseContainer { display: block; padding: 0; margin: 17px 0 0 0; width: 100%; float: left; text-align: center }

div.faqFlourishCtr { display: block; width: 100%; height: 0; overflow: visible; float: left; text-align: center; border-top: 1px solid #efefef; margin: 0 0 24px 0 }

div.faqFlourish { display: block; width: 32px; height: 32px; background: url(/layout/faqFlourish.png) top left no-repeat; float: none; position: relative; margin: 0 auto; top: -16px }
div.faqFlourishCtrRev { display: block; width: 100%; height: 0; overflow: visible; float: left; text-align: center; border-top: 1px solid #efefef; margin: 16px 0 24px 0; display:none;}
div.faqFlourishRev { display: block; width: 32px; height: 32px; background: url(/layout/faqFlourishRev.png) top left no-repeat; float: none; position: relative; margin: 0 auto; top: -16px }

div.faqResponseContainer div.faqSummary { display: block; width: 100%; font-size: 1.5em; /*padding: 0 0 16px 0*/ }	
div.faqResponseContainer div.faqSmallTxt { display: block; font-size: 0.8em; color: #707070; text-transform: uppercase; letter-spacing: 0.4em; padding: 0 0 3px 0 }
div.faqResponseContainer div.faqResponse { display: block; width: 100%; padding: 16px; line-height: 28px }
div.faqAvatarCtr { width: 100%; height: 96px; float: left }
div.faqAvatarCtr div.avatarEssentialsCtr { display: block; width: 100%; margin: 0 0 60px 0; float: left; text-align: center }
div.faqAvatarCtr div.avatarHdr { display: block; width: 100%; padding: 0; text-indent: 12px; font-weight: bold; color: #55acee; text-transform: uppercase; letter-spacing: 0.4em; font-size: 0.8em }
div.faqAvatarCtr div.avatarImgCtr { display: block; width: 100%; height: 0; overflow: visible; float: left; text-align: center; border-top: 1px solid #efefef }
div.faqAvatarCtr div.avatarImg { width: 80px; height: 80px; border-radius: 50px; box-shadow: 0px 4px 0 #f1f1f1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; display: block; position: relative; top: -40px; left: 0; float: none; margin: 0 auto }

/* ----- Reviews ----- */
.ReviewStars { width: 100%; clear: both }
.ReviewStars a { margin-left: 7px auto; width: 120px }



.starsContiner a, .starsContiner  { font-size: 12px; line-height: 200% }
span.stars, span.stars span { display: inline-block; background: url(/layout/reviews/stars.png) 0 -16px repeat-x; width: 100px; height: 16px; text-indent: -5000px; float: left }
span.stars span { background-position: 0 0 }
span.starsLarge, span.starsLarge span { display: block; background: url(/layout/reviews/stars-large.png) 0 -23px repeat-x; width: 150px; height: 23px; float: left; text-indent: -5000px }
span.starsLarge span {background-position: 0 0 }
.reviewItem { vertical-align: top; /* color: #707070; */ /* text-align: left; */ margin: 16px 0 0 0; /* border-top: 1px solid whitesmoke */}
.reviewItem h3 { margin: 0; padding: 0 ;font-weight: normal; font-size: 1.5em;}
span.reviewDate { display: block; width: 100% ; margin: 16px 0 16px 0;}

span.reviewDate span { font-size: 0.8em; text-transform: uppercase; letter-spacing: 0.4em } 
div.starsCtr { width: 100px; margin: 0 auto 8px auto; height: 16px }
div.reviewComment { width: 100%; overflow: hidden; padding: 0; line-height: 28px }

div.recommendCtr { width: 100%; height: 48px; overflow: hidden; margin: 16px 0 0 0; /* background: whitesmoke  */ text-align: center;}
span.recYes { /* background: #8dd145; */ display: inline-block; width: 20px; height: 48px; line-height: 48px; text-align: center; /* color: white; */ font-size: 1.5em; display: inline-block; overflow: hidden;}
span.recNo { /*background: #9d1110;*/ display: inline-block; width: 20px; height: 48px; line-height: 48px; text-align: center; color: white; float: left; font-size: 1.5em;overflow: hidden;}

span.recYes, span.recNo {font-family:'FontAwesome';font-weight: normal;}
span.recYes:before {font-family:'FontAwesome';font-weight: normal; content:"\f164";color: #CFCFCF; background: none;}
span.recNo:before {font-family:'FontAwesome';font-weight: normal; content: "\f165";color:#9d1110; background: none;}
span.recommendTxt { height: 48px; line-height: 48px; text-align: left; text-indent: 26px; display: inline-block; font-size: 0.8em; position: relative; top: -20px;}
.reviewRead > li > .stars { margin-top: 7px }
.reviewDate {}
#fancyAnchor {display:none; width:100%;min-height: 100%; position:; top:0; right:0; z-index: 25;background: #e1e1e1;/* overflow: hidden; */}
#reviewWriterPanel {min-height: 100%;}
div.detailReviewSummary div.aggregateRating { height: 64px; float: left; overflow: hidden; width: 100% }
div.detailReviewSummary a.brandImg { display: block; width: 64px; height: 64px; float: right; position: relative; top: -64px }
div.starsPosition { /* position: absolute; */ /* top: 14px; */ /* left: 16px  */ display: inline-block; vertical-align: middle;}

span.totalReview { display: none;}
a.reviewLink { display: block; color: rgba(174, 174, 174, 1); font-size: 0.85em;}

.reviewContainerImg {   border-right: 0 !important;   width: 50%;   float: left; margin:1em 0 0 0} 
.reviewContainerCopy { width: 320px; height: 100%; background: #FFFFFF; overflow: hidden }
.reviewContainerImg img { width: 112px;    height: 112px; border-radius: 50%; display: inline-block; overflow: hidden; float: right; margin: 0 1em 0 0;}
.reviewContainerCopytitle { display: inline-block;  text-align: left; margin: 46px 0 0 0 ; width: 50%;}
.reviewContainerCopy { padding: 28px; line-height: 190% }
.reviewContainerCopytitle span {  display: inline-block;float: none; }
.reviewContainerCopyField { padding: 0; margin: 0 auto; clear: both; float:none; display:inline-block}
.reviewContainerCopyField>li, .reviewContainerCopyField>div { list-style: none; margin: 0 0 1.5em 0; text-align:left; min-height: 35px;  display: inline-block;}
.reviewContainerCopyField>li {padding: 12px 1em 0 0;text-align: right;}
.reviewContainerCopyField>div {}
.reviewContainerCopyField div input.formSingle-small {width:100%;padding: 8px;}
.reviewContainerCopyField div textarea {  width: 100%;height: 100px; }
.reviewContainerCopyOption { float: right }
.starOn { background-image: url(layout/reviews/starOn.png); background-repeat: no-repeat; width: 30px; height: 25px; float:left }
.starOff{ background-image: url(layout/reviews/starOff.png); background-repeat: no-repeat; width: 30px; height: 25px; float:left }
#starRate { float: left; clear: both }
#starRate li { float: left; list-style: none }
#starRate a:hover, #starRate .on { background-image: url(layout/reviews/starOn.png); background-repeat: no-repeat; width: 30px; cursor: pointer }
#starRate a, #starRate .off { float: left; background-image: url(layout/reviews/starOff.png); background-repeat: no-repeat; width: 30px; height: 25px }
label.recNo { background-color: #9d1110; padding: 8px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-size: 1em;color:white;display: block;}
label.recYes { -webkit-border-radius: 0px; border-radius: 0px; width: 100%; text-align: center; margin-bottom: 14px; float: left; background: #7AA711;padding: 8px;display: block;}
.reviewAreaSummary {/* float:right; */margin: 0 16px;display: inline-block;vertical-align: middle;}
.reviewAreaSummary .reviewBottom {display:none;}
#reviewShow {}
#writeFAQClose, #writeReviewClose {font-family:'FontAwesome';font-weight: normal; font-size:2em; text-align: left; cursor:pointer; color:#666;vertical-align: middle;margin-top: 24px;}


.flexsliderReviews {position:relative;padding-top: 64px !important;}

.flexsliderReviews .slides {margin:0;padding:0;}
.flexsliderReviews .slides li {width:100%;}
.flexsliderReviews .slides li img {width:100%; height:inherit;}
.flexsliderReviews .flex-direction-nav {/* display:none; */width: 100%;margin: 0;padding: 0;height: 64px;position: absolute;top: 0;border-bottom: 1px solid #e1e1e1;}
.flexsliderReviews .flex-direction-nav li {width:50%; display:block; float:left;position: relative;}
.flexsliderReviews .flex-direction-nav li:nth-of-type(2) {float:right;}
.flexsliderReviews .flex-direction-nav li a {text-indent:0;width: 100%;height: 64px;top: 0; margin: 0;opacity: 1;background: 0;line-height: 64px;text-align: center;font-size: 1.5em;text-decoration: none;color: cornflowerblue;}
.flexsliderReviews .flex-direction-nav li a:hover {background:rgba(0,0,0,0.03)}
.flexsliderReviews .flex-direction-nav li a.flex-next {}
.flexsliderReviews .flex-direction-nav li a.flex-prev {}
.flexsliderReviews .flex-control-nav {position: relative; bottom: 0; text-align:center; right: 0;z-index: 2;display: block;padding: 0;width: 100%; display:none;}
.flexsliderReviews .flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flexsliderReviews .flex-control-nav li a {width: 16px; height: 16px; display: block; background: none; /* background: rgba(188,178,169,0.5); */ cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: 0px 0px 2px rgba(0,0,0,0.5); border: 1px solid #fff;}
.flexsliderReviews .flex-control-nav li a.active { background: #6280A8; background: rgba(98,128,168,0.8); }
.flexsliderReviews .flex-control-nav li a:hover { background: #333; background: rgba(255,255,255,0.5); }
.flexsliderReviews .flex-control-nav li a.flex-active { background: #fff; /* background: rgba(170,160,149,0.9); */ cursor: default;}


/* ----- Starbuys ----- */
.taContainerSmall {background:#7873b0; color:white;padding: 32px !important;}
.taContentContainerSmall {
    width: 70%;
    margin: 0 auto;
}
.taPromoTitleMultiItem {border-bottom: 1px solid rgba(255, 255, 255, 0.28);padding: 0 0 16px 0;margin: 0 0 16px 0;color: rgba(255, 255, 255, 0.49);}
.taPromoTitleMultiItem span {color: rgba(255, 255, 255, 1);line-height: 200%;}
.taPromoTextMultiItem, .taPromoTextMultiItem p  { margin:0; padding: 0 32px 32px 32px; color:#fff}


@media screen and (max-width : 735px)
{
#prodInfoLeft {border-right:none;}	
.flexsliderMIVThumbnails {display:none;}
.flexsliderMIV .flex-direction-nav {border-bottom: 1px solid #e1e1e1;display: none;}	
.detailReviewFAQ>.col-2:nth-of-type(1) {border-bottom: 1px solid #e1e1e1; border-right:none; margin:0 0 16px 0; min-height:auto}	
.flexsliderReviews .flex-control-nav {display:block !important;}

}

/* -- currency ----- */
.div-currency-mini {margin: 0 0 7px 0 !important;width: 100%;padding: 0;float: left;}
.div-currency-mini, .div-currency-mini ul, .div-currency-mini li {padding:0; margin:0; list-style:none;}
.div-currency-mini .currencyConverted {font-family:Arial, Helvetica, sans-serif; font-size: 20px; font-weight:normal;color: #3e7ca3;}
.div-currency-mini .currencyCode {display:none;}
.div-currency-mini .valueContainer {width:120px;}
.div-currency-mini .isoFlag {margin: 0 5px 0 0;}

.currency a { float:left; width:100%; margin-bottom:7px; font-size:12px; color:#496D9D; background:url(/layout/shoppingbasket/flags-sm.jpg) no-repeat; padding-left:60px; background-position:5px}
.CurrenciesContainer {display:none;}
#CurrenciesList { display:inline; margin:0;}
#CurrenciesList li { float:left; list-style:none; border-bottom:1px solid #dddddd; padding-bottom:7px; margin-bottom:7px; list-style:none; width:100%; font-size:12px; text-align:left; }
#CurrenciesList li:nth-last-child(1) {border-bottom:none; padding-bottom:0px; margin-bottom:0px; font-size:10px; text-align:center }
#CurrenciesList li>span:first-child { width:45%; float:left; text-align:right; padding-right:7px;}
.div-currency { width: 100%; background: #fff; float: left; margin:0; padding: 0; height:1%; overflow:hidden ; margin: 7px 0; padding: 14px 0;}
.div-currency ul { list-style: none; padding: 0px; margin: 0px; text-align:center ;}
.div-currency ul li { display: inline-block; width: 105px;}
.isoFlag { display: inline-block; width: 32px; margin-right: 6px; vertical-align: text-top ; padding: 0; height: 19px; vertical-align: middle;}
#EUR { background: url(/layout/Sprite.png) -14px -1041px no-repeat;}
#USD { background: url(/layout/Sprite.png) -46px -1041px no-repeat;}
#AUD { background: url(/layout/Sprite.png) -77px -1041px no-repeat;}
#NOK { background: url(/layout/Sprite.png) -141px -1041px no-repeat;}
#SEK { background: url(/layout/Sprite.png) -174px -1041px no-repeat;}
#DKK { background: url(/layout/Sprite.png) -206px -1041px no-repeat;}
#NZD { background: url(/layout/Sprite.png) -109px -1041px no-repeat;}
#JPY { background: url(/layout/Sprite.png) -238px -1041px no-repeat;}
.valueContainer { display: block; display: inline-block; overflow: hidden ; /* margin-top: 5px; */ vertical-align: middle;}
.currencyConverted { font-size: 8.5pt; font-weight: bold; display: block; padding: 0; margin: 0px; line-height: 100%; text-align:left ; font-family: arial;}
.currencyCode { font-size: 6.5pt; color: #999; display: inline-block; padding: 0px; margin: 2px 0px 0px 0px; line-height: 100%; float:left }
.CurrenciesContainer { width: 100%; height: 32px; background: #fff; display: block; margin: 14px 0px 14px 133px }
.CurrenciesContainer ul { list-style: none; padding: 0px; margin: 0px }
.CurrenciesContainer ul li { display: block; width: 100px; height: 32px; margin: 0px 0px 0px 0px; padding: 0px; float: left }
.currencyBox { display: block; width: 100%; height: 106px; border-bottom: 1px solid #e5e5e5 }

.currencyHdr { display: block; width:100%; height: 25px; font-size: 12pt; font-weight: bold; text-align: center }
.indicate { display: block; width: 100%; height: 35px; font-size: 8.5pt; font-weight: normal; text-align: center; color: #666; margin-top:7px; }
.currencyShoppingCart { width: 100%;  float: left; margin:0; padding: 0; height:1%; overflow:hidden; text-align: center;}
.currencyShoppingCart ul { padding: 0; margin:0}

.currencyShoppingCart ul li { float: none; display: inline-block; list-style:none; margin: 0.5em 1em 0.25em 0em;}
.indicateShoppingCart { display: block; width: 100%; font-size: 8.5pt; font-weight: normal; color: #666; margin: 0; clear:both; float:left }
/* ----- END - currency ----- */

/* ----- Better Search Category Details ----- */

.betterSearchDetails h1 { /* border-bottom: 1px solid #e1e1e1; */ /* border-top: 1px solid #e1e1e1; */ padding: 16px 0; margin: 16px 0 }
.catDescription p { text-align: justify }
@media screen and (max-width : 735px)
{
.betterSearchDetails h1 {font-size: 1.5em;}
.betterSearchDetails .catDescription {font-size: 1em;height: 100px;overflow: scroll;display: block;}
}

/* ----- Better Search Filters ----- */

div.filterReorderCtr { margin: 16px 0 0 0 }
div.filterOptions { width: 128px; height: 48px; line-height: 48px; text-align: center; cursor: pointer; background: #161616; display: inline-block; color: white }
div.reorderOptions { width: 128px; height: 48px; line-height: 48px; text-align: center; cursor: pointer; background: #2f353e; display: inline-block; color: white }
div.itemWidthOptions { width: 128px; height: 48px; line-height: 48px; text-align: center; cursor: pointer; background: #2f353e; display: none; color: white }
div.filterOptions span, div.reorderOptions span, div.itemWidthOptions span {font-family:'FontAwesome';font-weight: normal; display:inline-block;margin:0 0 0 3px;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

div.itemWidthOptions span {-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
div.filterOptions span.clFil, div.reorderOptions span.clFil {-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}

#adv-reorder { background: #2f353e }
.reorderItem { display: inline-block; height: 48px; line-height: 48px; text-align: left; padding: 0 16px; text-decoration: none; color: white; text-align: center }
.reorderItem:hover { background: #3E444D; }

div.reorderCtr { display: none; width: 100% }
div.betterSearchCtr { display: none; width: 100% }
.open { display: block !important }
.closeFilter {background-color: rgba(255,255,255,0.02);color:white; text-align: center;line-height: 30px;}
.closeFilter:hover {cursor:pointer}
.closeFilter span {font-family:'FontAwesome';font-weight: normal;   font-size: 2em;display: inline-block;vertical-align: bottom;margin: 0 7px;}

div.betterSearch { background: #161616 ; overflow: hidden;}

div.priceFilter { background: #161616; color: white }


.filterHdr { width: 100%;/* height: 48px;*/ line-height: 48px; display: block; text-align: center; color: #fff; font-size: 1.2em; font-weight: bold; border-bottom: 1px solid #434F5F; }
div.filter { background: #161616; color: white; vertical-align: top }
div.filter ul { list-style: none; padding: 0; margin: 0 ;}
div.filter li { line-height: 48px; text-align: left; text-indent: 16px; border-bottom: 1px solid rgba(47, 53, 62, 0.5);}
div.filter a { display: block; width: 100%; height: 48px; color: rgba(255, 255, 255, 0.5); text-decoration: none }
div.filter a:hover { background: none; color: #55acee }
div.filter img { float: right; position: relative; top: 16px; right: 16px }

.checkClear { cursor: pointer; height: 48px; line-height: 48px; text-align: center; width: 100%; text-decoration: underline; color: #BB3C25 !important;}
.checkClear:hover { text-decoration: none; color: #55acee !important }
.float { float: left }

.chkStockArea {color: yellowgreen;background: #161616;position: relative;font-size: 1.5em;text-align: right;}
.chkSaleArea {color: tomato;background: rgb(22, 22, 22);position: relative;font-size: 1.5em;text-align: left;}

.chkStockArea #chkInstock, .chkSaleArea #chkSale {position: relative;top: 2px;width: 17px;height: 17px;background: white;border: 0;}

.adv-paging-pagination {
    display: inline-block;
}
.adv-paging-none {height: 100px;}
.adv-pagingPadding {margin: 28px;}
.adv-pagingPadding>div{width: 100%; text-align:center;background-color: #FAFAFA;}
.adv-pagingPadding>div>span{ display:inline-block; margin:0 24px}

#lnkNextBottom, #lnkNextTop{color: lightsteelblue;      text-decoration: none;      margin: 0;      display: inline-block;      padding: 1em;}
#lnkNextBottom:after, #lnkNextTop:after {font-family:'FontAwesome';font-weight: normal;  content: "\f054";display: inline-block;margin: 0 0 0 0.5em;  font-size: 1.5em;vertical-align: middle;padding: 0;color: lightsteelblue;}

#lnkLastBottom, #lnkLastTop{color: lightsteelblue; text-decoration: none;            margin: 0;      display: inline-block;      padding: 1em;}
#lnkLastBottom:before, #lnkLastTop:before {font-family:'FontAwesome';font-weight: normal;  content: "\f053";display: inline-block;margin: 0em 0.5em 0 1.5em;  font-size: 1.5em;vertical-align: bottom;text-align: left;}
#clAdvancedSearch1_panSizeTemplates {display:none}

.advDrilldownContainer { display: block; width: 100%; height: 48px; line-height: 48px; text-align: left; text-indent: 16px; border-top: 1px solid #2f353e }
.advRemoveDrilldown { display: block; height: 21px; width: 21px; background: url(/layout/sprite.png) -156px -317px no-repeat; float: right; position: relative; top: 14px }
.advDrillCategories { display: block; width: 220px; height: 48px; float: left; line-height: 48px }


#clAdvancedSearch1_newSizeFilterPanel {display:inline-block}
#clAdvancedSearch1_newSizeFilterPanel #Size {height:auto}
#clAdvancedSearch1_newSizeFilterPanel #Shoe_Size {height:auto}
#sideFilter { width: 238px; float:left; padding: 0; border-right: 1px solid #efefef; margin: 0;}
#sideFilter>li, #sideFilter>div>li  { float:left; position:relative; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px dotted #efefef; list-style:none; font-size: 12px; width: 224px;}
#sideFilter>li.none { margin-bottom:7px; padding-bottom:7px; border-bottom:none}
#sideFilter>li:nth-last-child(1){margin-bottom:0; padding-bottom:0; border-bottom:none;}
#sideFilter>li>a { padding:0 0 0 21px; background:url(/layout/sprite.png) -14px -980px no-repeat; float:left; width:100%; color:#666;}
#sideFilter>li>a.showhideTrue {background:url(/layout/sprite.png) -14px -980px no-repeat;}
#sideFilter>img, .Clear { position:absolute; cursor:pointer; left: 2px; top: 34px;}
#sideFilter>li>.searchBoxForm { border:1px solid #ccc;}

#sizeFilter > li > a.reOrder {  width: 100%; height: 48px; line-height: 48px;display: block;text-align: center;color: #fff;font-size: 1.2em;font-weight: bold;border-bottom: 1px solid #434F5F;}

div.priceFilterTitle { font-size: 14px; display: block; padding: 0px 0px 7px 0px; margin: 0px 0px 7px 0px; width: 100%; border-bottom: 1px solid #e5e5e5 }
div.priceRangeCtr { display: block; width: 100%; margin: 16px 0px 7px 0px }
div.adv-sliderRangeContainer { padding: 14px }
div.adv-sliderRangeContainer input { border: none; padding: 14px; width: 100%; font-size: 18px; color: #666 }
div.adv-sliderRangeContainer a { text-decoration: none }

div.adv-sliderRangeContainer a:hover { text-decoration: none }
div.adv-sliderRangeContainer .applyPriceFilter { display: block; width: 100%; background: #acd373; padding: 14px; margin: 14px 0px 0px 0px; box-shadow: 0px 3px 0px #9cbc6f; border-radius: 4px; text-align: center; color: #fff; font-size: 18px; text-shadow: 1px 1px #9cbc6f;   float: left; }
div.adv-sliderRangeContainer .clearPriceFilter { display: block; width: 100%; background: none; padding: 7px 7px 0px 7px; margin: 14px 0px 0px 0px; text-align: left; color: #0897e4; font-size: 12px }
div.adv-sliderRangeContainer .below { margin: 0px 0px 7px 0px ; width: 50%; float: left;}
div.adv-sliderRangeContainer .above { width: 50%; float: left; margin: 0px 0px 7px 0px;}
div.adv-sliderRangeContainer div span { color: #0897e4 }
div.adv-sliderRangeContainer #txtSetLower, div.adv-sliderRangeContainer #txtSetUpper {width:115px;}
div.adv-sliderRangeContainer #txtSetLower {float:left;}
div.adv-sliderRangeContainer #txtSetUpper {float: right;}

#advSizeFilter span { display: inline-block; clear: both; width: 100%; margin-top: 14px;}
.ddPanelContainer { padding:0; margin:0}
.ddPanelContainer li { list-style:none}
.ddPanelContainer li div {list-style:none; position:relative}
.ddPanelContainer li div img {}

.catImage { display: inline-block; width: 128px; height: 128px; border-radius: 128px; margin: 0 ; clear: both; background-color: #fff;}
.brandImage { display: inline-block; width: 128px; height: 128px; border-radius: 128px; float: none; margin: 0 ; padding: 16px; background-color: #fff;}
.brandDescription { text-align: justify }
.catDescription { clear:both; display:inline-block; margin-bottom: 28px;}

#txtTermBetterSearch {border-right:1px solid #CCC; width:224px; height: 42px; box-sizing:border-box}
.adv-slideBox{float:left;height:25px;background:#3886BC;margin-right:20px;text-align:center;font-size:9pt;color:#FFF;font-weight:400;line-height:220%;font-style:normal;text-decoration:none;padding:6px 10px;}
.adv-sliderAmount{border:0;font-weight:700; display:inline-block; clear:left; color:#0897e4}
.adv-sliderRangeContainer{/* width:224px; */float:left; /* background:#F5F5F5; */ padding:7px;}
.adv-sliderRange{width:205px;height:10px;margin-top:12px; float:right;}

.list {display:inline;list-style:none;margin:0;padding:0;}
.list li {float:left;list-style:none;width:100%; box-sizing:border-box; height:80px; position:relative; padding: 0; background:none; margin: 0 0 14px 0; margin: 0 0 14px 0; text-align:left;  border-bottom:1px solid #EFEFEF; position:relative}
.list li  img.cacheImage{margin:0 14px 0 0;padding:0 0 0 0; border-top:none; float:left; width:75px; height:75px;}
.list li .clMIV-DEV { display:none}
.list li h3{font-size:12px;color:#333;display:block;margin:0; float:left}
.list li p{font-size:11px;color:#888;margin:0;}
.list li:nth-child(3n){width:100%;  background:none; margin: 0 }
.list li div a div .hover {width:28px;height:30px;top:0;position:absolute; right:0px; top:20px;}
.list li div a div .now { float:left}
.list li div a div .onsale { display:none}

#loader-DEV{ position: absolute; width: 100%; height: 100%; z-index: 10000000; top: 0; left: 0; text-align: center; top: 0;}
#loader-DEV img { position: fixed; top: 50% }

.clMIV-DEV { top: -10px; position: relative; display: block; height: 40px }


.adv-paging {}
.adv-paging-none {}
.adv-paging a[disabled=disabled]{ color: #999 }
.adv-centernav{ float: left; height: 45px }
.pagesize {color: #999;display: inline-block;margin-right: 3em;}


/*.pagesize a { float: left; display: block; height: 48px; width: 48px; line-height: 48px; background: #55acee; text-align: center; color: white; border-radius: 50px; margin-right: 16px }*/
.pagesize a { display: inline-block; /* height: 48px; */ /* width: 48px; */ /* line-height: 48px; */ color: #55acee; text-align: center; /* color: white; */ /* border-radius: 50px; */ margin: 8px; text-decoration:none}
.pagesize a:hover { background:#fff; color:#666; text-decoration: underline}



#clAdvancedSearch1_panApplyTerm { display: block; background: #fff; width: 245px; height: 2040px; float: left }


#clAdvancedSearch1_panApplyTerm p { display: block; width: 245px; height: 42px; background: url(/layout/customFilters/filterGroupHdr.gif) top left no-repeat; clear: both; font-size: 8.5pt; font-weight: bold; font-style: normal; text-indent: 35px; color: #3886bc; margin: 0px; padding: 0px; line-height: 400% }
#clAdvancedSearch1_panApplyTerm ul { margin: 0px; padding: 0px; list-style: none }
#clAdvancedSearch1_panApplyTerm li { margin: 0px; padding: 0px; list-style: none; cursor: pointer }
#clAdvancedSearch1_panApplyTerm a { font-size: 8.5pt; color: #666; width: 238px; margin: 0px; padding: 7px 0px 7px 7px; display: block; text-indent: 21px; background: url(/layout/customFilters/unchecked.png) top left no-repeat }
#clAdvancedSearch1_panApplyTerm a:active { color: #3886bc; background: url(/layout/customFilters/checked.png) top left no-repeat }
.filterContainer { overflow-x: hidden; overflow-y: scroll; display: block; width: 245px; max-height: 100px; padding-top: 14px; padding-bottom: 7px; border-bottom: 1px solid #e5e5e5; background: url(/layout/customFilters/shadow.png) top left no-repeat}

#clAdvancedSearch1_MDFPanel { display:none}

/* -- Better Search Items -- */

div.col-268-betterSearch { width: 268px; margin: 16px; overflow: hidden; display: inline-block; float: none; text-align: left; vertical-align: top }
div.col-268-betterSearch .itemImage { width: 268px; height: 268px }
div.col-268-betterSearch .itemImage a { width: 268px; height: 268px }
div.col-268-betterSearch .itemInfo { width: 268px; height: 184px }
div.col-268-betterSearch .itemInfo a { display: block; width: 268px; height: 256px; background: #FFFFFF; font-size: 0.9em; color: #707070; text-decoration: none }
div.col-268-betterSearch .productName { padding: 0 0 8px 0; display: block; height: 68px; width: 100%; font-size: 1.2em }

span.nowPrice-betterSearch { font-family: 'roboto'; color: #707070 }
span.standardPrice-betterSearch { font-family: 'roboto'; color: #707070; text-decoration: line-through }
span.percentOff-betterSearch { font-family: 'roboto'; color: tomato }
span.saleIcon-betterSearch { background: tomato; padding: 8px; margin: 0; color: #fff; position: relative; top: -185px; right: -188px;}
span.noSaleIcon-betterSearch { background: #55acee; padding: 8px; margin: 0; color: #fff; position: relative; top: -185px; right: -162px;}
div.finance-betterSearch { width: 100%; color: dodgerblue }

.starsContainer { padding: 16px 0 0 0 }
span.starsBS, span.starsBS span {display: inline-block; background: url(/layout/reviews/stars.png) 0 -16px repeat-x; width: 100px; height: 16px; text-indent:-5000px; float: left }
span.starsBS span { background-position: 0 0 }

div.col-268-betterSearch .QuickLook { height: 48px; width: 100%; cursor: pointer }

.quicklook-InStock, .quicklook-Outofstock, .quicklook-Custom,.quicklook-SpecialOrder, .quicklook-preOrder, .quicklook-Coming, .quicklook-SpecialOrderInstock  { height: 48px; width: 268px }
.quicklook-InStock { background: url(/layout/sprite.png) no-repeat yellowgreen; background-position: -14px -1439px }
.quicklook-Outofstock { background: url(/layout/sprite.png) no-repeat #f1f1f1; background-position: -299px -1439px }
.quicklook-Custom { background: url(/layout/sprite.png) no-repeat orange; background-position: -583px -1439px }

.quicklook-SpecialOrder { background: url(/layout/sprite.png) no-repeat lightskyblue; background-position: -14px -1509px }
.quicklook-preOrder { background: url(/layout/sprite.png) no-repeat #3366CC; background-position: -14px -1439px }
.quicklook-Coming { background: url(/layout/sprite.png) no-repeat #FFCC99; background-position: -14px -1439px}
.quicklook-SpecialOrderInstock { background: #00CCFF; background-position: -14px -1439px }

.Outofstock>div>a>img { opacity:0.5; -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: grayscale(100%);}

@media screen and (max-width : 735px)
{
.reorderItem { display: block;   border-bottom: 1px solid #3E444D;}


.chkStockArea , .chkSaleArea {font-size:1em}
.adv-paging-none, .adv-pagingPadding>div {height: auto;}
}


/* --- Media Queries --------------------------------------------------------------------------------------------------------------------- */

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

/* -- Show this image on Mobile ----- */

div.mobileImage { display: block }

/* -- Add to Basket Mobile ----- */
div.addMobile { display: block }
div.addDesktop { display: none }

.clAttributeGridContainer {}
.attRow { width: 100%; /* height: 128px; */   margin: 0 0 16px 0; background: #fff; float: left; }
.nameCtr { display: block; width: 70%; height: 64px; background: #fff; color: #666; float: left }
.name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 64px; line-height: 64px; text-indent: 16px }
.stock { display: block; width: 30%; height: 48px; /* float: left; */ background: #fff; line-height: 48px; text-align: center ;}

.InStockCSS { display: block; height: 48px; /* width: 144px; */ background: #f0fae0; color: #6a8a22 ; padding: 0 8px;}
.OutofStockCSS { display: block; height: 48px; width: 100%; background: #fff2f0; color: #f54f36;  text-overflow: ellipsis;  overflow-y: hidden; }
.BackOrderCSS { display: block; height: 48px; /*width: 144px;*/ background: aliceblue; color: #55acee; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }

.locate { display: none; width: 50%; height: 48px; float: right; background: lightblue; line-height: 48px; text-align: center; margin: 0; cursor: pointer }
.StoreLookup { text-decoration: underline; color: white; width: 100%; height: 48px }
.price { display: block; width: 30%; height: 64px; line-height: 64px; text-align: center; background: #fff; color: #666; float: left }

.oosEmail { display: none }
#trOutofStock input { position: relative; left: -303px; top: 0px; padding:  8px; width: 287px; font-family: 'roboto', Arial, Helvetica, sans-serif }

.add { float: right; width: 20%; background: #a2c76c;}
.button-matrix { display: block; width: 48px; height: 48px; background: url(/layout/addtobasket.png) top left no-repeat #a2c76c; background-size: 48px 48px; float: none; cursor: pointer ; margin: 0 auto;}
.button-outofStock { display: block; width: 20%; height: 48px; background: url(/layout/outofstock.png) top center no-repeat #d8d8d8; background-size: 48px 48px; float: right; cursor: pointer; -webkit-appearance: none; border-radius: 0 }


/* -- Finance, Override ----- */
div.financeRecommendation { display: block; width: 100%; padding: 16px; background: lavenderblush; color: tomato }
span.mobileNotify { font-family: 'roboto'; background: tomato; height: 48px; width: 48px; line-height: 48px; text-align: center; display: block; border-radius: 50px; color: #fff; margin: 0 auto 12px auto; position: relative; font-size: 1.5em; font-weight: bold }
div.hideFinanceOnMobile { display: none }


div.filter a:hover { background: none; color: #fff }


div.reviewComment { height: auto !important; overflow: visible !important }

div.mainDescAvatarCtr div.avatarHdr span.desktopSignature { display: none !important }
div.mainDescAvatarCtr div.avatarHdr span.mobileSignature { display: block!important }
div.mainDescAvatarCtr div.avatarMotto { display: none !important }
}



.siteMap {}
.siteMap>ul {margin:0;padding:0;}
.siteMap>ul>li {width:50%;padding:16px;float:left;list-style:none;}
.siteMap a {border:none;color:#000 !important}
.siteMap>ul>li>a {font-size:1.5em;border-bottom:1px solid #000; margin:0 0 0.5em 0; padding:0 0 0.5em 0;}
@media screen and (max-width : 735px)
{
.siteMap>ul>li {width:100%;}	
}

.brandLanding {}
.brandLanding a {display:inline-block; margin:1em 0.5em;text-decoration:none;}
.brandPageLogo, .brandPageLink {display:block; }
.brandPageLogo {outline:1px solid #f7f7f7;width:140px;height:140px;}
.brandPageLink {line-height:1.5em;margin:0.5em 0 0 0;}
@media screen and (max-width : 735px)
{
.brandLanding a {display:block;}
.brandPageLogo {display:none;}
.brandPageLink { border-bottom:1px solid #efefef; padding:0 0 1em 0; text-align:center}
}





/* -- typography  ----- */
.cblock { height:100px;}
.code { font-size:small; color:#999; display:block; margin:7px 0}
.article-title {border-top: 1px solid rgba(0,0,0,0.12); margin-bottom: 50px !important;overflow: hidden;padding-top: 35px;}
.fontawesome div { float:left; width:200px; margin-top: 22px;}
.fontawesome div a {display: block;color: #222222;line-height: 42px;height: 42px;padding-left: 10px;border-radius: 4px;text-decoration:none}
.fontawesome div a .fa {width: 32px;font-size: 14px;display: inline-block;text-align: right;margin-right: 10px;}
.fontawesome div a:hover {background-color: #000;color: #ffffff;text-decoration: none;}
.fontawesome div a:hover .fa {font-size: 28px;vertical-align: -6px;}
.colList div { margin-bottom:7px;}



/* -----  accordion  ----- */
.accordionContent { /* background: #efefef url(Images/selectMethodArrow.png) no-repeat !important; */ background-position: 75px -23px !important; clear:both }
.accordion { outline: 1px solid #dddddd; display: block; clear: both }
.accordion>div { border-bottom: 1px solid #ddd; &:last-of-type}
.accordion>div:nth-last-child(1) { border-bottom: none }
.accordionSelection, .accordionStyle { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333; margin: 0; line-height: 150%; }
.accordionSelection { background: url(layout/dropdown-side.png) no-repeat 30px 51% #fff; padding: 21px 28px 21px 66px; display: block; text-decoration: none ;          }
.accordionSelection:hover strong { color: #000333; text-decoration: underline }
.accordionSelection.active { background: url(layout/dropdown.png) no-repeat 26px 50% #fff; cursor: default }
.accordionSelection.active:hover strong { color: #000333; text-decoration: none; }
.accordionContent.active { background:#fff !important}
.accordionSelection img { display: inline-block; opacity: 0.5; vertical-align: text-top; margin-right: 2px; }
.accordionSelection.active img { opacity: 1 }
.accordionStyle { padding: 0  56px; height: 1%; overflow: hidden; display: block;}
.accordionStyle div { display:block}
/* -----  Select Method --- End ---*/


/* ----- International Shipping Table --------------------------------------------------------------------------------------------------------------------------- */
#shippingtable {font-family:Arial,Helvetica,sans-serif;text-align:left;width:100%; padding:0px;}
#shippingtable img { float:left;}
#shippingtable li { padding:5px 10px; list-style:none; height:1%; overflow:hidden}
#shippingtable li img{ float:left; margin:4px 10px 0px 0px;}
#shippingtable li:hover { background-color:none;}
#shippingtable font.required {font-family:Arial,Helvetica,sans-serif; font-size:12px}
.zone { clear:both; margin-bottom:28px; float: left; margin: 28px 0; width: 100%;}
.shippingMap {float:left; margin: 14px 14px 0px 0px; border: none;display: none;}
.shippingContent {float:left;width: 100%;}
.shippingContent li {border-bottom: 1px solid #EFEFEB;list-style: none;padding: 0;height: 1%;overflow: hidden;}
.shippingContent li.title {border-bottom: 1px solid #ccc;color: #666;}

shippingtable li.title { font-size: 14px !important; line-height: 220%; font-family:'helvetica neue', helvetica, Arial, sans-serif; font-weight:bold; color: #666; clear:both; background-color: #fcfcfc;}
#shippingtable li zone, #shippingtable li country, #shippingtable li costA,  #shippingtable li costB, #shippingtable li costC, #shippingtable li desc, #shippingtable li majorsur  { float:left; margin-right:10px; } 
country { width: 40%; float: left; text-align: left; display: block;    text-align: left;    min-height: 51px;    padding: 13px;    float: left;    width: 30%;    text-align: left;}
country img { float: left; margin: 7px 10px 0 0;}
costA { width: 15%; float: left;}
costB { width: 145px; float: left;}
costC { width: 0px; display: none !important;}
desc { width: 50% !important; text-align:left; float: left; font-size: smaller;}
majorsur { width: 160px;}
.CTA {padding: 32px; outline: 1px solid #E7E7E7; margin-bottom: 28px;font-size: x-large;line-height: 150%;}



/* ----- remarketing ----- */
.banners>div{ display:inline-block; margin-right:28px; vertical-align: middle;}
.bannersContiner { background:#efefef}
.bannersBrands { /* float:left */}
.banners small { font-size:10px; color:#999}
.bannersAll { margin:0; padding: 28px; float:left; width:50%}
.bannersAll li { float:left; list-style:none; width:100%; padding:7px; border-bottom:1px solid #efefef}
.bannersAll li:hover { background:#f5f5f5}
.bannersAll li:nth-child(2) { border-bottom:1px solid #ccc}
.bannersAll li div { float:left; }
.bannersAll li div:nth-child(1) {font-weight:bold; width:25%}
.bannersAll li div:nth-child(2) {width:55%}
.bannersAll li div:nth-child(3) {width:20%}
.bannersTable {padding: 21px;}
.bannersTable table tr td {padding: 7px;}
.bannersTable table th { border-bottom:1px solid #ccc; font-weight:normal; padding: 7px;}
.bannersTable table tr td { border-bottom:1px solid #efefef;}
.bannersTable table tr td:nth-child(2), .bannersTable table tr th:nth-child(2) { width:60%}
.bannersTable table small { font-size:10px; color:#999; padding: 7px 0 0 0; float: left;}
.google, .webgains { border: 1px solid #E2E2D9; display: inline-block; position:relative; margin: 28px 14px 0; padding: 27px;}
.google a, .webgains a { display: inline-block; position:relative;}
.google img, .webgains  img { width:200px; outline: 1px solid #E2E2DD;}
.google span, .webgains  span { display:block; padding:7px;  background:#fff; border: 1px solid #E2E2D9;}
.webgains { display: inline-block;}
.bannmessage { position:absolute; background: #F3F3EE; padding: 0px 14px; left:14px; top:-14px}
#brand1,#brand2,#brand3,#brand4,#brand5 {margin-top: 56px;}
.socialBanners>div { display:inline-block; vertical-align:middle; margin:28px;}
.overlay { background:rgba(47,53,62,.9); padding:7px 14px; position:absolute; left:0; top:0}
.overlay p,.overlay a  { color:#fff}
.campaignBox {border: 1px solid #E2E2D9; display: inline-block; position:relative; margin: 28px 14px 0; padding: 27px;}
.google span, .webgains  span { display:block; padding:7px; background:#fff; border: 1px solid #E2E2D9;}
/* ----- END - remarketing ----- */


/* Shopper Approved ---------- */
.SAreviewTitle { width:100%; text-align:left;}
.SAreviewWidget { display:inline-block; width: 100%;}
.SAreviewWidgetside {float:right; width: 328px;}
.SAreviewWidget div {}
.SAreviewWidget div div:nth-child(2n) { display:none}
.sa_wide .sa_review { padding:28px 0 !important; margin:0 28px ; width: 600px; display: inline-block;}
.sa_wide .sa_in { height:0px !important}
.sa_displayname, .sa_country, .sa_stateprov, .sa_showdate .sa_date { font-size:10px; font-family:Arial, Helvetica, sans-serif; line-height:100%}
.SAface { background:url(layout/reviewFace.jpg) no-repeat; background-position:0 50%; height: 66px; padding: 10px 0 0 80px;}
.SAface a { display:block}
/* ----- END of Reviews ---------- */



/* ----- Instagram  ----- */
.Instagram { float:left; clear:both; margin:28px 0}
.likes { position:absolute; left:0; bottom:0; background-color:#333; padding:0px 5px; width: auto; line-height:170%}
.pics li:hover div.likes { background-color:#000; color:#FFFFFF}
.pics li:hover div.likes a { color:#FFFFFF}
.likes a {font-size: 10px; font-weight: bold; color:#CCCCCC; text-decoration:none; background:url(/layout/like.png) no-repeat; background-position:0 3px; padding-left:15px }
.pics { float:left}
.pics li  {position: relative;float: left;   width: 12.5%; height:auto; list-style:none}
.pics li img  {width: 100%;height: auto;display: block;-webkit-transition: opacity 0.1s linear; }
.pics li:nth-child(1) { width: 50%; height:auto}
.pics li:nth-child(2) { width: 25%; height:auto}

/* ----- Instagram  end ----- */



/* ----- cookies --------------------------------------------------------------------------------------------------------------------------- */
#cookies{font-family:arial, Arial, Helvetica, sans-serif;font-size:9.5pt;text-align:left;margin-bottom:20px;line-height:170%;width: 100%;}
#cookies p{font-family:Arial, Helvetica, sans-serif;color:#666;font-size:9.5pt;font-weight:400;font-style:normal;line-height:170%;text-decoration:none;}
#cookies th{background:#F5F5F5;font-weight:400;color:#666;border:1px solid #d6d6d6;padding: 16px;}
#cookies tr{font-weight:400;color:#666;}
#cookies td{font-weight:400;border:1px solid #d6d6d6;text-align:left;padding: 16px;background-color: #fff;}
#cookies td a{color:#3477BB;font-size:9.5pt;}
/* ----- END - cookies ----- */


.Schema, .starHide { position:absolute; left:-50000px}



/* ----- Summer Sale  ----- */
.summersales { text-align:center; color: #fff;}
.summersales, .summersales h3 { background:tomato; color: #FFF; padding: 0; margin: 0 0 16px 0;}
.summersales p {color:#fff}
.summersales a {color: #FFE52F;}
.ssale {background:url(/layout/ssalebg.gif) no-repeat; background-position: center center; padding: 33px; color:#fff; font-size:32px;min-height: 100px;line-height: 50px; display:none}
.ssale a {background: #fff;color: #5d9ea6;height: 43px;font-size: 16px;line-height: 43px;display: inline-block;padding: 0 16px;vertical-align: text-top;margin-left: 16px;}
.ssaleBSBG {background:url(/layout/ssalebg.gif) no-repeat; background-position: center center;}
.ssaleBSBG #clCategoryDetails_lblTitle {color:#fff;}
.ssaleBSBG #clCategoryDetails_lblTitle:before {content:'Summer ';}
.ssaleBSBG #clCategoryDetails_lblTitle:after {content:' Now On';}
.ssaleBSBG .divider {display:none;}
.ssaleBSBG .catDescription p {color:#fff}
.ssaleBSBG>div>div>div>a { color:#fff; display:block}


/* ----- Winter Sale  ----- */
.wintersales { text-align:center; color: #fff;}
.wintersales, .wintersales h3 { background:tomato; color: #FFF; padding: 0; margin: 0 0 16px 0;}
.wintersales p {color:#fff}
.wintersales a {color: #FFE52F;}
.wsale {background:url(/layout/wsalebg.gif) no-repeat; background-position: center center; padding: 33px; color:#fff; font-size:32px;min-height: 100px;line-height: 50px; display:none}
.wsale a {background: #fff;color: #5d9ea6;height: 43px;font-size: 16px;line-height: 43px;display: inline-block;padding: 0 16px;vertical-align: text-top;margin-left: 16px; }
.wsaleBSBG {background:url(/layout/wsalebg.gif) no-repeat; background-position: center center;}
.wsaleBSBG #clCategoryDetails_lblTitle {color:#fff;}
.wsaleBSBG #clCategoryDetails_lblTitle:before {content:'Winter ';}
.wsaleBSBG #clCategoryDetails_lblTitle:after {content:' Now On';}
.wsaleBSBG .divider {display:none;}
.wsaleBSBG .catDescription p {color:#fff}
.wsaleBSBG>div>div>div>a { color:#fff; display:block}


.come-in {
  transform: translateY(80px);
  animation: come-in 0.8s ease forwards;
}
.come-in:nth-child(odd) {
  animation-duration: 1.5s;
}
.already-visible {
  transform: translateY(0);
  animation: none;
}

@keyframes come-in {
  to { transform: translateY(0); }
}



.giftFinder {
    background: #252525;
    padding: 46px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 24px;
    line-height: 200%;
    background: #252525;
    color: #fff;
    padding: 35px;
    position: relative;
}
.giftFinder  .search-options .ss-dropdown > span {
    border-bottom: 1px dotted #e4e4e4;
    text-transform: lowercase;
}
.giftFinder .search-options .ss-dropdown>span, .giftFinder .search-options input {
    color: #1bbeb4;
    border-bottom-color: #1bbeb4;
}

.giftFinder .search-options .ss-dropdown {
    float: none;
    display: inline-block;
    outline: 0;
    margin: 0 5px;
    position: relative;
}
.giftFinder .search-options .ss-dropdown ul {
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 1000;
    display: block;
    pointer-events: none;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    background: #fff;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	padding:0px
}
.giftFinder .search-options input {
    background: none;
    border: 0;
    border-bottom: 1px dotted #e4e4e4;
    color: #fff;
    font-size: 24px;
    padding: 0;
    width: 65px;
    height: 42px;
    display: inline-block;
    margin: 0 7px;
    vertical-align: top;
    text-align: center;
    line-height: 210%;
}
.giftFinder .search-options .ss-dropdown>span, .giftFinder .search-options input {
    color: #1bbeb4;
    border-bottom-color: #1bbeb4;
}

.giftFinder  .search-options .ss-dropdown ul.show-dropdown {
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    pointer-events: auto !important;
	padding:0px
}

.giftFinder .search-options .ss-dropdown ul li {
    height: 36px;
    line-height: 36px;
    font-size: 11px;
    text-transform: uppercase;
    color: #222;
    list-style-type: none;
    border-top: 1px solid #e4e4e4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding-right: 38px;
}

.giftFinder  .search-options .ss-dropdown ul li a {
    float: left;
    width: 100px;
    border-right: 1px solid #e4e4e4;
    padding-left: 10px;
}

.giftFinder .search-options .ss-dropdown ul li .fa-check {
    display: none;
    position: absolute;
    right: 0;
    font-size: 14px;
    padding: 11px 12px;
}

.giftFinder .search-options .ss-dropdown ul li .fa-check {
    color: #1bbeb4;
}

/* ----- Christmas, BLack Friday, Cyber Monday, January Sales ----- */
.giftFinderContainer { background:#252525}
.isVisible { display:none !important}
.seasonalHDR {  }
.seasonalHDRpromo {float:left;color: #FFE201;background: #A00909;}
#hdrExtendedReturns, #hdrExtendedReturnsHere, #hdrCyberMonday, #hdrJanuarySales, #hdrChristmas, #hdrGiftIdeas, #hdrMerryXmas {display:none;text-align:center;} 
.hdrExtendedReturns, .hdrExtendedReturnsHere {background: #A00909;text-align: center;}
.hdrCyberMonday {background:#3ab3b0}
.hdrJanuarySales {background:#00a934}
.hdrChristmas, .hdrGiftIdeas {background:#d32a2a}
.seasonalHDRpromo > .hdrPromoContainerWrapper {}
.hdrPromoContainerWrapper > .hdrPromoContainer {float:left;margin: 11px 0;width: 100%;padding: 0px;}
.hdrPromoContainerWrapper > .hdrPromoContainer h3 {/* float:left; */font-weight:normal;color:white;margin: 7px; text-transform:uppercase;font-size: 16px;letter-spacing: 0.6px;display: inline-block;border-bottom: 1px solid rgba(255, 255, 255, 0.62);line-height: 150%;font-weight: 700;}
.hdrPromoContainerWrapper > .hdrPromoContainer h3.xmasMsg {float:none;text-transform:none; font-weight:normal;font-size:16px;font-family: 'CynthoSlab';}
.hdrPromoContainerWrapper > .hdrPromoContainer a {padding:7px 14px; background:white;display: inline-block;margin: 0 0 0 14px;border-radius: 3px;}
.hdrPromoContainerWrapper > .hdrPromoContainer p {margin:7px auto; display:inline-block;color:white;    line-height: 100%;}
#hdrExtendedReturns .hdrPromoContainerWrapper > .hdrPromoContainer a, #hdrExtendedReturnsHere .hdrPromoContainerWrapper > .hdrPromoContainer a {color:black;}
#hdrCyberMonday .hdrPromoContainerWrapper > .hdrPromoContainer a {color:#3ab3b0;}
#hdrJanuarySales .hdrPromoContainerWrapper > .hdrPromoContainer a {color:#00a934;}
#hdrChristmas .hdrPromoContainerWrapper > .hdrPromoContainer a, #hdrGiftIdeas .hdrPromoContainerWrapper > .hdrPromoContainer a {color:#d32a2a;}
.hdrPromoContainerWrapper > .hdrPromoContainer a:hover {text-decoration:none;} 
#bfCountdown, #cmCountdown {float: none;display:inline-block;color:white;margin: 7px 0;}
#bfCountdown:before, #cmCountdown:before, #bfCountdown2:before {content:'Deals end in: ';}
#xmasCountdown {display:none;}

.hdrMerryXmas {/* background: #28388D; *//* text-align: center; *//* float: left; */   /* margin: 11px 0; */width: 100% !important;padding: 8px !important;}
.hdrMerryXmas h3 {  font-weight: normal;   color: white;   margin: 7px 0;   text-transform: uppercase;   font-size: 16px;   letter-spacing: 0.6px;   display: inline-block;   border-bottom: 1px solid rgba(255, 255, 255, 0.62);   line-height: 150%;}
.hdrMerryXmas a {padding:7px 14px;background: rgba(255, 239, 0, 0.56);display: inline-block;margin: 0 0 0 14px;border-radius: 3px;color: #fff;}


.crNoAccFound, .crNotLoggedIn {line-height:inherit; font-size:14px}
.hdrRewardsTitle{ font-size:14px}
.crShoppingCartCopy, .crShoppingCartPoints { font-size:inherit}
.bskRewardsBox .crShoppingCartHeader { border-bottom:1px solid #C2CEB5}
.crNoAccFound, .crNotLoggedIn { display: inline-block; text-indent: 0;  text-decoration:none; display: inline-block;  vertical-align: middle;padding: 0 14px 0 6px;}

.start  .background2 { background:#000 !important}
.start  .backgroundwhite { background:#333 !important}
.start  h1 { color:#FFF !important}
.start  p { color:#999 !important}
.start .hmGridImg .greyscale {filter: grayscale(100%) !important; -webkit-filter: grayscale(100%) !important;}
.start .hmGridImg .greyscale:hover {filter: grayscale(0%) !important; -webkit-filter: grayscale(0%) !important;}


.reviewStars {font-family:'FontAwesome';color: #ff9000;font-size:2.5em;}
.reviewStars span {display:none;}
.reviewStars span:first-of-type {display:block;}

.tReviewOverviewContainer { padding:36px; background:#1D1D1D }
#tReviewOverview .reviewOverview {display:none;}
#tReviewOverview .reviewOverview:first-of-type {display:block;}
#tReviewOverview h2 {color: #FFFFFF; line-height:150%}
#tReviewOverview h2 span {color: #ff9000;}


.xmasDleiver { padding:0; margin:0}
.xmasDleiver li { display:inline-block; color:#fff; list-style:none; /* background: rgba(255, 255, 255, 0.85); */padding: 16px 0;margin: 17px;/* margin-bottom: 16px; */border-bottom: 1px solid rgba(239, 239, 239, 0.23);}
.xmasDleiver li img, .xmasDleiver li p, .xmasDleiver li strong { display:inline-block; vertical-align:middle}
.xmasDleiver li img { background:#fff; padding:7px;margin-right: 16px;}
.xmasDleiver li  strong { color:#fff;display: block;font-size: 21px;}
.xmasDleiver li p { color: rgba(255, 255, 255, 0.62);display: inline-block;/* margin: 27px 0 0; */font-weight: normal;}

.dpdHide { display:}