@charset "utf-8";
/* CSS Document */

html {overflow-y: scroll;}
body {background-color: #161b1f; font-family: 'Open Sans', sans-serif; margin: 0;}
a:link, a:visited {color: #4bb548; text-decoration: none;}
a:hover {color: #005eb8;}
a.white-on-blue {color: #fff; text-decoration: underline;}
a.white-on-blue:hover {text-decoration: none;}
#toolbar-container {background-color: #e5e5e5; color: #333; height: 35px; font-size: 11px; line-height: 35px; position: fixed; width: 100%;}
#toolbar {margin: auto; text-align: right; width: 980px;}
#toolbar a {border-right: 1px solid rgba(0, 0, 0, .1); color: #333; display: inline-block; padding: 0 10px; text-decoration: none; text-transform: uppercase;}
#toolbar a:hover {color: #000;}
#toolbar span {font-weight: bold; padding: 0 10px;}
#toolbar-spacer {height: 35px;}
#header-container {background-color: #000; height: 90px; width: 100%;}
#header {margin: auto; width: 980px;}
#logo-container {float: left; padding: 0 20px;}
#logo-container img {border: none; display: block;}
#main-navigation {float: right;}
#main-navigation ul {list-style: none; margin: 0; padding: 0;}
#main-navigation li {float: left;}
#main-navigation li a {color: #fff; display: block; height: 90px; line-height: 90px; padding: 0 20px; text-decoration: none; text-transform: uppercase;}
#main-navigation li a:hover {background-color: #fff; color: #000;}
#quote-container {background-color: #005eb8; width: 100%;}
.breadcrumb {font-size: 13px; margin-bottom: 20px;}
a.button:link, a.button:visited {background-color: #005eb8; box-shadow: 0 0 5px #333; color: #fff; display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: bold; padding: 10px; text-decoration: none; text-transform: uppercase;}
a.button:hover {background-color: #4bb548;}
a.button-2:link, a.button-2:visited {background-color: #005eb8; color: #fff; display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: bold; padding: 10px; text-decoration: none; text-transform: uppercase;}
a.button-2:hover {background-color: #4bb548;}
a.button2:link, a.button2:visited {background-color: #005eb8; border-radius: 0; color: #fff; display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 19px; font-weight: bold; padding: 10px; text-decoration: none; text-transform: uppercase; width: 300px;}
a.button2:hover {background-color: #4bb548;}
a.button3:link, a.button3:visited {background-color: #005eb8; border-radius: 0; color: #fff; display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 19px; font-weight: bold; padding: 10px; text-decoration: none; text-transform: uppercase; width: 200px;}
a.button3:hover {background-color: #4bb548;}
#quote {color: #fff; font-size: 19px; font-weight: 300; margin: auto; max-width: 980px; text-align: center; width: 100%;}
#quote p {margin: 0;}
#quote p:nth-child(2) {margin-top: 20px;}
#main-container {background-color: #fff; color: #2e3b4e; font-size: 19px;}
#main {margin: auto; width: 980px;}
#main p:last-child {margin-bottom: 0;}
#main-container-2 {background-color: #f2f2f2; border-top: 1px solid #ccc;}
#sub-navigation a:link, #sub-navigation a:visited {color: #333; float: left; font-size: 13px; line-height: 60px; margin: 0 30px 0 0; text-decoration: none; text-transform: uppercase;}
#sub-navigation a:hover {color: #000;}
h1 {font-size: 40px; font-weight: 400; margin: 0 0 20px 0; text-align: center;}
h2 {font-size: 19px; font-weight: 300; margin: 0 0 40px 0; text-align: center;}
.column-33 {float: left; font-size: 16px; font-weight: 400; margin: 0 40px 0 0; text-align: center; width: 287px;}
.column-33:last-child {margin: 0;}
.column-50 {float: left; font-size: 13px; font-weight: 400; margin: 0 40px 0 0; text-align: center; width: 450px;}
.column-50:last-child {margin: 0;}
.column-title {font-weight: bold; font-size: 16px;}
.column-copy {padding: 0;}
.column-link a {color: #4bb548; font-weight: bold; text-decoration: none;}
.column-link a:hover {color: #000;}
#footer-container {background-color: #2b353d; color: #fff; font-size: 13px; overflow: hidden; width: 100%;}
#footer {margin: auto; width: 980px;}
#footer-navigation ul {list-style: none; margin: 0; padding: 0;}
#footer-navigation li {float: left; margin-right: 20px;}
#footer-navigation li a {color: rgba(255, 255, 255, .75); font-weight: 300; text-decoration: none; text-transform: uppercase;}
#footer-navigation li a:hover {color: rgba(255, 255, 255, 1);}
#footer ul {list-style: none; margin: 0; padding: 0;}
#social-icon-container {border-top: 1px solid rgba(255, 255, 255, .75); margin: 20px 0;}
#social-icons {padding: 20px 0; text-align: right;}
#copyright-container {background-color: #161b1f; color: #6c7980; font-size: 13px;}
#copyright {margin: auto; width: 980px;}
a.video-button:link, a.video-button:visited {background-color: #005eb8; box-shadow: 0 0 10px #333; color: #fff; display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: bold; padding: 10px; text-decoration: none; text-transform: uppercase;}
a.video-button:hover {background-color: #4bb548;}
.ca-more {background-color: #4bb548; color: #fff; display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: normal; margin: 10px 0 0 0; padding: 5px; position: relative; text-decoration: none; transition: background-color 300ms ease-in-out;}
.ca-more:hover {background-color: #333; transition: background-color 300ms ease-in-out;}
.learn-more {color: #4bb548; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: bold; text-decoration: none;}
.learn-more:hover {color: #333;}

.demo-input {background-color: rgba(204, 204, 204, .25); border: 1px solid #ccc; border-radius: 3px; color: #666666; font-size: 16px; padding: 10px; width: 408px;}
.demo-button {background-color: #005eb8; border: none; border-radius: 3px; color: #fff; display: block; font-size: 16px; margin-left: 235px; padding: 10px; text-transform: uppercase; width: 430px;}
.demo-button:hover {background-color: rgba(0, 94, 184, .5); cursor: pointer;}

.full_width {width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 0; padding-left: 0; clear: both;}
.scrolling_brands .brand_images {background: url(../images/brand-images.png) repeat-x left top; left: 0; position: absolute; top: 0; height: 280px;}
.scrolling_brands {position: relative; height: 280px;}
.top_bkgd {height: 140px; left: 0; position: absolute; top: 0;}

#event-container {width: 980px;}
.event-row {background-color: #fff; border-bottom: dashed 1px #ccc; font-family: 'Open Sans', sans-serif; font-size: 16px; overflow: hidden; padding: 20px 0;}
.event-row:nth-last-child(1) {border-bottom: none;}
.gray {background-color: #eee;}
#event-container p {margin: 0;}

a#p-buyiq:hover > #buyiq {background: url(../images/icons/product-buyiq-2.png) no-repeat center; background-size: 128px; height: 128px;}
a#p-scangenius:hover > #scangenius {background: url(../images/icons/product-scangenius-2.png) no-repeat center; background-size: 128px; height: 128px;}
a#p-buyinggenius:hover > #buyinggenius {background: url(../images/icons/product-buyinggenius-2.png) no-repeat center; background-size: 128px; height: 128px;}
a#p-suppliergenius:hover > #suppliergenius {background: url(../images/icons/product-suppliergenius-2.png) no-repeat center; background-size: 128px; height: 128px;}
a#p-brand-solutions:hover > #brand-solutions {background: url(../images/icons/product-brand-solutions-2.png) no-repeat center; background-size: 128px; height: 128px;}
a#p-webgenius:hover > #webgenius {background: url(../images/icons/product-webgenius-2.png) no-repeat center; background-size: 128px; height: 128px;}
a#p-mobilegenius:hover > #mobilegenius {background: url(../images/icons/product-mobilegenius-2.png) no-repeat center; background-size: 128px; height: 128px;}
a#p-loyaltygenius:hover > #loyaltygenius {background: url(../images/icons/product-loyaltygenius-2.png) no-repeat center; background-size: 128px; height: 128px;}

#buyiq {background: url(../images/icons/product-buyiq-1.png) no-repeat center; background-size: 128px; height: 128px;}
#scangenius {background: url(../images/icons/product-scangenius-1.png) no-repeat center; background-size: 128px; height: 128px;}
#buyinggenius {background: url(../images/icons/product-buyinggenius-1.png) no-repeat center; background-size: 128px; height: 128px;}
#suppliergenius {background: url(../images/icons/product-suppliergenius-1.png) no-repeat center; background-size: 128px; height: 128px;}
#brand-solutions {background: url(../images/icons/product-brand-solutions-1.png) no-repeat center; background-size: 128px; height: 128px;}
#webgenius {background: url(../images/icons/product-webgenius-1.png) no-repeat center; background-size: 128px; height: 128px;}
#mobilegenius {background: url(../images/icons/product-mobilegenius-1.png) no-repeat center; background-size: 128px; height: 128px;}
#loyaltygenius {background: url(../images/icons/product-loyaltygenius-1.png) no-repeat center; background-size: 128px; height: 128px;}