/* === MAIN NAV === */
#container {padding:130px 0 0 0;}
#nav-wrap { position: fixed; top: 0; left: 0; width: 100%; z-index: 10000;}
#top-nav {background:#181818; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease .0s; -o-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; transition: all .3s ease 0s;}
#top-nav-inner {width:980px; margin:0 auto;}
#top-nav-inner > ul {overflow:auto; float:right;}
#top-nav-inner > ul > li {float:left; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 500; font-style: normal; font-size:13px; display:block; border-left:1px solid #2d2d2d;}
#top-nav-inner > ul > li > a {display:block; text-decoration:none; color:#a2a2a2; padding:18px 15px; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease .0s; -o-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; transition: all .3s ease 0s;}
#top-nav-inner > ul > li > a:hover {color:#fff;}
#top-nav-inner select {display:none;}
#top-nav-inner .flag-wrap {float:right; margin:6px 15px 0 0;}
#top-nav-inner .flag-wrap img {padding:7px 2px;}
#top-nav-inner .flag-wrap a {position:relative; top:0; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease .0s; -o-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; transition: all .3s ease 0s;}
#top-nav-inner .flag-wrap a:hover {top:1px;}
#main-nav {background:#FFFFFF; position:relative; top:0; box-shadow:0 0 5px rgba(0,0,0,.3); -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease .0s; -o-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; transition: all .3s ease 0s;}
#main-nav-inner {width:980px; height:110px; margin:0 auto; -webkit-transition: height 0.2s ease 0s; -moz-transition: height 0.2s ease 0s; transition: height 0.2s ease 0s;}
.logo-holder {float:left; width:165px; margin:35px 0 0 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.logo-holder img {width:100%;}
.menu-icon {display:none;}
#main-nav-inner > ul {float:right; overflow:auto;}
#main-nav-inner ul > li {float:left; border-top:6px solid #FFF;}
body#solutions #main-nav-inner ul > li.solutions-active, body#services #main-nav-inner ul > li.services-active, body#clients #main-nav-inner ul > li.clients-active, body#resources #main-nav-inner ul > li.resources-active, body#about #main-nav-inner ul > li.about-active {border-top:6px solid #23b7e1;}
#main-nav-inner ul > li:hover > a {color:#FFFFFF; background:#181818;}
#main-nav-inner ul > li.login-active, #main-nav-inner ul > li.contact-active {display:none;}
#main-nav-inner ul li div {position: absolute; display: block; width: 100%; top: 110px; left: 0; padding:40px 0; opacity: 0; visibility: hidden; overflow: hidden; background:#181818 url(/images/bgd-2px-colors.jpg) bottom center no-repeat; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease .0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s;}
#main-nav-inner ul li:hover div {opacity: 1; visibility: visible; overflow: visible; display: block;}
#main-nav-inner ul li a {display:block; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 500; font-style: normal; font-size:15px; text-transform:uppercase; color:#000000; text-decoration:none; padding:45px 15px 44px 15px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
#main-nav-inner ul li a:hover {color:#FFFFFF; background:#181818;}
#main-nav-inner ul li div ul {width:980px; margin:0 auto; overflow:auto;}
#main-nav-inner ul li div ul.solutions {}
#main-nav-inner ul li div ul.services {}
#main-nav-inner ul li div ul.clients {width:580px; padding:0 0 0 400px;}
#main-nav-inner ul li div ul.resources {width:870px; padding:0 0 0 110px;}
#main-nav-inner ul li div ul.about {}
#main-nav-inner ul li div ul li {border:none;}
#main-nav-inner ul li div ul li a {color:#FFF; height:45px; line-height:45px; padding:0; margin:0 16px 0 16px; font-weight:500; font-size:14px;}
#main-nav-inner ul li div ul.solutions li a {margin:0 24px 0 24px;}
#main-nav-inner ul li div ul.services li a {}
#main-nav-inner ul li div ul.clients li a {margin:0 24px 0 24px;}
#main-nav-inner ul li div ul.resources li a {margin:0 24px 0 24px;}
#main-nav-inner ul li div ul.about li a {margin:0 19px 0 18px;}
#main-nav-inner ul li div ul li.recommender a {background: url('/images/bgd-nav-sprite.png') no-repeat -30px -5px; padding:0 0 0 54px;}
#main-nav-inner ul li div ul li.email-campaigns a {background: url('/images/bgd-nav-sprite.png') no-repeat -33px -56px; padding:0 0 0 50px;}
#main-nav-inner ul li div ul li.mobile a {background: url('/images/bgd-nav-sprite.png') no-repeat -37px -112px; padding:0 0 0 41px;}
#main-nav-inner ul li div ul li.social a {background: url('/images/bgd-nav-sprite.png') no-repeat -34px -175px; padding:0 0 0 49px;}
#main-nav-inner ul li div ul li.web a {background: url('/images/bgd-nav-sprite.png') no-repeat -36px -233px; padding:0 0 0 44px;}
#main-nav-inner ul li div ul li.stores a {background: url('/images/bgd-nav-sprite.png') no-repeat -36px -298px; padding:0 0 0 44px;}
#main-nav-inner ul li div ul li.account-management a {background: url('/images/bgd-nav-sprite.png') no-repeat -35px -361px; padding:0 0 0 45px;}
#main-nav-inner ul li div ul li.implementation a {background: url('/images/bgd-nav-sprite.png') no-repeat -22px -414px; padding:0 0 0 67px;}
#main-nav-inner ul li div ul li.deliverability a {background: url('/images/bgd-nav-sprite.png') no-repeat -31px -476px; padding:0 0 0 50px;}
#main-nav-inner ul li div ul li.strategy a {background: url('/images/bgd-nav-sprite.png') no-repeat -30px -536px; padding:0 0 0 48px;}
#main-nav-inner ul li div ul li.creative a {background: url('/images/bgd-nav-sprite.png') no-repeat -31px -596px; padding:0 0 0 47px;}
#main-nav-inner ul li div ul li.success-stories a {background: url('/images/bgd-nav-sprite.png') no-repeat -36px -661px; padding:0 0 0 40px;}
#main-nav-inner ul li div ul li.testimonials a {background: url('/images/bgd-nav-sprite.png') no-repeat -35px -725px; padding:0 0 0 45px;}
#main-nav-inner ul li div ul li.whitepapers a {background: url('/images/bgd-nav-sprite.png') no-repeat -35px -850px; padding:0 0 0 45px;}
#main-nav-inner ul li div ul li.webinars a {background: url('/images/bgd-nav-sprite.png') no-repeat -32px -913px; padding:0 0 0 48px;}
#main-nav-inner ul li div ul li.blog a {background: url('/images/bgd-nav-sprite.png') no-repeat -33px -975px; padding:0 0 0 47px;}
#main-nav-inner ul li div ul li.holiday a {background: url('/images/bgd-nav-sprite.png') no-repeat -34px -1036px; padding:0 0 0 45px;}
#main-nav-inner ul li div ul li.subscribe a {background: url('/images/bgd-nav-sprite.png') no-repeat -30px -1095px; padding:0 0 0 54px;}
#main-nav-inner ul li div ul li.leadership a {background: url('/images/bgd-nav-sprite.png') no-repeat -35px -1161px; padding:0 0 0 45px;}
#main-nav-inner ul li div ul li.news a {background: url('/images/bgd-nav-sprite.png') no-repeat -34px -1230px; padding:0 0 0 47px;}
#main-nav-inner ul li div ul li.partners a {background: url('/images/bgd-nav-sprite.png') no-repeat -29px -1295px; padding:0 0 0 55px;}
#main-nav-inner ul li div ul li.careers a {background: url('/images/bgd-nav-sprite.png') no-repeat -28px -1353px; padding:0 0 0 58px;}
#main-nav-inner ul li div ul li.contact a {background: url('/images/bgd-nav-sprite.png') no-repeat -31px -596px; padding:0 0 0 47px;}
#main-nav-inner ul li div ul li a:hover {color:#5E5E5E;}

/* === MAIN NAV ON SCROLL === */
.shrink {height:70px;}
.shrink #main-nav {top:-49px; background:rgba(255,255,255,.85)}
.shrink #main-nav-inner {height:70px;}
.shrink #main-nav-inner > ul > li {border-top:6px solid rgba(255,255,255,0.00);}
.shrink #main-nav-inner > ul > li > a {padding:25px 15px 24px 15px;}
.shrink #main-nav-inner ul li div {top:70px;}
.shrink #top-nav {opacity:0;}
.shrink .logo-holder {margin:19px 0 0 0;}

/* === EXPANDABLE SEARCH BAR === */
input[type=search]{-webkit-appearance:textfield; -webkit-box-sizing:content-box; font-family:inherit; font-size:100%; background:url(/images/bgd-search-icon.png) center center no-repeat;border:none;width:55px;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s; padding:15px 10px 15px 36px;}
input::-webkit-search-decoration,input::-webkit-search-cancel-button{display:none;}
input[type=search]:focus{width:160px;background:#000 url(/images/bgd-search-icon.png) 8px center no-repeat; outline:none;}
#nav-search{float:right; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 500; font-style: normal; font-size:15px; border-left:1px solid #2d2d2d;}
#nav-search input[type=search]{width:20px;padding-left:20px;color:transparent;cursor:pointer;text-align:right; margin:0;}
#nav-search input[type=search]:hover{background-color:#000;}
#nav-search input[type=search]:focus{width:160px;padding-left:36px;color:#fff;background-color:#2D2D2D;cursor:auto; text-align:left;}
input:-moz-placeholder,input::-webkit-input-placeholder{color:#999;}
#nav-search input:-moz-placeholder,#nav-search input::-webkit-input-placeholder{color:transparent;}

/* === HOMEPAGE HERO === */
#hero-container {height:500px; background:no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding:90px 0 0 0; overflow:hidden; position:relative;}
#hero-container .headline {width:410px; height:290px; padding:130px 0 0 0; background:url(/images/bgd-home-hero.png) no-repeat; margin:0 auto; display:block;}
#hero-container .headline p {text-align:center; color:#FFF;}
#hero-container .headline h1 {text-indent:-9999px; width:297px; height:127px; margin:0 auto 25px auto; background:url(/images/bgd-home-tagline.png) top left no-repeat; position:relative;}
#hero-container .headline p a {font-family:Times New Roman; font-style:italic;font-weight:500; font-size:18px; color:#23b7e1; text-decoration:none; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease .0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s; padding:0 25px 0 0; background:url(/images/bgd-download-arrow.png) 95% center no-repeat; margin:0 0 0 20px;}
#hero-container .headline p a:hover {color:#fff; background:url(/images/bgd-cta-arrow-grey.png) 100% center no-repeat;}
#hero-container .photo-cred {position:absolute; right:0; top:250px;}

/* === CLIENT LOGOS === */
#client-logos {background:#181818;}
#client-logos ul {width:1000px; margin:0 auto; overflow:auto;}
#client-logos ul li {float:left; display:inline; padding:0;}
#client-logos ul li.bazaar {margin:38px 0 0 55px;}
#client-logos ul li.volcom {margin:20px 0 20px 100px;}
#client-logos ul li.stanley {margin:45px 0 0 100px;}
#client-logos ul li.sony {margin:48px 0 0 100px;}
.interior-content .client-logos {overflow:auto; margin:0;}
.interior-content .client-logos li {float:left; display:inline; padding:0; margin:0 3px 8px 4px; box-shadow:0 3px 2px rgba(0,0,0,.10)}
.interior-content .client-logos li img {display:block;}
.interior-content .client-logos li a img {-webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease .0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s;}
.interior-content .client-logos li a:hover img {display:block; box-shadow: 0 4px 4px rgba(0,0,0,.15); position:relative; top:-1px;}

/* === CHANNELS === */
#channel-wrap {border-bottom:1px solid #dcdcdd; background:#f5f5f5;}
#channel {width:1000px; margin:0 auto;}
#channel h1 {text-align:center; font-size:29px; color:#5e5e5e; font-family: 'Chronicle Display A', 'Chronicle Display B'; line-height:33px; font-weight: 200; font-style: normal; padding:65px 0 50px 0; width:800px; margin:0 auto;}
#channel h2 {display:none; text-align:center; font-family: 'Chronicle Display A', 'Chronicle Display B'; line-height:33px; font-size:28px; font-weight: 300; font-style: normal; padding:40px 0; border-bottom:1px solid #dddddd;}
.channel-type {float:left; width:165px; text-align:center; margin:0 0 65px 0; padding:0;}
.channel-type p {color:#5e5e5e; font-family:Arial, Helvetica, "Gill Sans MT"; font-size:15px; line-height:23px;}
.channel-type h3 {font-family: 'Chronicle Display A', 'Chronicle Display B'; font-weight: 400; font-style: normal; color:#23b7e1; font-size:23px; margin:0 0 15px 0;}
.channel-type h3 a {color:#000; padding:110px 0 0 0; display:block; text-decoration:none; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease .0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s;}
.channel-type h3 a:hover {color:#777777; background-position:0 5px;}
.channel-type h3.recommender a {background: url(/images/bgd-channels-sprite.png) 45px 0 no-repeat;}
.channel-type h3.recommender a:hover {background:url(/images/bgd-channels-sprite.png) 45px 5px no-repeat;}
.channel-type h3.email a {background: url(/images/bgd-channels-sprite.png) 49px -135px no-repeat;}
.channel-type h3.email a:hover {background:url(/images/bgd-channels-sprite.png) 49px -130px no-repeat;}
.channel-type h3.mobile a {background:url(/images/bgd-channels-sprite.png) -65px -293px no-repeat;}
.channel-type h3.mobile a:hover {background:url(/images/bgd-channels-sprite.png) -65px -288px no-repeat;}
.channel-type h3.social a {background:url(/images/bgd-channels-sprite.png) -189px 2px no-repeat;}
.channel-type h3.social a:hover {background:url(/images/bgd-channels-sprite.png) -189px 7px no-repeat;}
.channel-type h3.web a {background:url(/images/bgd-channels-sprite.png) -187px -150px no-repeat;}
.channel-type h3.web a:hover {background:url(/images/bgd-channels-sprite.png) -187px -145px no-repeat;}
.channel-type h3.stores a {background:url(/images/bgd-channels-sprite.png) -67px -449px no-repeat;}
.channel-type h3.stores a:hover {background:url(/images/bgd-channels-sprite.png) -67px -444px no-repeat;}

/* === LISTRAK HOMEPAGE INTRO === */
#listrak-intro {width:980px; margin:80px auto; font-family: 'Chronicle Display A', 'Chronicle Display B'; font-weight: 300; font-style: normal; color:#000; font-size:46px; text-align:center; line-height:58px;}
#listrak-intro a {font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 400; font-style: normal; font-size:18px; color:#23b7e1; text-decoration:none; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease .0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s; padding:0 40px 0 0; background:url(/images/bgd-download-arrow.png) 95% center no-repeat;}
#listrak-intro a:hover {color:#3a3a3a; background:url(/images/bgd-cta-arrow-grey.png) 100% center no-repeat;}

/* === LATEST FROM LISTRAK === */
#latest-wrap {border-top:1px solid #dcdcdd; background:#f5f5f5;}
#latest-inner {width:980px; margin:0 auto;}
#latest-inner h3 {font-family: 'Chronicle Display A', 'Chronicle Display B'; font-weight: 300; font-style: normal; color:#000; font-size:28px; margin:60px 0 0 13px; line-height:30px;}
.latest-module {width:300px; float:left; margin: 20px 0 65px; padding: 15px 13px 0 13px; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease .0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s; position:relative; top:0;}
.latest-module:hover {background:#FFF; box-shadow:0px 2px 3px rgba(3,3,3,0.10); position:relative; top:-3px;}
.latest-module a img {border-bottom:4px solid #bbbbbb; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease .0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s;}
.latest-module a:hover img {border-bottom:4px solid #23B7E1;}
.latest-module h4 {font-family: 'Chronicle Display A', 'Chronicle Display B'; font-weight: 300; font-style: normal; color:#000; font-size:26px; margin:30px 0 25px 0; line-height:30px;}
.latest-module h4 a {color:#000; text-decoration:none; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease .0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s;}
.latest-module h4 a:hover {color:#23B7E1;}
.latest-module p {color:#5e5e5e; font-family:Arial, Helvetica, "Gill Sans MT"; font-size:15px; line-height:23px; margin:0 0 20px 0; /*border-bottom:2px solid #23b7e1;*/}
.latest-module p a {font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 400; font-style: normal; font-size:18px; color:#23b7e1; text-decoration:none; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease .0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s; padding:0 25px 5px 0; background: url(/images/bgd-download-arrow.png) right 4px no-repeat;}
.latest-module p a:hover {color:#3a3a3a; padding:0 40px 5px 0; background: url(/images/bgd-cta-arrow-grey.png) right 4px no-repeat;}

/* === GLOBAL INTERIOR PAGE STYLES === */
#interior-container {padding:159px 0 0 0; overflow:hidden; overflow:auto; -webkit-overflow-scrolling: touch; position:relative;}
#interior-header {height:185px; background-color:#000; background-repeat:repeat-x;  background-size:cover; overflow:hidden; background-position:center;/*background-position:center 159px; background-attachment:fixed;*/}
#interior-header h1 {text-align:left; font-family: 'Didot 96 A', 'Didot 96 B'; font-weight: 300; font-style: normal; width:980px; margin:0 auto; color:#FFF; font-size:94px; letter-spacing:-1px; line-height:185px; text-shadow:0 0 9px rgba(0,0,0,.60); }
.interior-content {width:980px; color:#5e5e5e; font-family:Arial, Helvetica, "Gill Sans MT"; font-size:15px; line-height:23px;  margin:0 auto; padding:60px 0 60px 0;}
.interior-content.reduce-margin {padding:60px 0 10px 0;}
.interior-content h2 {font-family: 'Chronicle Display A', 'Chronicle Display B'; font-weight: 300; font-style: normal; color:#000; font-size:40px; margin:0 0 10px 0; line-height:42px; margin-top:-140px; padding-top:140px;}
.interior-content h2#success {margin-top:-180px; padding-top:180px;}
.interior-content h3 {font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 200; font-style: normal; text-transform:uppercase; font-size:27px; margin:0 0 20px 0; padding:10px 0 0 0; line-height:30px; letter-spacing:-1px;}
.interior-content h4 {font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 400; font-style: normal; font-size:20px; margin:0 0 10px 0; padding:10px 0 0 0; color:#000;}
.interior-content h5 {font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 500; font-style: normal; font-size:17px; margin:0 0 10px 0; padding:3px 0 0 0; color:#000;}
.interior-content h6 {font-family: 'Didot 96 A', 'Didot 96 B'; font-weight: 300; font-style: normal; font-size:22px; margin:0 0 10px 0; padding:3px 0 0 0; color:#000; letter-spacing:5px; text-transform:uppercase;}
.interior-content h2.add-margin, .interior-content h3.add-margin, .interior-content h4.add-margin, .interior-content h5.add-margin, .interior-content h6.add-margin {margin-bottom:30px;}
.interior-content h2.reduce-margin, .interior-content h3.reduce-margin, .interior-content h4.reduce-margin, .interior-content h5.reduce-margin, .interior-content h6.reduce-margin {margin:0 0 10px 0;}
.interior-content h2 a, .interior-content h3 a, .interior-content h4 a, .interior-content h5 a, .interior-content h6 a {text-decoration:none;}
.interior-content p {margin:0 0 20px 0;}
.interior-content a {color:#000; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease .0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s; background:none}
.interior-content a:hover {text-decoration:none; color:#23B7E1;}
.interior-content a.button {background:#23B7E1; color:#FFF; text-decoration:none; display:inline-block; font-size:16px; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 400; font-style: normal; padding:8px 12px; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease .0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s; box-shadow: 0px 2px 3px rgba(0,0,0,.25);}
.interior-content a.button:hover {opacity:.7; color:#FFF;}
.interior-content a.cta-button {font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 500; font-style: normal; font-size:16px; color:#23b7e1; text-decoration:none; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease .0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s; padding:0 25px 0 0; background:url(/images/bgd-download-arrow.png) 100% center no-repeat;}
.interior-content a.cta-button:hover {color:#3a3a3a; background:url(/images/bgd-cta-arrow-grey.png) 100% center no-repeat; padding:0 35px 0 0;}
.interior-content p.quote {font-family: 'Chronicle Display A', 'Chronicle Display B'; font-weight: 400; font-style: italic; font-size:24px; line-height:34px; color:#000; text-align:center;}
.interior-content p.quote-credit {font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 300; font-style: normal; font-size:14px; color:#7d7d7d; text-align:center;}
.interior-content p.source {font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 300; font-style: normal; font-size:10px; color:#7d7d7d; text-align:center; margin:60px 0 0 0;}
.interior-content span.success-highlight {font-weight:bold; color:#23B7E1;}
.interior-content p a#lnkNext {float:right;}
.interior-content p a#lnkPrev {float:left;}
.interior-content ul {margin:0 0 15px 30px;}
.interior-content ul li {list-style-type:disc; margin:0 0 5px 0;}
.interior-content .list-column {float:left; margin: 0 50px 15px 30px;}
.interior-content .two-column {float:left; width:450px; padding:0 40px 0 0; margin:20px 0 0 0;}
.interior-content .three-column {float:left; width:306px; padding:0 20px 0 0; margin:20px 0 0 0;}
.interior-content .four-column {float:left; width:225px; padding:0 20px 0 0; margin:20px 0 0 0;}
.grey-band {background:#f5f5f5; border-top:1px solid #dcdcdd; border-bottom:1px solid #dcdcdd;}
.grey-band h3 {color:#434343;}
.dark-band {background:#202020;}
.dark-band .interior-content {color:#9F9F9F;}
.dark-band .interior-content h2 {color:#fff;}
.dark-band .interior-content h3 {color:#fff;}
.dark-band .interior-content h4 {color:#fff;}
.dark-band .interior-content h5 {color:#fff;}
.dark-band .interior-content h6 {color:#fff;}
.dark-band .interior-content a {color:#fff;}
.dark-band .interior-content a:hover {text-decoration:none; color:#23B7E1;}
.dark-band .interior-content a.button:hover {opacity:.7; color:#FFF;}
.dark-band .interior-content a.cta-button {color:#23b7e1; }
.dark-band .interior-content a.cta-button:hover {color:#848484; background:url(/images/bgd-cta-arrow-grey.png) 100% center no-repeat; padding:0 35px 0 0;}
.dark-band .interior-content p.quote {color:#fff; font-weight:300;}
.dark-band .interior-content .three-column {margin:0;}
.dark-band .interior-content .four-column {margin:0;}

/* === PAGE COLOR SCHEMES (DEFAULT BLUE) === */
body.yellow .interior-content a {color:#000; background:none}
body.yellow .interior-content a:hover {text-decoration:none; color:#ad9f25;}
body.yellow .interior-content a.button {background:#f2e254; color:#7a7224;}
body.yellow .interior-content a.button:hover {opacity:.7; color:#ad9f25;}
body.yellow .interior-content a.cta-button {color:#dead13;background:url(/images/bgd-cta-arrow-yellow.png) 100% center no-repeat;}
body.yellow .interior-content a.cta-button:hover {color:#3a3a3a; padding:0 35px 0 0;}
body.yellow .dark-band .interior-content a {color:#fff;}
body.yellow .dark-band .interior-content a:hover {text-decoration:none; color:#f2e254;}
body.yellow .dark-band .interior-content a.button {color:#7a7224;}
body.yellow .dark-band .interior-content a.button:hover {opacity:.6; color:#7a7224;}
body.yellow .dark-band .interior-content a.cta-button {color:#f2e254; }
body.yellow .dark-band .interior-content a.cta-button:hover {color:#3a3a3a; background:url(/images/bgd-cta-arrow-yellow.png) 100% center no-repeat;}
body.orange .interior-content a {color:#000; background:none}
body.orange .interior-content a:hover {text-decoration:none; color:#f7a022;}
body.orange .interior-content a.button {background:#f7a022; color:#fff;}
body.orange .interior-content a.button:hover {opacity:.7; color:#fff;}
body.orange .interior-content a.cta-button {color:#f7a022;background:url(/images/bgd-cta-arrow-orange.png) 100% center no-repeat;}
body.orange .interior-content a.cta-button:hover {color:#3a3a3a; padding:0 35px 0 0;}
body.orange .dark-band .interior-content a {color:#fff;}
body.orange .dark-band .interior-content a:hover {text-decoration:none; color:#f7a022;}
body.orange .dark-band .interior-content a.button:hover {opacity:.6; color:#fff;}
body.orange .dark-band .interior-content a.cta-button {color:#f7a022; }
body.orange .dark-band .interior-content a.cta-button:hover {color:#3a3a3a; background:url(/images/bgd-cta-arrow-orange.png) 100% center no-repeat;}
body.green .interior-content a {color:#000; background:none}
body.green .interior-content a:hover {text-decoration:none; color:#8aaa3c;}
body.green .interior-content a.button {background:#8aaa3c; color:#fff;}
body.green .interior-content a.button:hover {opacity:.7; color:#fff;}
body.green .interior-content a.cta-button {color:#8aaa3c;background:url(/images/bgd-cta-arrow-green.png) 100% center no-repeat;}
body.green .interior-content a.cta-button:hover {color:#3a3a3a; padding:0 35px 0 0;}
body.green .dark-band .interior-content a {color:#fff;}
body.green .dark-band .interior-content a:hover {text-decoration:none; color:#8aaa3c;}
body.green .dark-band .interior-content a.button:hover {opacity:.6; color:#fff;}
body.green .dark-band .interior-content a.cta-button {color:#8aaa3c; }
body.green .dark-band .interior-content a.cta-button:hover {color:#3a3a3a; background:url(/images/bgd-cta-arrow-green.png) 100% center no-repeat;}
body.purple .interior-content a {color:#000; background:none}
body.purple .interior-content a:hover {text-decoration:none; color:#683d92;}
body.purple .interior-content a.button {background:#683d92; color:#fff;}
body.purple .interior-content a.button:hover {opacity:.7; color:#fff;}
body.purple .interior-content a.cta-button {color:#683d92;background:url(/images/bgd-cta-arrow-purple.png) 100% center no-repeat;}
body.purple .interior-content a.cta-button:hover {color:#3a3a3a; padding:0 35px 0 0;}
body.purple .dark-band .interior-content a {color:#fff;}
body.purple .dark-band .interior-content a:hover {text-decoration:none; color:#683d92;}
body.purple .dark-band .interior-content a.button:hover {opacity:.6; color:#fff;}
body.purple .dark-band .interior-content a.cta-button {color:#9662c8; }
body.purple .dark-band .interior-content a.cta-button:hover {color:#3a3a3a; background:url(/images/bgd-cta-arrow-purple.png) 100% center no-repeat;}
body.red .interior-content a {color:#000; background:none}
body.red .interior-content a:hover {text-decoration:none; color:#ec3d29;}
body.red .interior-content a.button {background:#ec3d29; color:#fff;}
body.red .interior-content a.button:hover {opacity:.7; color:#fff;}
body.red .interior-content a.cta-button {color:#ec3d29;background:url(/images/bgd-cta-arrow-red.png) 100% center no-repeat;}
body.red .interior-content a.cta-button:hover {color:#3a3a3a; padding:0 35px 0 0;}
body.red .dark-band .interior-content a {color:#fff;}
body.red .dark-band .interior-content a:hover {text-decoration:none; color:#ec3d29;}
body.red .dark-band .interior-content a.button:hover {opacity:.6; color:#fff;}
body.red .dark-band .interior-content a.cta-button {color:#ec3d29; }
body.red .dark-band .interior-content a.cta-button:hover {color:#3a3a3a; background:url(/images/bgd-cta-arrow-red.png) 100% center no-repeat;}

/* === OMNICHANNEL PAGE STYLES === */
.interior-content.showcase {padding-left:515px; padding-top:95px; padding-bottom:75px; width:465px;}
.interior-content.omnichannels h3 {border-bottom:1px solid #b4b4b4; padding-bottom:10px;}
.interior-content.omnichannels h3.email a {padding-left:60px; background:url(/digital-marketing-solutions/images/bgd-omnichannel-icons.png) 0 0 no-repeat;}
.interior-content.omnichannels h3.recommender a {padding-left:55px; padding-top:8px; background:url(/digital-marketing-solutions/images/bgd-omnichannel-icons.png) 0 -58px no-repeat;}
.interior-content.omnichannels h3.mobile a {padding-left:43px; padding-top:8px; background:url(/digital-marketing-solutions/images/bgd-omnichannel-icons.png) 0 -127px no-repeat;}
.interior-content.omnichannels h3.social a {padding-left:52px; padding-top:8px; background:url(/digital-marketing-solutions/images/bgd-omnichannel-icons.png) 0 -198px no-repeat;}
.interior-content.omnichannels h3.web a {padding-left:50px; padding-top:3px; background:url(/digital-marketing-solutions/images/bgd-omnichannel-icons.png) 0 -277px no-repeat;}
.interior-content.omnichannels h3.stores a {padding-left:50px; padding-top:8px; background:url(/digital-marketing-solutions/images/bgd-omnichannel-icons.png) 0 -347px no-repeat;}
.interior-content .two-column.first {float:left; width:465px; padding:0 50px 0 0; margin:40px 0 0 0;}
.interior-content .two-column.second {float:left; width:465px; padding:0; margin:40px 0 0 0;}
.interior-content.mobile-feature {position:relative; padding:60px 560px 60px 0; width:420px;}
.interior-content.mobile-feature img {position:absolute; top:-10px; left:420px;}
.interior-content.recommender-feature {position:relative; padding:60px 455px 60px 0; width:525px;}
.interior-content.recommender-feature .short-paragraph {width:360px;}
.interior-content.recommender-feature img {position:absolute; top:-45px; left:380px;}
.interior-content.email-feature {position:relative; padding:60px 440px 60px 0; width:540px;}
.interior-content.email-feature img {position:absolute; top:30px; left:500px;}
.interior-content.social-feature {position:relative; padding:60px 420px 60px 0; width:560px;}
.interior-content.social-feature img {position:absolute; top:-80px; left:580px;}
.interior-content.web-feature {position:relative; padding:60px 480px 60px 0; width:500px;}
.interior-content.web-feature img {position:absolute; top:-50px; left:580px;}
.interior-content.ups-feature {position:relative; padding:60px 340px 60px 0; width:640px;}
.interior-content.ups-feature img {position:absolute; top:-10px; left:660px;}
.interior-content .calculator-wrap {border:1px solid #dddddd; padding:10px;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); border-radius:10px;}
.interior-content .calculator-wrap .success {padding:15px; margin:15px 0 0 0; background:#EDFFEA; text-align:center; border:1px solid #98d794;}
.interior-content .calculator-wrap .success p {margin:0; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 300; font-style: normal; color:#306f33;}
.interior-content .calculator-wrap .success p a:hover {color:#306f33;}
.interior-content .calculator-wrap .success p strong {font-weight:500;}
.interior-content .calculator-wrap .form input[type=text] {margin:0;}
.interior-content .calculator-wrap .form input[type=submit] {margin:15px 0 0 0;}
.interior-content  h4.calculator-header {color:#e4e4e4; background:#181818; margin:0 0 10px 0; text-align:center; padding:10px 0; font-weight:200; border-radius:5px;}

/* === FORM STYLES === */
.interior-content .form td {vertical-align:top;}
.interior-content .form label {font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 300; font-style: normal; color:#000; font-size:15px;}
.interior-content .form .checkbox-wrap {padding:10px 0 25px 10px;}
.interior-content .form .checkbox-wrap label {color:#5e5e5e; font-family:Arial, Helvetica, "Gill Sans MT"; font-size:15px;}
.interior-content .form input[type=text] {border:1px solid #989898; border-left:5px solid #989898; background:#f1f1f1; width:85%; padding:10px; margin:0 0 25px 0; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease .0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s;}
.interior-content .form select {border:1px solid #989898; border-left:5px solid #989898; background:#f1f1f1; width:91%; padding:9px 10px; margin:0 0 25px 0; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease .0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s;}
.interior-content .form select:focus, .interior-content .form input[type=text]:focus {border:1px solid #000; border-left:7px solid #000; background:#FFF; outline:none;}
.interior-content .form textarea {border:1px solid #989898; border-left:5px solid #989898; background:#f1f1f1; width:92.5%; height:110px; padding:10px; margin:0 0 20px 0; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease .0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s; font-family:Arial, Helvetica, "Gill Sans MT";}
.interior-content .form textarea:focus {border:1px solid #000; border-left:7px solid #000; background:#FFF; outline:none;}
.interior-content .form input[type=submit] {background:#23B7E1; color:#FFF; text-decoration:none; text-transform:none; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 400; font-style: normal; font-size:16px; padding:8px 35px; margin:15px 0 25px 0; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease .0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s; border:none; cursor:pointer; font-size:15px; box-shadow: 0px 2px 3px rgba(0,0,0,.25)}
.interior-content .form input[type=submit]:hover {opacity:.7;}
.interior-content .form input[type=checkbox]#subBox {margin:5px 5px 25px 0; float:left;}
::-webkit-input-placeholder {color: #000;}
:-moz-placeholder {color: #000;}
::-moz-placeholder {color: #000;}
:-ms-input-placeholder {color: #000;}
.dark-band .interior-content .form label {color:#FFF;}
.grey-band .interior-content .form input[type=text] {border:1px solid #989898; border-left:5px solid #989898; background:#fff;}
.dark-band .interior-content .form input[type=text] {background:#fff; border:none;}
.grey-band .interior-content .form input[type=text]:focus {border:1px solid #000; border-left:7px solid #000;}

/* === SERVICES PAGE === */
.interior-content .services-listing {margin:0; overflow:auto;}
.interior-content .services-listing li {float:left; list-style-type:none;}
.interior-content .services-listing li a {display:block; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 500; font-style: normal; font-size:15px; text-transform:uppercase; color:#000000; text-decoration:none; padding:13px 15px 13px 15px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.interior-content .services-listing li a:hover {color:#888888;}
.interior-content .services-listing li.account-management a {background: url('/images/bgd-nav-sprite.png') no-repeat -35px -357px; padding-left: 43px; margin-right:13px;}
.interior-content .services-listing li.implementation a {background: url('/images/bgd-nav-sprite.png') no-repeat -22px -414px; padding-left: 64px; margin-right:13px;}
.interior-content .services-listing li.deliverability a {background: url('/images/bgd-nav-sprite.png') no-repeat -31px -476px; padding-left: 47px; margin-right:10px;}
.interior-content .services-listing li.strategy a {background: url('/images/bgd-nav-sprite.png') no-repeat -30px -536px; padding-left: 45px; margin-right:13px;}
.interior-content .services-listing li.creative a {background: url('/images/bgd-nav-sprite.png') no-repeat -31px -596px; padding-left: 44px;}
.interior-content #our-approach {padding:0 0 20px 200px; background:url(/services/images/bgd-our-approach.png) 0% 80% no-repeat;}
.interior-content #strategy {padding:0 0 20px 200px; background:url(/services/images/bgd-strategy.png) 0% 80% no-repeat;}
.interior-content #creative {padding:0 0 20px 200px; background:url(/services/images/bgd-creative.png) 0% 80% no-repeat;}
.interior-content #deliverability {padding:0 0 20px 200px; background:url(/services/images/bgd-deliverability.png) 0% 60% no-repeat;}
.interior-content #implementation {padding:0 0 20px 200px; background:url(/services/images/bgd-implementation.png) 0% 70% no-repeat;}
.interior-content .service-wrap {padding:40px; clear:both; overflow:auto;}
.interior-content .service-wrap.dark {background:rgba(0,0,0,0.08);}
.interior-content .service-wrap .service-type {float:left; width:150px;}
.interior-content .service-wrap p {width:740px; float:right; margin:0;}

/* === RESOURCE PAGES === */
#recent-resources {padding:35px; margin:55px 0 0 0; border:1px solid #dddddd; border-top:4px solid #23b7e1;}
#recent-resources h3 {border-bottom:1px solid #b1b1b1; padding:0 0 35px 0; margin:0 0 35px 0;}
.featured-whitepaper-thumb {float:right; margin:0 0 0 30px;}
.featured-whitepaper-thumb a {padding:8px; border:1px solid #dddddd; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease .0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s; display:block;}
.featured-whitepaper-thumb a:hover {box-shadow:0px 2px 6px rgba(3,3,3,0.20); border:1px solid #6C6C6C; }
#recent-resources .featured-whitepaper-thumb img {line-height:1px; margin:20px 25px 0 0; padding:0; display:block; padding:8px; border:1px solid #dddddd;}
.featured-whitepaper-thumb a img {display:block;}
.dark-band .interior-content .featured-whitepaper-thumb img {padding:8px; margin:10px 0 0 0; border:1px solid #414141;}
#recent-resources .recent.first {float:left; width:280px; margin:0 20px 0 0;}
#recent-resources .recent.second {float:left; width:280px; margin:0 20px 0 0;}
#recent-resources .recent.third {float:left; width:300px;}
#recent-resources .recent p.headline {margin:0 0 10px 0; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 400; font-style: normal; font-size:20px; line-height:25px; color:#000;}
#recent-resources .recent .headline a {text-decoration:none;}
.by-line {font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 500; font-size:14px;}
#recent-resources .by-line {}
#recent-resources .view-more-resources {text-align:right; margin:35px 0 0 0; padding:30px 0 0 0; border-top:1px solid #b1b1b1;}
.interior-content .view-more-resources {text-align:right; margin:35px 0 0 0; padding:30px 0 0 0; border-top:1px solid #b1b1b1;}
#recent-resources .view-more-resources a {font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 500; font-style: normal; font-size:19px; text-decoration:none; color:#23b7e1;}
#recent-resources .view-more-resources a:hover {color:#0c6883;}
#recent-resources .news-event-column {width:46%; float:left;}
#recent-resources .news-event-column.first {margin:0 60px 0 0;}
#recent-resources .news-event-column .recent {margin:0 0 25px 0; border-bottom:1px solid #D9D9D9;}
#recent-resources .news-event-column .recent .by-line {margin: 0 0 10px 0;}
#recent-resources .news-event-column .recent .cta-button {font-size:16px;}

/* === ARCHIVE PAGES/PINTEREST STYLES === */
.interior-content.archive {padding:60px 0 25px 0;}
.dark-band.archive-search .interior-content {padding: 25px 0;}
.dark-band.archive-search .interior-content h3 {font-size:20px; float:left; padding:4px 0 0 0; margin:0;}
.dark-band.archive-search .interior-content .form {float:left; margin:0 0 0 30px;}
.dark-band.archive-search .interior-content .form input[type=text] {border:none; width:320px; padding:10px; margin:0; height:20px; float:left;}
.dark-band.archive-search .interior-content .form input[type=submit] {margin:0; height:40px; float:left; border-left:1px solid #2485a1;}
html.js body#about div#interior-container div.dark-band div.interior-content div.form select {border:none; width:320px; padding:10px; margin:0; height:40px; float:left;}
.interior-content .archive-search .form {float:left;}
.interior-content .archive-search .form input[type=text] {border-right:none; width:365px; padding:10px; margin:0; height:20px; float:left;}
.interior-content .archive-search .form input[type=submit] {margin:0; height:42px; float:left; border-left:1px solid #2485a1;}
.interior-content .archive-item.success-story {height:240px;}
.interior-content .archive-item.success-story p.title {border-bottom:none;}
.interior-content .archive-item.mix {-webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; display:none;}
.interior-content .mix-controls {margin:20px 0 30px 0;}
.interior-content .mix-controls button {display: inline-block; padding: .4em .8em; background: #666; border: 0; color: #ddd; font-size: 16px; font-weight: 300; border-radius: 2px; cursor: pointer;-webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease .0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s; outline:none;}
.interior-content .mix-controls button.active {background:#23b7e1;}
.interior-content .archive-item {width:232px; display:inline-block; vertical-align:top; margin:0 7px 25px 0; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease .0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s; border:1px solid #dddddd; background:#FFF;}
.interior-content .archive-item:hover {background:#FFF; box-shadow:0px 2px 6px rgba(3,3,3,0.20); border:1px solid #A3A3A3;}
.interior-content .archive-item img {width:232px; display:block; border-bottom:1px solid #e7e7e7}
.interior-content .archive-item:hover img {-webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease .0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s; opacity:.5;}
.interior-content .archive-item p.title {margin:0; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease .0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s; line-height:22px; border-bottom:1px solid #e7e7e7}
.interior-content .archive-item:hover p.title {background:#FFF;}
.interior-content .archive-item p.title a {font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 500; font-style: normal; color:#3F3F3F; font-size:16px; text-decoration:none; padding:20px; display:block; }
.interior-content .archive-item p.title a:hover {color:#23b7e1;} 
.interior-content .archive-item p.guest, .interior-content .archive-item p.published, .interior-content .archive-item p.news-published {font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 300; font-style: normal; font-style: normal; color:#000; font-size:13px; text-decoration:none; padding:20px; margin:0; line-height:14px;}
.interior-content .archive-item p strong {font-weight:500;}
.interior-content .archive-item p.guest {padding:20px;}
.interior-content .archive-item p.published {padding:0 20px 20px 20px;}
.interior-content .archive-item p.news-published {padding:20px;}
.interior-content .team-wrap .archive-item {width:225px; margin-right:10px;}
.interior-content .team-wrap .archive-item:hover { border:1px solid #6C6C6C;}
.interior-content .team-wrap .archive-item p.name {font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 200; font-style: normal; color:#3F3F3F; font-size:20px; margin:0 0 5px 0; padding:0 0 0 7px; text-transform:uppercase;}
.interior-content .team-wrap .archive-item p.position {font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 500; font-style: normal; color:#424242; font-size:14px; text-transform:uppercase; line-height:16px; padding:0 0 0 7px; margin:0 0 15px 0;}
.interior-content .team-wrap .archive-item p.meet {margin:0 0 18px 0; padding:0 0 0 7px;}
.interior-content .team-wrap .archive-item img {display:block; margin:0 0 15px 0; width:225px;}
.interior-content .team-wrap .archive-item:hover img {opacity:1;}
.interior-content.news-archive p.published {padding:10px;}
.interior-content .search-result {margin:0 0 40px 0; padding:0 0 20px 0; border-bottom:1px solid #D4D4D4;}
.interior-content .search-result h5 a {color:#000; background-image:url(/images/bgd-cta-arrow-grey.png);}
.interior-content .search-result h5 a:hover {color:#23b7e1; background-image:url(/images/bgd-download-arrow.png)}

/* === CHILD CATEGORIES === */
.child-categories {margin:0 0 20px 0; overflow:auto;}
.child-categories div {float:left; margin:0 6px 0 0;}
.child-categories .whitepapers {background: url('/images/bgd-nav-sprite.png') no-repeat -20px -832px;}
.child-categories .webinars {background: url('/images/bgd-nav-sprite.png') no-repeat -20px -896px;}
.child-categories .toolkit {background: url('/images/bgd-nav-sprite.png') no-repeat -20px -1019px;}
.child-categories .blog {background: url('/images/bgd-nav-sprite.png') no-repeat -20px -958px;}
.child-categories .leadership {background: url('/images/bgd-nav-sprite.png') no-repeat -20px -1143px;}
.child-categories .news {background: url('/images/bgd-nav-sprite.png') no-repeat -20px -1212px;}
.child-categories .partners {background: url('/images/bgd-nav-sprite.png') no-repeat -20px -1275px;}
.child-categories .careers {background: url('/images/bgd-nav-sprite.png') no-repeat -16px -1334px;}
.child-categories .careers a {padding:27px 30px 26px 65px;}
.child-categories .success-stories {background: url('/images/bgd-nav-sprite.png') no-repeat -20px -645px;}
.child-categories .testimonials {background: url('/images/bgd-nav-sprite.png') no-repeat -20px -708px;}
.child-categories .contact-listrak {background: url('/images/bgd-nav-sprite.png') no-repeat -20px -580px;}
.child-categories a {font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 300; font-style: normal; font-size:18px; text-decoration:none; text-transform:uppercase; color:#3c3c3c; border:1px solid #dddddd; display:block; padding:27px 30px 26px 58px; background:url(/images/bgd-cta-arrow-grey.png) 95% center no-repeat;}
.child-categories a:hover {background:url(/images/bgd-cta-arrow-grey.png) 97% center no-repeat; border:1px solid #6c6c6c; box-shadow:0px 2px 6px rgba(3,3,3,0.20); color:#AFAFAF;}

/* === ABOUT PAGE STYLES === */
.interior-content .core {float:left; width:205px; padding:90px 15px 10px 15px; margin:0 5px 0 0; text-align:center; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 400; font-style: normal; color:#3F3F3F; font-size:15px; }
.interior-content .core.first {background:#FFFFFF url(/images/bgd-about-sprite.png) no-repeat 92px 30px;}
.interior-content .core.second {background:#FFFFFF url(/images/bgd-about-sprite.png) no-repeat -355px 30px;}
.interior-content .core.third {background:#FFFFFF url(/images/bgd-about-sprite.png) no-repeat 92px -188px;}
.interior-content .core.fourth {background:#FFFFFF url(/images/bgd-about-sprite.png) no-repeat -355px -190px;}
.interior-content .bio-image {float:left; margin:0 40px 0 0; padding:7px; border:1px solid #BBBBBB;}
.interior-content .demandware {width:477px; float:left; margin:0 25px 0 0;}
.interior-content .magento {width:477px; float:left;}
.interior-content .demandware a img, .interior-content .magento a img {display:block;}
.interior-content .demandware img, .interior-content .magento img {box-shadow: 0 3px 2px rgba(0,0,0,.10); margin:0 0 15px 0; position:relative; top:0; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease .0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s;}
.interior-content .demandware img:hover, .interior-content .magento img:hover {box-shadow: 0 4px 4px rgba(0,0,0,.15); margin:0 0 15px 0; position:relative; top:-2px;}

/* === SCA INDEX STYLES === */
.sca-index-percentage {color:#111; font-size:14px; height:205px; margin-bottom:20px;}
ul.sca-index-percentage {margin:0;}
.sca-index-percentage li {width:470px; height:205px; float:left; list-style-type:none;}
.sca-index-percentage li.today {margin-right:25px; list-style-type:none;}
.sca-index-percentage li h4 {background:#f1f1f1; font-size:14px; font-weight:normal; text-align:center; padding:10px 0; border:1px solid #c0c0c0; margin-bottom:0;}
.sca-index-percentage li .index {font-family: 'Chronicle Display A', 'Chronicle Display B'; line-height:33px; font-weight: 200; position:relative; display:block; padding:14px 0 14px 0; font-size:97px; line-height:97px; font-weight:bold; text-align:center; border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0; list-style-type:none;}
.sca-index-percentage li .gauge {font-size:10px; height:40px; margin-top:-2px; background:#707070; border-top:2px solid #fff; border-bottom:2px solid #fff;}
.sca-index-percentage li .gauge .bar {background:transparent url(/images/sca-index-bar.png) no-repeat scroll; height:44px; margin-top:-2px;}
.sca-index-percentage li.today .gauge .bar {background-position:100% 0;}
.sca-index-percentage li.ytd .gauge .bar {background-position:100% -44px;}
.sca-index-percentage li.ytd {list-style-type:none;}

/* === CONTACT PAGE STYLES === */
.interior-content.stroke {border-bottom:1px solid #6F6F6F;}
.interior-content .contact-method {float:left; margin:0;}
.interior-content .contact-method.general {margin:0 105px 0 0;}
.interior-content .contact-method.support {margin:0 105px 0 0;}
.interior-content .contact-method.careers {margin:0;}
.interior-content .contact-method p {line-height:30px;}
.interior-content .contact-method p span {padding:0 0 0 35px; background:url(/images/bgd-phone-icon.png) no-repeat left center;}
.interior-content ul.error-message {border:2px solid #FF0004; padding:20px; margin:0 0 65px 0; text-align:center; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 400; font-style: normal;}
.interior-content .contact-form-wrapper {padding:25px 0 0 40px; border-left:2px solid #e2e2e2; margin:0 0 0 2px;}
.interior-content div#msgView {margin-top:-150px; padding-top:150px;}
.interior-content ul.error-message li {list-style-type:none; color:#FF0004; margin:0;}
.interior-content .success {border:2px solid #1DB006; padding:40px 40px 20px 40px;}
.interior-content .pennsylvania {width:475px; float:left;}
.interior-content .new-york {width:475px; float:right;}
.interior-content .address {float:left;}
.interior-content .contact {float:right; text-align:right;}

/* === SLIDING EFFECT === */
.cbp-so-init .scroller-side {opacity: 0; -webkit-transition: none; -moz-transition: none; transition: none;}
.cbp-so-init .scroller-side-left {-webkit-transform: translateX(-80px); -moz-transform: translateX(-80px); transform: translateX(-80px);}
.cbp-so-init .scroller-side-right {-webkit-transform: translateX(80px); -moz-transform: translateX(80px); transform: translateX(80px);}
.cbp-so-init .scroller-side-center {-webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px);}
.scroller-section.cbp-so-animate .scroller-side-left, .scroller-section.cbp-so-animate .scroller-side-right, .scroller-section.cbp-so-animate .scroller-side-center {-webkit-transition: -webkit-transform 0.8s, opacity 0.8s; -moz-transition: -moz-transform 0.8s, opacity 0.8s; transition: transform 0.8s, opacity 0.8s; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); opacity: 1;}

/* === VIDEO POSTER FRAME === */
.video {position: relative; padding-bottom: 56.25%; height: 0;}
.video img {position: absolute; display: block; top: 0; left: 0; z-index: 20; cursor: pointer; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease .0s; -o-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; transition: all .3s ease 0s;}
.video img:hover {opacity:.9;}
.video:after {content: ""; position: absolute; display: block; top: 40%; left: 40%; z-index: 30; cursor:default;} 
.video iframe {position: absolute; top: 0; left: 0;}
.video.player img { display: none;}
.video.player:after { display: none;}
.interior-content.testimonial-wrap .watch-testimonial {display:none;}
.interior-content img.mobile-poster {display:none;}
 
/* === FOOTER === */
#footer-wrap {background:#181818 url(/images/bgd-2px-colors.jpg) bottom center no-repeat;}
#footer-inner {width:980px; margin:0 auto;}
#footer-inner .footer-module {width:306px; margin:60px 0 65px 0; padding:0 10px; float:left; text-align:center;}
#footer-inner .footer-module h4 {font-family: 'Gotham A', 'Gotham B', Arial; font-weight: 500; font-style: normal; font-size:18px; color:#FFFFFF; text-transform:uppercase; letter-spacing:3px; line-height:23px; margin:0 0 30px 0;}
#footer-inner .footer-module p {font-family:Arial, Helvetica, "Gill Sans MT"; font-size:13px; line-height:17px; color:#BBBBBB; margin:0 0 15px 0;}
#footer-inner .footer-module p a {color:#BBBBBB;}
#footer-inner .footer-module #signup-form {background:#212121; width:255px; margin:25px 
auto 20px auto;}
#footer-inner .footer-module #signup-form .signup-field {background:none; border:none; outline:none; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; font-style: normal; font-size:15px; color:#23b7e1; width:170px; float:left; padding:10px 15px 10px 25px; margin:0;}
#footer-inner .footer-module #signup-form .signup-submit {margin:10px 0 0 0;}
#social-icons {position:relative;}
#social-icons img {margin:0 5px;}
#social-icons img.facebook, #social-icons img.youtube, #social-icons img.rss {margin-top:-6px;}
#social-icons a {top:0;}
#social-icons a:hover {position:relative; top:2px; opacity:.8;}
#assc-logos {text-align:center;}
#assc-logos img {margin:0 12px 15px 12px; float:left;}
#assc-logos img.truste {margin-left:0;}
#assc-logos img.espc {margin:4px 11px 15px 7px}
#assc-logos img.maawg {margin:4px 0 15px 5px;}
#assc-logos img.ota {margin:0 0 0 124px;}
.bottom-footer {background:#2B2B2B; border-bottom:1px solid #413d3e;}
.bottom-footer-inner {width:965px; margin:0 auto; padding:0 0 0 15px;}
.bottom-footer-inner img {margin:22px 0 0 0;}
.bottom-footer-inner p {float:left; font-family:Arial, Helvetica, "Gill Sans MT"; font-size:13px; line-height:17px; color:#4f4b4c; margin:20px 0 0 0;}
.bottom-footer-inner ul {overflow:auto; float:right;}
.bottom-footer-inner ul li {float:left; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 500; font-style: normal; font-size:13px;}
.bottom-footer-inner ul li a {display:block; text-decoration:none; color:#868686; text-transform:uppercase; padding:30px 15px; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease .0s; -o-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; transition: all .3s ease 0s;}
.bottom-footer-inner ul li a:hover {color:#42D1F5;}
.bottom-footer-inner .legal-links a {font-family:Arial, Helvetica, "Gill Sans MT"; font-size:13px; line-height:17px; color:#4f4b4c; text-transform:none; padding:20px 15px;}

@media only screen and (max-device-width: 480px) {
#container {padding:0;}
.hide {display:none;}
#top-nav-inner ul li.phone {display:none;}
#interior-container {padding:0;}
#hero-container {-webkit-background-size:auto; background-attachment:scroll; background-image:url(/images/bgd-retail-hero-1.jpg);}
#nav-wrap { position:relative; width: 100%;}
.logo-holder {float:left; margin:35px 0 0 15px;}
.shrink .logo-holder {margin:19px 0 0 15px;}
#main-nav-inner ul {overflow:visible;}
#main-nav-inner ul li div ul {width:980px;}
#main-nav-inner ul li div {display:none; visibility:visible; overflow: hidden; top:108px;}
#main-nav-inner ul li:hover div {opacity: 1; display: block;}
#interior-header h1 {width:930px;}
.interior-content {width:930px;}
.interior-content .services-listing {width:980px;}
.interior-content .two-column.hide {display:none;}
.interior-content .two-column, .dark-band .interior-content .two-column, .interior-content .three-column, .dark-band .interior-content .three-column, .interior-content .four-column, .dark-band .interior-content .four-column, .interior-content .two-column.first, .interior-content .two-column.second {float:none; width:100%; padding:0;}
.interior-content.mobile-feature, .interior-content.recommender-feature, .interior-content.email-feature, .interior-content.social-feature, .interior-content.web-feature, .interior-content.stores-feature, .interior-content.ups-feature {position:relative; padding:60px 0; width:930px;}
.interior-content.recommender-feature .short-paragraph {width:100%;}
.interior-content .solutions.two-column {text-align:left; padding-top:0; background:none;}
.interior-content .solutions.two-column.recommender h3 a, .interior-content .solutions.two-column.mobile h3 a, .interior-content .solutions.two-column.social h3 a, .interior-content .solutions.two-column.web h3 a, .interior-content .solutions.two-column.stores h3 a, .interior-content .solutions.two-column.email h3 a {background:none; padding-top:0;}
.interior-content .pennsylvania, .interior-content .new-york {width:100%; margin:0 0 30px 0; float:none;}
#recent-resources .recent.first, #recent-resources .recent.second, #recent-resources .recent.third {float:none; width:100%; margin:0 0 50px 0;}
.interior-content .core {width:190px;}
.interior-content #our-approach, .interior-content #strategy, .interior-content #creative, .interior-content #deliverability, .interior-content #implementation {padding:0; background:none;}
.interior-content .service-wrap .service-type, .interior-content .service-wrap p {float:none; width:auto;}
.interior-content .demandware, .interior-content .magento {width:450px; float:left;}
.interior-content .demandware img, .interior-content .magento img {width:450px;}
.child-categories {width:980px;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
#top-nav-inner ul li.phone {display:none;}
#container {padding:0;}
.hide {display:none;}
#interior-container {padding:0;}
#hero-container {-webkit-background-size:auto; background-attachment:scroll; background-image:url(/images/bgd-retail-hero-1.jpg);}
#nav-wrap { position:relative; width: 100%;}
.logo-holder {float:left; margin:35px 0 0 15px;}
.shrink .logo-holder {margin:19px 0 0 15px;}
#main-nav-inner ul {overflow:visible;}
#main-nav-inner ul li div ul {width:980px;}
#main-nav-inner ul li div {display:none; visibility:visible; overflow: hidden; top:108px;}
#main-nav-inner ul li:hover div {opacity: 1; display: block;}
#interior-header h1 {width:930px;}
.interior-content {width:930px;}
.interior-content .services-listing {width:980px;}
.interior-content .two-column.hide {display:none;}
.interior-content .two-column, .dark-band .interior-content .two-column, .interior-content .three-column, .dark-band .interior-content .three-column, .interior-content .four-column, .dark-band .interior-content .four-column, .interior-content .two-column.first, .interior-content .two-column.second  {float:none; width:100%; padding:0;}
.interior-content.mobile-feature, .interior-content.recommender-feature, .interior-content.email-feature, .interior-content.social-feature, .interior-content.web-feature, .interior-content.stores-feature, .interior-content.ups-feature {position:relative; padding:60px 0; width:930px;}
.interior-content.recommender-feature .short-paragraph {width:100%;}
.interior-content .solutions.two-column {text-align:left; padding-top:0; background:none;}
.interior-content .solutions.two-column.recommender h3 a, .interior-content .solutions.two-column.mobile h3 a, .interior-content .solutions.two-column.social h3 a, .interior-content .solutions.two-column.web h3 a, .interior-content .solutions.two-column.stores h3 a, .interior-content .solutions.two-column.email h3 a {background:none; padding-top:0;}
.interior-content .pennsylvania, .interior-content .new-york {width:100%; margin:0 0 30px 0; float:none;}
#recent-resources .recent.first, #recent-resources .recent.second, #recent-resources .recent.third {float:none; width:100%; margin:0 0 50px 0;}
.interior-content .core {width:190px;}
.interior-content #our-approach, .interior-content #strategy, .interior-content #creative, .interior-content #deliverability, .interior-content #implementation {padding:0; background:none;}
.interior-content .service-wrap .service-type, .interior-content .service-wrap p {float:none; width:auto;}
.interior-content .demandware, .interior-content .magento {width:450px; float:left;}
.interior-content .demandware img, .interior-content .magento img {width:450px;}
.child-categories {width:980px;}
}
@media print {
#interior-header h1 {text-shadow:none;}
.interior-content {padding:0;}
.interior-content.stroke {border:none;}
.interior-content .two-column.hide {display:none;}
#nav-wrap, #footer-wrap, .bottom-footer, img, .button {display:none;}
#interior-container {overflow:visible; padding:0;}
.cbp-so-init .scroller-side {opacity:1; -webkit-transition: -webkit-transform 0.8s, opacity 0.8s; -moz-transition: -moz-transform 0.8s, opacity 0.8s; transition: transform 0.8s, opacity 0.8s; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px);}
}