.button { width: auto; background: #0099ff; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: white; cursor: pointer; display: inline-block; font-family: inherit; font-size: ms(0); font-weight: bold; line-height: 1; text-transform: uppercase; margin: 0; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }

.addthis_button { background: url(../images/bg-share-button.png); color: #fff; text-transform: uppercase; text-align: center; width: 72px; height: 40px; display: block; line-height: 36px; font-size: 12px; font-weight: bold; }
.addthis_button:hover { color: #fff; }

.button.purple { background-color: #993399; }
.button.purple:hover { background-color: #862d86; }

ul.inline-list { text-transform: uppercase; }
ul.inline-list li { font-size: 11px; }
ul.inline-list a { color: black; }
ul.inline-list a:hover { color: #0099ff; }

.search-lang-options { list-style: none; padding: 0; margin: 0; }
.search-lang-options li { display: block; float: left; width: 50%; padding: 0; margin: 0; }
.search-lang-options li a { display: block; height: 44px; line-height: 44px; width: 100%; text-transform: uppercase; font-size: 11px; color: black; }
.search-lang-options li a:hover { color: #0099ff; }

.search-lang-options .show-lang-options, .search-lang-options .show-search-options { padding-left: 24px; }

.show-lang-options { background: url(../images/lang-switcher.png) no-repeat 0 12px; }

.show-search-options { background: url(../images/search.png) no-repeat 0 12px; }

@media only screen and (max-width: 959px) { .search-lang-options .show-lang-options, .search-lang-options .show-search-options { width: 20px !important; overflow: hidden; } }
ul.inline-list.lang-options { text-transform: inherit; margin: 0; padding: 0; height: auto; }
ul.inline-list.lang-options li { float: none; display: inline; width: 20px; height: auto; margin-left: 0; margin-right: 10px; }
ul.inline-list.lang-options li a { display: inline; width: auto; height: auto; line-height: 15px; }

ul.breadcrumbs { margin-left: 0 !important; background: none; padding: 6px 10px 0 0; border: none; }
ul.breadcrumbs li { padding: 0 6px 0 0; float: left; }
ul.breadcrumbs li a, ul.breadcrumbs li span { text-transform: uppercase; font-size: 12px; font-size: 1.2rem; padding-left: 6px; }
ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span { padding-left: 0; }
ul.breadcrumbs li:before { content: "/"; color: #333333; }
ul.breadcrumbs li:first-child:before { content: " "; }
ul.breadcrumbs li.current { color: black; }

.nav-global ul { *zoom: 1; padding: 0; margin: 0; text-align: left; list-style: none; }
.nav-global ul:before, .nav-global ul:after { content: " "; display: table; }
.nav-global ul:after { clear: both; }
.nav-global ul > li { font-family: 'Archivo Black', sans-serif; font-size: 16px; font-weight: 400; display: block; float: left; padding: 0px; width: 20%; position: relative; -webkit-transition: background 100ms ease-out; -moz-transition: background 100ms ease-out; -o-transition: background 100ms ease-out; transition: background 100ms ease-out; }
.nav-global ul a { color: #fff; display: block; padding: 20px 10px 0 10px; min-height: 152px; }
.nav-global ul a span { padding-top: 8px; font-size: 12px; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; display: block; line-height: 16px; }

.nav-global > ul > li.active { background: #2c0622; }

.nav-global > ul > li.current, .nav-global > ul > li.section, .nav-global > ul > li.current.active, .nav-global > ul > li.section.active { background: #003d66; }
.nav-global > ul > li.current ul.drawer, .nav-global > ul > li.section ul.drawer, .nav-global > ul > li.current.active ul.drawer, .nav-global > ul > li.section.active ul.drawer { background: #003d66; }

.nav-global li.even { background-color: #2e2e2e; }

.nav-global li ul.drawer { position: absolute; top: 152px; width: 1000px; height: auto; min-height: 180px; padding-bottom: 20px; margin-left: -150%; z-index: 100; background: #2c0622; display: none; -webkit-box-shadow: #111111 0px 2px 5px -3px; -moz-box-shadow: #111111 0px 2px 5px -3px; box-shadow: #111111 0px 2px 5px -3px; }
.nav-global li ul.drawer li { display: inline-block; width: 20%; }
.nav-global li ul.drawer li a { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; height: auto; min-height: 0; padding-left: 20px; }
.nav-global li ul.drawer li a:hover { text-decoration: underline; }
.nav-global li ul.drawer li .nav-global-sub-sub-list a { font-size: 11px; font-weight: normal; height: auto; min-height: 0; padding-top: 5px; padding-left: 20px; }

/* solutions */
#menu-drawer-36 { margin-left: -166.5%; padding-left: 65%; }
#menu-drawer-36 li { width: 24%; }
#menu-drawer-36 li#menu-drawer-col-53 { width: 38%; }

/* services */
#menu-drawer-62 { margin-left: -266.5%; padding-left: 40%; }
#menu-drawer-62 li#menu-drawer-col-107 { width: 30%; }

/* partners */
#menu-drawer-119 { margin-left: -366.5%; padding-left: 320%; }
#menu-drawer-119 li { width: 30%; }

/* network */
#menu-drawer-127 { margin-left: -466.5%; padding-left: 400%; }
#menu-drawer-127 li { width: 40%; }

/* edi resources */
#menu-drawer-132 { margin-left: -566.5%; padding-left: 430%; }
#menu-drawer-132 li { width: 50%; }

.nav-vertical { list-style: none; border-bottom: 1px solid #d2d2d2; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 14px; }
.nav-vertical li { border-top: 1px solid #d2d2d2; }
.nav-vertical li a { display: block; background: #EDEDE9; padding: 10px 2px 10px 20px; color: #292929; font-weight: bold; -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out, color 0.2s ease-out; -o-transition: background-color 0.2s ease-out, color 0.2s ease-out; transition: background-color 0.2s ease-out, color 0.2s ease-out; }
.nav-vertical li.active a, .nav-vertical li:hover a { background: #320233; color: #fff; }
.nav-vertical li.active .nav-vertical-subs, .nav-vertical li:hover .nav-vertical-subs { padding: 0; margin: 0; list-style: none; }
.nav-vertical li.active .nav-vertical-subs li a, .nav-vertical li:hover .nav-vertical-subs li a { background: #D6ADD6; color: #1a1a1a; font-weight: normal; }
.nav-vertical li.active .nav-vertical-subs li a:hover, .nav-vertical li:hover .nav-vertical-subs li a:hover { background: #320233; color: #fff; }

.local-category-menu { text-transform: uppercase; margin-top: 20px; }
.local-category-menu h3 { background: #292929; padding: 16px 20px; color: #fff; font-family: 'Archivo Black', sans-serif; font-size: 21px; margin: 0; }
.local-category-menu ul { list-style: none; margin: 0; padding: 0; }
.local-category-menu ul li { margin-top: 1px; }
.local-category-menu ul li a { display: block; padding: 16px 20px; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; background: #1A98FC; color: #fff; font-size: 14px; -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out, color 0.2s ease-out; -o-transition: background-color 0.2s ease-out, color 0.2s ease-out; transition: background-color 0.2s ease-out, color 0.2s ease-out; }
.local-category-menu ul li a:hover { background: #310C30; }
.local-category-menu ul li.current a, .local-category-menu ul li.section a { background: #310C30; }

.pagination-centered .arrow { text-transform: uppercase; }

#footer-navigation ul > li { list-style: none; }
#footer-navigation ul > li li { list-style: disc; }
#footer-navigation ul a { color: white; font-size: 12px; font-weight: 700; }
#footer-navigation ul a:hover { text-decoration: underline; }

.page-title { background: black !important; padding-top: 20px; padding-bottom: 10px; }
.page-title h2 { font-family: 'Archivo Black', sans-serif; font-size: 28px; font-weight: 400; text-transform: uppercase; color: white; margin-left: 30px; margin-right: -10px; height: 52px; max-height: 52px; line-height: 50px; background: transparent url(../images/page-title/bg-page-title.png) repeat-x top left; -webkit-transition: margin 0.25s ease-out; -moz-transition: margin 0.25s ease-out; -o-transition: margin 0.25s ease-out; transition: margin 0.25s ease-out; }
.page-title .page-title-left, .page-title .page-title-right { display: block; height: 52px; }
.page-title .page-title-left { float: left; width: 20px; margin-left: -20px; margin-right: 20px; background: transparent url(../images/page-title/bg-page-title-left.png) no-repeat top left; }
.page-title .page-title-right { float: right; width: 65px; position: relative; background: transparent url(../images/page-title/bg-page-title-right.png) no-repeat top right; }
.page-title .page-title-right:after { width: 62px; height: 48px; position: absolute; right: 0; top: 52px; z-index: 10; background-image: url(../images/page-title/page-title-tail.png); background-size: 62px 48px; content: ""; }

@media only screen and (max-width: 960px) { .page-title h2 { font-size: 18px; } }
@media only screen and (max-width: 767px) { .page-title { background: white !important; }
  .page-title h2 { margin-left: -15px; font-size: 12px; margin-right: -20px; }
  .page-title .page-title-left { background-image: url(../images/page-title/bg-page-title-left-alt.png); }
  .page-title .page-title-right { display: none; } }
.pinwheel-topper { height: 60px; width: 100%; margin-bottom: 0px; position: relative; overflow: hidden !important; }
.pinwheel-topper .pinwheel { width: 580px; height: 581px; position: relative; top: 50%; left: 50%; margin-left: -250px; margin-top: -120px; background: black url(../images/branding/bg-pinwheel.png) no-repeat; background-position: 0 0; }

.rotate { top: 0 !important; left: 0 !important; margin-left: 200px !important; margin-top: 120px !important; -moz-animation-name: pinwheel-transform-keyframes; -moz-animation-duration: 5s; -moz-animation-delay: 0ms; -moz-animation-fill-mode: forwards; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -moz-transform-origin: 0 0; -ms-animation-name: pinwheel-transform-keyframes; -ms-animation-duration: 5s; -ms-animation-delay: 0ms; -ms-animation-fill-mode: forwards; -ms-animation-timing-function: linear; -ms-animation-iteration-count: infinite; -ms-transform-origin: 0 0; -o-animation-name: pinwheel-transform-keyframes; -o-animation-duration: 5s; -o-animation-delay: 0ms; -o-animation-fill-mode: forwards; -o-animation-timing-function: linear; -o-animation-iteration-count: infinite; -o-transform-origin: 0 0; -webkit-animation-name: pinwheel-transform-keyframes; -webkit-animation-duration: 5s; -webkit-animation-delay: 0ms; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 0 0; animation-name: pinwheel-transform-keyframes; animation-duration: 5s; animation-delay: 0ms; animation-fill-mode: forwards; animation-timing-function: linear; animation-iteration-count: infinite; transform-origin: 0 0; }

.spin { -webkit-animation-name: rotate-transform-keyframes; -webkit-animation-duration: 5s; -webkit-animation-delay: 0ms; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-transform-origin: 0 0; }

@-webkit-keyframes rotate-transform-keyframes { 0% { -webkit-transform: translateX(0px) translateY(0px) rotate(0deg) translate(-50%, -50%); -webkit-animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  100% { -webkit-transform: translateX(0px) translateY(0px) rotate(360deg) translate(-50%, -50%); } }

@-moz-keyframes pinwheel-transform-keyframes { 0% { -moz-transform: translateX(0px) translateY(0px) rotate(0deg) translate(-50%, -50%); -moz-animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  100% { -moz-transform: translateX(0px) translateY(0px) rotate(360deg) translate(-50%, -50%); } }

@-ms-keyframes pinwheel-transform-keyframes { 0% { -ms-transform: translateX(0px) translateY(0px) rotate(0deg) translate(-50%, -50%); -ms-animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  100% { -ms-transform: translateX(0px) translateY(0px) rotate(360deg) translate(-50%, -50%); } }

@-o-keyframes pinwheel-transform-keyframes { 0% { -o-transform: translateX(0px) translateY(0px) rotate(0deg) translate(-50%, -50%); -o-animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  100% { -o-transform: translateX(0px) translateY(0px) rotate(360deg) translate(-50%, -50%); } }

@-webkit-keyframes pinwheel-transform-keyframes { 0% { -webkit-transform: translateX(0px) translateY(0px) rotate(0deg) translate(-50%, -50%); -webkit-animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  70% { -webkit-transform: translateX(0px) translateY(0px) rotate(180deg) translate(-50%, -50%); }
  100% { -webkit-transform: translateX(0px) translateY(0px) rotate(-45deg) translate(-50%, -50%); } }

@keyframes pinwheel-transform-keyframes { 0% { transform: translateX(0px) translateY(0px) rotate(0deg) translate(-50%, -50%); animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  100% { transform: translateX(0px) translateY(0px) rotate(360deg) translate(-50%, -50%); } }

@media only screen and (max-width: 767px) { .pinwheel-topper { display: none; } }
.WidgetHolder { margin: 20px 0; }

.widget { padding: 20px; }
.widget a:hover { text-decoration: underline; }
.widget p { margin: 4px 0; }
.widget h3 { margin: 4px 0; font-size: 18px; }
.widget .title, .widget .widget-action { text-transform: uppercase; }
.widget .widget-action { padding: 10px 0; }

.six.columns .widget { min-height: 180px; }

.case-studies .title, .case-studies .widget-action { color: #0099ff; }
.case-studies h3 { font-size: 28px; }

.blog-entries { padding-top: 30px; }
.blog-entries p, .blog-entries h3 { color: #fff; }
.blog-entries p.upper { color: #1A98FC; }

.twitter { padding-top: 34px; background: #1A98FC; }
.twitter a, .twitter p { color: #fff; }
.twitter .tweet { font-size: 1.2em; line-height: 1.3em; }
.twitter .title { padding-left: 50px; background: url(../images/ico-twitter.png) no-repeat center left; padding-top: 20px; margin-top: -20px; }

.sidebar .widget.twitter { margin-right: 0px; }

.sidebar .widget.blog-entries { background: #000 !important; }

.home-page-widgets .widget.twitter { min-height: 220px; }

.blog-tag-menu { background: #292929; color: #fff; margin: -20px; }
.blog-tag-menu h3 { background: #292929; padding: 16px 20px; color: #fff; font-family: 'Archivo Black', sans-serif; font-size: 21px; margin: 0; text-transform: uppercase; }
.blog-tag-menu ul { padding: 0 20px 20px 20px; list-style: none; margin: 0; }
.blog-tag-menu ul li { display: block; float: left; margin-right: 12px; }
.blog-tag-menu ul li a { color: #fff; }
.blog-tag-menu ul li a:hover { color: #fff; text-decoration: underline; }

.document h4 { margin: 0; padding: 0; font-size: 16px; line-height: 20px; margin-bottom: 8px; }
.document p { margin: 0; padding: 0; font-size: 13px; line-height: 16px; margin-bottom: 8px; color: #252525; }
.document a { text-transform: uppercase; text-decoration: underline; font-weight: bold; }
.document a:hover { text-decoration: none; }
.document .document-content { padding: 10px 20px 10px 50px; background-position: 0px 15px; background-repeat: no-repeat; }
.document.pdf .document-content { background-image: url(../images/doc-icons/pdf.png); }

.BlogSubscribeWidget .button, .ContactWidget .button { width: 100%; text-align: left; font-size: 18px; }

.ContactWidget .button { background-image: url(../images/contact-icon.png); background-repeat: no-repeat; background-position: 20px 10px; text-indent: 30px; }

.BlogSubscribeWidget .button { background-image: url(../images/rss.png); background-repeat: no-repeat; background-position: 20px 14px; text-indent: 30px; }

.popup-wrapper { position: relative; z-index: 3; }

.popup-outer, .arrow:after { background: #fff; border: 2px solid #000; }

.popup-outer { -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; display: none; position: absolute; width: 220px; padding: 10px 20px; }

.popup-inner { background: #fff; padding: 0; }

.popup-outer .arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 55%; margin-left: -35px; top: -16px; }

.popup-outer .arrow:after { content: ""; position: absolute; left: 20px; bottom: -20px; width: 25px; height: 25px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

#sps-popup-searchform .popup-outer { width: 300px; padding-bottom: 20px; }
#sps-popup-searchform .popup-outer .arrow { left: 55%; margin-left: 0px; }
#sps-popup-searchform form { margin: 12px 0 0 0; }
#sps-popup-searchform form input { float: left; width: 70%; margin: 0; margin-right: 5%; }
#sps-popup-searchform form input.button { width: 20%; margin: 0; height: 31px; line-height: 31px; }

h3 { font-size: 22px; font-weight: 700; }

h4 { font-size: 19px; font-weight: 700; }

h5 { font-size: 17px; font-weight: 700; }

h6 { font-size: 15px; font-weight: 700; }

.main-content ul, .main-content ol, .main-content dl { margin-left: 1.57em; }

.subheader { font-size: 1.2em; }

.upper { text-transform: uppercase; }

.tags { clear: both; margin-top: 10px; }

.tags .label a { color: #fff; }
.tags .label a:hover { color: #fff; }

.tags .label:hover { background: #4caffd; }

body { background-image: url(../images/background.png); overflow-x: hidden; }

.main > .row { background: #fff; padding-bottom: 20px; }

#header { background: black; padding-right: 20px; }

#utility { background-color: white; height: 44px; }
#utility .inline-list { margin: 0; padding: 0; height: 44px; line-height: 44px; }
#utility .inline-list li:first-child { margin-left: 0; }
#utility .external-login { padding-right: 0; margin: 0 -1% 0 0; }
#utility .button { display: block; width: 90%; margin: 8px auto; height: 28px; line-height: 28px; padding: 0; }

#branding { background: black; }

#logo { text-align: center; background: black; margin-top: -44px; padding: 0; -webkit-transition: margin 0.25s ease-out; -moz-transition: margin 0.25s ease-out; -o-transition: margin 0.25s ease-out; transition: margin 0.25s ease-out; }

#global-nav { color: #fff; background-color: #333; min-height: 144px; padding: 0; }

.main-content { padding-left: 52px; padding-top: 20px; padding-bottom: 20px; }

.hero { padding: 20px 0; margin-bottom: -2px; background: #000; text-align: center; }
.hero img { max-width: 768px; }

.stickem-container { position: relative; }

#sps-explore-nav.stickit { position: fixed; top: 0; }

#sps-explore-nav.stickit-end { position: relative; }

#sps-explore-nav { position: relative; z-index: 500; background: #000; width: 100%; max-width: 1020px; height: 115px; background: black url(../images/magellan/bg-explore-jump-nav.png) no-repeat center top; }
#sps-explore-nav ul { margin: 0 auto; padding: 30px 0 5px 22px; font-weight: bold; width: 650px; list-style: none; }
#sps-explore-nav ul li { display: inline-block; text-align: center; width: 130px; padding: 0; margin: 0; margin-right: 28px; }
#sps-explore-nav ul li.last { margin-right: 0; }
#sps-explore-nav ul li.active a { background: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
#sps-explore-nav ul li a { padding: 4px; line-height: 20px; color: #fff; }

.sps-explore-section-header { text-align: center; background: #000; -webkit-box-shadow: #999999 0px 2px 3px -1px; -moz-box-shadow: #999999 0px 2px 3px -1px; box-shadow: #999999 0px 2px 3px -1px; position: relative; }
.sps-explore-section-header a, .sps-explore-section-header a:hover { color: #fff; }
.sps-explore-section-header h3 { text-transform: uppercase; color: #fff; position: relative; z-index: 100; }
.sps-explore-section-header:after { content: url(../images/magellan/explore-suppliers-tab.png); width: 62px; height: 71px; position: absolute; top: 0; left: 50%; z-index: 50; }

li[data-magellan-arrival="sps-retailers"] { text-indent: 30px; }

li[data-magellan-arrival="sps-suppliers"] { text-indent: -10px; }

li[data-magellan-arrival="sps-partners"] { text-indent: 20px; }

.suppliers-gradient, #sps-suppliers-section-header, #sps-explore-nav .active a[href="#sps-suppliers"] { background-color: #FB9F28; /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, #fb9f28 0%, #dd731e 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #fb9f28 0%, #dd731e 100%); /* Opera */ background-image: -o-linear-gradient(top, #fb9f28 0%, #dd731e 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fb9f28), color-stop(1, #dd731e)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #fb9f28 0%, #dd731e 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom, #fb9f28 0%, #dd731e 100%); }

.threepls-gradient, #sps-3pls-section-header, #sps-explore-nav .active a[href="#sps-3pls"] { background-color: #FC6621; /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, #fc6621 0%, #da4f19 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #fc6621 0%, #da4f19 100%); /* Opera */ background-image: -o-linear-gradient(top, #fc6621 0%, #da4f19 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fc6621), color-stop(1, #da4f19)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #fc6621 0%, #da4f19 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom, #fc6621 0%, #da4f19 100%); }

.partners-gradient, #sps-partners-section-header, #sps-explore-nav .active a[href="#sps-partners"] { background-color: #9A4481; /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, #9a4481 0%, #782f60 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #9a4481 0%, #782f60 100%); /* Opera */ background-image: -o-linear-gradient(top, #9a4481 0%, #782f60 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9a4481), color-stop(1, #782f60)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #9a4481 0%, #782f60 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom, #9a4481 0%, #782f60 100%); }

.retailers-gradient, #sps-retailers-section-header, #sps-explore-nav .active a[href="#sps-retailers"] { background-color: #5D1340; /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, #5d1340 0%, #460c2e 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #5d1340 0%, #460c2e 100%); /* Opera */ background-image: -o-linear-gradient(top, #5d1340 0%, #460c2e 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5d1340), color-stop(1, #460c2e)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #5d1340 0%, #460c2e 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom, #5d1340 0%, #460c2e 100%); }

.featured-case-study { padding-top: 38px; padding: 38px 10% 20px 10%; background: url(../images/featured-case-study-top-grad.png) no-repeat top center; }
.featured-case-study .banner { font-size: 21px; margin-top: -20px; margin-bottom: 32px; padding: 46px 0 16px 30px; color: #fff; text-transform: uppercase; text-align: center; background: url(../images/bg-featured-case-study-header.png) no-repeat top center; }
.featured-case-study .banner a { color: #fff; text-decoration: underline; }
.featured-case-study .banner a:hover { text-decoration: none; }

#sps-suppliers-section-header:after { content: url(../images/magellan/explore-suppliers-tab.png); left: 50%; margin-left: -141px; }

#sps-3pls-section-header:after { content: url(../images/magellan/explore-3pls-tab.png); left: 50%; margin-left: -65px; }

#sps-partners-section-header:after { content: url(../images/magellan/explore-partners-tab.png); left: 50%; margin-left: 12px; }

#sps-retailers-section-header:after { content: url(../images/magellan/explore-retailers-tab.png); left: 50%; margin-left: 87px; }

.sps-explore-icon { padding: 20px; padding-bottom: 0; }

.sps-explore-content { padding: 20px; padding-left: 0; padding-top: 40px; padding-bottom: 0; }
.sps-explore-content h4 { margin-top: 0; font-size: 18px; }
.sps-explore-content a { text-transform: uppercase; }

.internal-page-callout { text-align: center; margin-bottom: 10px; padding: 20px 20px 0 20px !important; }
.internal-page-callout p { margin: 0; margin-bottom: 4px; font-size: 12px; }
.internal-page-callout p.upper { font-size: 1.2em; }
.internal-page-callout h4 { margin: 0; margin-bottom: 4px; font-size: 13px; line-height: 20px; }

.services-children-list img { width: 100%; }
.services-children-list li { text-align: center; min-height: 140px; }
.services-children-list li p { margin: 0; }
.services-children-list li a { text-transform: uppercase; }

.solutions-children-list > .row { background: url(../images/list-dropshadow.png) no-repeat top center; background-size: cover; padding-top: 40px; padding-bottom: 40px; }
.solutions-children-list > .row .row { background: transparent; }
.solutions-children-list a { text-transform: uppercase; }

.children-list-audience { margin-bottom: -20px; margin-top: -20px; }

.blog-post-list article { background: url(../images/list-dropshadow.png) no-repeat top center; background-size: cover; padding: 32px 40px 40px 40px; position: relative; }
.blog-post-list article .row { background: transparent; }
.blog-post-list article .addthis_toolbox { position: absolute; top: 0; right: 20px; width: 72px; }

.blog-entry-detail { position: relative; padding-top: 12px; }
.blog-entry-detail .addthis_toolbox { position: absolute; top: -20px; right: 20px; width: 72px; }

.office-list .address { background: #EDEDE9; padding: 20px; margin: 0; font-size: 12px; }
.office-list .address.odd { background: #DCDCDC; }
.office-list .address h3 { color: #1A98FC; font-size: 14px; line-height: 19px; text-transform: uppercase; margin: 0; margin-bottom: 20px; }
.office-list .address p { font-size: 12px; }
.office-list .address a { text-transform: uppercase; }

#footer-navigation { background: black; padding-top: 20px; }
#footer-navigation h3, #footer-navigation h4, #footer-navigation p, #footer-navigation ul, #footer-navigation a { color: white; }
#footer-navigation h4 { text-transform: uppercase; font-family: "Archivo Black", sans-serif; font-size: 16px; margin-bottom: 7px; }

#footer-navigation .address { border-left: 1px solid #0099ff; padding: 0 16px; }
#footer-navigation .address p { color: #0099ff; font-size: 12px; font-weight: 700; line-height: 16px; }

#footer { background: black; }
#footer p { font-size: 11px; font-weight: 700; color: gray; }
#footer .copyright { text-transform: uppercase; }

@media only screen and (max-width: 767px) { #header { padding-right: 0; }
  #logo { margin-top: 0px; }
  .hero { padding: 40px 0; }
  .hero img { max-width: 100%; }
  .main-content { padding-left: 20px; }
  #global-nav { background-color: #1B9BFC; min-height: 0; padding: 5px 20px; }
  #global-nav select { font-size: 18px; line-height: 24px; outline: none; cursor: pointer; text-transform: uppercase; border: 0; width: 100%; height: 40px; background: none; color: #fff; -webkit-appearance: none; padding: 5px; background-image: url(../images/mobile-menu-select-bg.png); background-position: center right; background-repeat: no-repeat; }
  .four.columns.sidebar { padding: 0; }
  #sps-explore-nav { display: none; }
  .blog-entry-detail { padding-top: 0px; }
  .blog-entry-detail .addthis_toolbox { top: -68px; }
  .featured-case-study .banner { background: none; color: #0099ff; }
  .featured-case-study .banner a { color: #0099ff; }
  .sps-explore-section-header h3 { font-size: 16px; margin: 0; padding: 10px 0; margin-bottom: 10px; }
  .sps-explore-icon, .sps-explore-content { padding: 0 20px; text-align: center; } }
@media print { * a, * .button { text-transform: lowercase !important; }
  #utility, #global-nav, ul.breadcrumbs, .sidebar, #footer-navigation { display: none; }
  #logo { margin-top: 20px; margin-left: 40px; width: 50% !important; }
  #logo a[href]:after { content: "" !important; }
  .page-title h2 { margin-left: 0; }
  .main-content { padding-left: 40px; margin-top: -40px; }
  .main-content.eight { width: 100% !important; }
  .document-content a[href]:after { content: "" !important; }
  .services-children-list .two-up img { max-width: 120px !important; }
  #footer .eight.columns { width: 100%; } }