/* ### GLOBAL  STYLING ### */
body {
	margin:0;
	font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4 {
	margin:0;
	color:#323232;
	font-weight:600;
}
h1 {
	font-size:24px;
	margin-bottom:20px;
}
h2 {
	font-weight:normal;
	font-size:20px;
}
a {
	color:#323232;
	text-decoration:none;
}

a img {
	border:0;
}

table {
	border-collapse:collapse;
}
/* ### MAIN LAYOUT ### */

#takeover-header {
	height:60px;
	width:100%;
	background: url("http://origin.media.cdn.pagesuite.com/Website/media/images/takeover-banner/background.png");
	text-align:center;
}

#takeover-header img{
	margin-right:20px;
}

@media all and (max-width:450px) {
	#coming-soon {
		display:none;
	}
}
@media all and (min-width:451px) {
	#coming-soon {
		display:initial;
	}
}


#cap {
    width:220px !important;

}

    #cap img {
        width:50px !important;
    }


#wrapper {
	width:1024px;
	margin:0 auto;
}
#masthead {
	margin:22px 0 0 0;
}
#main {
	margin-top:22px;
    /*margin-bottom:23px;*/
}

	#main > div {
		width:72px;
		text-align:center;

	}

#main > div:not(:last-of-type) {
	padding-right:28px;
	padding-left:27px;
    /*float:left;*/
    display:inline-block;
}
#main > div:last-of-type {
	display: inline-block;
    margin: 0;
    padding-left: 27px;
}

#main .navHover:first-of-type {
    /*float: left;*/
    padding-left:0;
}

.menu {
	text-align:left;
	padding-bottom:5px;
	padding-top:5px;
    font-size:13px;
}

.menu li {
    clear: both;
    display: inline-block;
    margin-left:-20px;
    margin-right: 40px;
    margin-top: 2px;
}

.menu a {
        /*color:white;*/
}

    .menu a:hover {
        /*color:#cd0000;*/
	   color:#707070;
    }

/*#main a:hover {
	color:#cd0000;
}*/
.current {
	color:#cd0000;
}
#right {
	float:right;
	font-size:12px;
	text-align:right;
}
#right a {
	margin-right:22px;
}
#right a:last-of-type {
	margin-right:0;
}
#right a:hover {
	color:#cd0000;
}
.tel {
	margin:10px 0 0 0;
	font-size:14px;
	color:#646464;
}
#content {
	width:960px;
	margin:20px auto 0;
	/*padding:30px 0;*/
    padding-bottom:30px;
	color:#646464;
	font-size:14px;
}
#content a {
	color:#cd0000;
}

footer {
	background:#ebebeb;
	padding:53px 32px 28px 32px;
}
footer h3 {
	margin-bottom:20px;
	font-weight:normal;
}
#links, #social, #promo {
	width:320px;
	float:left;
}
#nest {
	margin:0 auto;
	width:185px;
}
#links ul {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
#links ul:first-of-type{
	margin-right:50px;
}
#links li {
	font-size:12px;
	line-height:24px;
}
#child {
	float:right;
	width:165px;
}
#promo input {
	display:block;
	box-sizing:border-box;
	height:38px;
	width:165px;
	font-size:16px;
}
#promo input[type=email] {
	text-align:center;
	margin-bottom:5px;
}
#promo input[type=submit] {
	background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/grey-button.png') repeat-x;
	border:none;
	color:#fff;
}
.legal {
	clear:both;
	text-align:center;
	font-size:11px;
	padding-top:40px;
	margin:0;
}
/* Social Network Icons */

.social-sprites {
	background:url("http://origin.media.cdn.pagesuite.com/Website/media/images/theme/wholeSprite.png");
}

.twitter-icon, .linkedin-icon, .facebook-icon, .youtube-icon, .pinterest-icon, .google-plus-icon {
	display:inline-block;
	width:35px;
	height:35px;
}
.twitter-icon, .linkedin-icon, .youtube-icon, .pinterest-icon {
	margin-right:35px;
}
.youtube-icon, .pinterest-icon, .google-plus-icon {
	margin-top:30px;
}
.twitter-icon {
	/*background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/twitter-icon.png');*/
	background-position:-575px 0px;
}
.twitter-icon:hover {
	/*background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/twitter-icon-hover.png');*/
	background-position:-620px 0px;
}
.linkedin-icon {
	/*background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/linkedin-icon.png');*/
	background-position:-342px 0px;
}
.linkedin-icon:hover {
	/*background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/linkedin-icon-hover.png');*/
	background-position:-387px 0px;
}
.facebook-icon {
	/*background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/facebook-icon.png');*/
	background-position:0px 0px;
}
.facebook-icon:hover {
	/*background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/facebook-icon-hover.png');*/
	background-position:-45px 0px;
}
.youtube-icon {
	/*background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/youtube-icon.png');*/
	background-position:80px 0px;
}
.youtube-icon:hover {
	/*background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/youtube-icon-hover.png');*/
	background-position:35px 0px;
}
.pinterest-icon {
	/*background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/pinterest-icon.png');*/
	background-position:314px 0px;
}
.pinterest-icon:hover {
	/*background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/pinterest-icon-hover.png');*/
	background-position:269px 0px;
}
.google-plus-icon {
	/*background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/google-plus-icon.png');*/
	background-position:-198px 0px;
}
.google-plus-icon:hover {
	/*background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/google-plus-icon-hover.png');*/
	background-position:-243px 0px;
}
/* ### PAGE TEMPLATES ### */
/* Two Column Page */
#col-one, #col-two {
	float:left;
	width:455px;
}
#col-one {
	padding-right:25px;
}
#col-two {
	padding-left:25px;
}
/* ### PAGES, FEATURES AND OTHER STYLING ### */
/* Homepage */
.info {
	width:220px;
	height:240px;
	float:left;
	background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/dotted-line.png') right no-repeat;
	margin:50px 0;
	padding:0 50px;
	text-align:center;
}
.info:last-of-type {
	background:none;
}
.info h2 {
	margin-top:15px;
}
/* Product Overview Page */
.product {
	width:285px;
	float:left;
	background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/horizontal-dotted-line.png') bottom repeat-x;
	margin-top:30px;
	padding:0 15px 30px 180px;
}
.product:nth-last-of-type(-n+2) {
	background:none;
	padding-bottom:0px;
}
.product-icon {
	float:left;
	margin-left:-180px;
}
/* Product sub-pages */
.feature {
	background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/horizontal-dotted-line.png') bottom repeat-x;
	padding-top:20px;
	padding-bottom:25px;
    position:relative;
    display:table;
}
.feature:last-of-type {
	background:none;
	padding-bottom:0;
}
.left-img {
	/*float:left;*/
	display:table-cell;
	vertical-align:middle;
	margin-right:30px;
}
.right-img, .vid {
	float:right;
	display:table-cell;
	vertical-align:middle;
	margin-left:30px;
}

.feature .productDescription {
    /*float:right;*/
    /*height:100%;*/
    /*padding-top:4%;*/
    width:50%;
    display:table-cell;
    vertical-align:middle;
}

.navigationholder {
  width: 600px;
  margin:auto;
  display: flex;
  justify-content: space-between;
}

.navitem {
  display: inline-block;
  width:110px;
  height:95px;
  margin: auto;
  background-size: cover;
  cursor: pointer;
}

/*Products nav bar CSS*/

#online-replica {
  background-image: url("http://origin.media.cdn.pagesuite.com/Website/media/images/theme/online-replica.png")
}

#app-replica {
  background-image: url("http://origin.media.cdn.pagesuite.com/Website/media/images/theme/app-replica.png")
}

#app-replica-feed {
  background-image: url("http://origin.media.cdn.pagesuite.com/Website/media/images/theme/app-replica-feed.png")
}

#custom-app {
  background-image: url("http://origin.media.cdn.pagesuite.com/Website/media/images/theme/custom-app.png")
}

/*Nav items highlighted*/

#online-replica:hover, #online-replica-highlighted {
  background-image: url("http://origin.media.cdn.pagesuite.com/Website/media/images/theme/online-replica-active.png");
  -webkit-transition: background-image 0.2s ease-in-out;
  transition: background-image 0.2s ease-in-out;
}

#app-replica:hover, #app-replica-highlighted {
  background-image: url("http://origin.media.cdn.pagesuite.com/Website/media/images/theme/app-replica-active.png");
  -webkit-transition: background-image 0.2s ease-in-out;
  transition: background-image 0.2s ease-in-out;
}

#app-replica-feed:hover, #app-replica-feed-highlighted {
  background-image: url("http://origin.media.cdn.pagesuite.com/Website/media/images/theme/app-replica-feed-active.png");
  -webkit-transition: background-image 0.2s ease-in-out;
  transition: background-image 0.2s ease-in-out;
}

#custom-app:hover, #custom-app-highlighted {
  background-image: url("http://origin.media.cdn.pagesuite.com/Website/media/images/theme/custom-app-active.png");
  -webkit-transition: background-image 0.2s ease-in-out;
  transition: background-image 0.2s ease-in-out;
}

.noBG {
	background:none;
}

.grid {
	float:left;
	width:170px;
	padding-left:40px;
	margin-right:40px;
	margin-bottom:40px;
}
.grid img {
	float:left;
	margin-left:-40px;
}
.grid p {
	margin:5px 0 0 0;
}
/* Pricing Table */
table.pricing {
	width:960px;
}
table.pricing a {
	color:#fff !important;
	font-size:16px;
}
table.pricing a:hover {
	/*border-bottom:1px dotted;*/
}
table.pricing thead th {
	padding:15px 0;
	color:#323232;
	font-weight:600;
}
table.pricing thead td {
	vertical-align:top;
	padding-right:15px;
}
table.pricing tbody td:not(:first-child) {
	text-align:center;
	color:#fff;
}
table.pricing tfoot td:not(:first-child) {
	background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/shadow-overlay.png') repeat;
	padding:15px 0;
	text-align:center;
}
table.pricing tr:last-child td {
	border-bottom:none;
}

/*New addition to space columns evenly (by beaney)*/
table.pricing td {
  width: 20%;
}

.white {
  color: white;
}

.red, .orange, .blue, .purple, .dark-blue, .teal {
	width:150px;
}

.turquoise {
  background:#6cabc3;
}

.red {
	background:#e8224b;
}
.orange {
	background:#ff935e;
}
.teal {
    background:#377ec1;
}
.blue {
	background:#96dcd9;
}
.purple {
	background:#8654a2;
}
.dark-blue {
	background:#f4b246;
}

.light-green {
  background: #7fb990;
}

.grey {
	background:#e1e1e1;
	height:40px;
	border-bottom:1px solid #969696;
	padding:0 10px;
}
.demo-request {
    padding:12px;
    font-size:larger;
}
.more-button {
    padding: 5px 25px;
    border: 1px solid white;
    color: white;
}

.more-button:hover {
  background:rgba(255,255,255, 0.3);
  -webkit-transition: background 0.5s ease-in-out;
  transition: background 0.5s ease-in-out;
  cursor: pointer;
}

.title, .price {
	display:block;
}
.title {
	margin-top:10px;
	font-size:large;
  color: white;
}
.price {
	margin:10px 0;
	color:#fff;
	font-size:larger;
}
/* Partners Table */
table.partners {
	width:480px;
	float:right;
	margin-left:30px;
}
table.partners span {
	display:block;
}
table.partners thead th {
	padding:15px 0;
	color:#323232;
	font-weight:normal;
}
table.partners thead td {
	vertical-align:top;
	padding-right:10px;
}
table.partners tbody td:not(:first-child) {
	color:#fff;
	text-align:center;
	padding:15px 0;
}
table.partners tr:last-child td {
	border-bottom:none;
}
table.partners .bronze, table.partners .silver, table.partners .gold {
	width:110px;
}
table.partners .x-large {
	margin-top:15px;
}
.side {
	background:#e1e1e1;
	border-bottom:1px solid #969696;
	padding:0 10px;
}
.bronze {
	background:#8a7a55;
}
.silver {
	background:#cac9c8;
}
.gold {
	background:#b38a35;
}
/* Tiers table */
table.tiers {
	width:960px;
}
table.tiers span {
	display:block;
}
table.tiers tr:last-child td {
	border-bottom:none;
}
table.tiers thead th {
	padding:15px 0;
	color:#323232;
	font-weight:normal;
}
table.tiers thead td {
	vertical-align:top;
	padding-right:15px;
}
table.tiers tbody td:not(:first-child) {
	text-align:center;
}
table.tiers .bronze, table.tiers .silver, table.tiers .gold {
	width:200px;
}
table.tiers .side {
	height:40px;
}
.prices {
	font-size:x-large;
	color:#fff;
}
table.tiers .title {
	margin-bottom:10px;
}
/* Clients Page */
.toggle img {
	border:1px solid #ededed;
	margin-bottom:43px;
	margin-right:43px;
}
.toggle img:hover {
	background:#ededed;
}
.study {
	display:none;
	background:#ededed;
	padding:30px;
	margin-bottom:43px;
}
.study img {
	float:left;
	margin-right:20px;
}
/* Contact Page */
#contact-form {
	float:right;
	width:340px;
	background:#969696;
	padding:30px;
	margin-left:20px;
	color:#fff;
}
#contact-form h2 {
	color:#fff;
	margin-bottom:20px;
}

#contact-form input, #contact-form textarea {
	width:100%;
	display:block;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
	padding:0 10px;
}
#contact-form input[type=text], #contact-form input[type=email], #contact-form input[type=tel] {
	height:32px;
	font-size:14px;
}
#contact-form input[type=submit] {
	background:#cd0000;
	height:38px;
	margin-top:5px;
	border:0;
	color:#fff;
	font-size:18px;
    width:342px;
}

#contact-form label {
	display:block;
	margin:5px 0;
}

#contact-form textarea {
    height:140px;
	padding:10px;
	font-size:14px;
    width:338px;
    overflow:auto;
}

.contact {
	float:left;
	width:270px;
    height:270px;
	margin-top:20px;
}

textarea {
	font-family: inherit;
}
/* Frequently Asked Questions Section */
#faq {
	width:300px;
	float:right;
	background:#e1e1e1;
	margin:0 0px 30px 30px;
	padding:30px;
}
#faq li {
	line-height:22px;
}
#faq hr {
	height:1px;
	background:#969696;
	border:0;
}
.dotted-line {
	height:5px;
	background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/horizontal-dotted-line.png') bottom repeat-x;
	border:0;
}
/* Careers Page */
.career {
	background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/horizontal-dotted-line.png') bottom repeat-x;
	padding:30px 0 30px 100px;
}
.career:first-of-type {
	padding-top:0;
}
.career:last-of-type {
	background:none;
	padding-bottom:0;
}
.career-icon {
	float:left;
	margin-left:-100px;
}
.key-skills {
	width:300px;
	float:right;
	background:#e1e1e1;
	margin:0 0 20px 20px;
	padding:30px;
}
/* Image Slider */
#slider-container {
	position:relative;
	width:1024px;
}
#prev-slide, #next-slide {
	position:absolute;
	width:30px;
	height:100px;
	top:135px;
}
#prev-slide {
	left:1%;
	/*background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/left-arrow.png') left center no-repeat;*/
	background-position:-313px 40px;
	background-repeat:no-repeat;
}
#next-slide {
	right:1%;
	/*background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/right-arrow.png') right center no-repeat;*/
	background-position:-538px 40px;
	background-repeat:no-repeat;
}
#prev-slide:hover {
	/*background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/left-arrow-lighter.png') left center no-repeat;*/
	background-position:-286px 40px;
	background-repeat:no-repeat;
}
#next-slide:hover {
	/*background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/right-arrow-lighter.png') right center no-repeat;*/
	background-position:-511px 40px;
	background-repeat:no-repeat;
}
/* Framed Slider */
#frame {
	width:621px;
	height:500px;
	background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/product-shots/dynamic-apps-frame.png') no-repeat;
	padding-left:57px;
	padding-top:50px;
	/*float:left;*/
	margin-right:30px;
	display:table-cell;
}

#liveFrame {
	width:621px;
	height:500px;
	background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/product-shots/Live-Apps-Frame.png') no-repeat;
	padding-left:56px;
	padding-top:49px;
	/*float:left;*/
	margin-right:30px;
	display:table-cell;
}
#small-container {
	position:relative;
	width:557px;
}
#go-back, #go-next {
	position:absolute;
	width:30px;
	height:100px;
	top:158px;
}
#go-back {
	left:1%;
	/*background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/frame-left-arrow.png') left center no-repeat;*/
	background-position:-115px 41px;
	background-repeat:no-repeat;
}
#go-next {
	right:1%;
	/*background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/frame-right-arrow.png') right center no-repeat;*/
	background-position:-160px 41px;
	background-repeat:no-repeat;
}
#go-back:hover {
	/*background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/frame-left-arrow-lighter.png') left center no-repeat;*/
	background-position:-88px 41px;
	background-repeat:no-repeat;
}
#go-next:hover {
	/*background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/frame-right-arrow-lighter.png') right center no-repeat;*/
	background-position:-133px 41px;
	background-repeat:no-repeat;
}
/* Callback & Demo Request Forms */
#callback {
	background:#969696;
	width:340px;
	padding:30px;
	color:#fff;
}
#callback h2 {
	color:#fff;
	margin-bottom:20px;
}

#callback input {
	width:100%;
	display:block;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
	padding:0 10px;
	height:32px;
	font-size:14px;
	margin-bottom:5px;
    border:none;
}
#callback input[type=submit] {
	background:#cd0000;
	height:38px;
	margin-top:5px;
	border:0;
	color:#fff;
	font-size:18px;
    width:342px;
}
#callback input[type=checkbox] {
	display:inline;
	width:10%;
	height:15px;
	margin:0;
}
#callback label {
	display:block;
	margin:5px 0;
}

#callback textarea {
    width:338px;
    overflow:auto;
}

/* Floating Request buttons (side) */
#request-callback, #request-demo {
	display:inline-block;
	width:75px;
	height:170px;
	position: fixed;
	margin-top:-85px;
	top:50%;
	right:0;
}
#request-callback {
	background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/request-callback.png');
}
#request-demo {
	background:url('http://origin.media.cdn.pagesuite.com/Website/media/images/theme/request-demo.png');
}
/* In-page Navigation */
#tertiary-nav {
	float:right;
}
#tertiary-nav a {
	color:#323232;
}
.selected {
	border-bottom:1px dotted;
}
/* ### FONT-RELATED CLASSES ### */
.light {
	font-weight:300;
}
.normal {
	font-weight:normal;
}
.demi-bold {
	font-weight:600;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.underline {
	text-decoration:underline;
}
.small-caps {
	font-variant:small-caps;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}
.centre {
	text-align:center;
}
.justify {
	text-align:justify;
}
.xx-small {
	font-size:xx-small;
}
.x-small {
	font-size:x-small;
}
.small {
	font-size:small;
}
.medium {
	font-size:medium;
}
.large {
	font-size:large;
}
.x-large {
	font-size:x-large;
}
.xx-large {
	font-size:xx-large;
}
/* ### MISCELLANEOUS ### */
/* Float Clearing */
.clear-fix {
	clear:both;
}
/* "No margins" */
.no-margin {
	margin:0;
}
.no-margin-ri {
	margin-right:0 !important;
}
.no-margin-bo {
	margin-bottom:0 !important;
}
/* Other */
.block {
	display:block;
}
.push-down {
	height:50px;
}
.invisi-link {
	color:inherit !important;
}
.call-to-action-spec {
	margin-top:35px;
}

.navHover .menu {
    display:none;
    background-color:#ebebeb;
    /*opacity:0.7;*/
    position:absolute;
    top:45px;
    z-index:30;
    width:984px;
    /*height:30px;*/
    vertical-align:middle;
    list-style-type:none;
    margin:0;
    padding:20px;
}

.navHover:hover .menu {
	display: block !important;
}

.navHover:hover .triangle {
    display:block;
}

.menu-row {
    display:inline-table;
    width:100%;
    font-size:15px;
}

    .menu-row .menu-subheader {
        display:table-cell;
        width:25%;
        font-weight:bold;
    }

    .menu-row > a {
        width:25%;
        display:table-cell;
        vertical-align:top;
    }

.red-link {
    color:#cd0000;
    margin-top:15px;
}

.menu-desc {
    margin-top:10px;
    width:80%;
}

#menuHaver {
	position:relative;
	display:none;
}

.triangle {
    display:none;
    border-bottom: 15px solid #ebebeb;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    height: 0;
    left: 22px;
    /*opacity: 0.8;*/
    position: absolute;
    top: 30px;
    width: 0;
}

#adminForm {
}

    #adminForm .formLabel {
        color:#323232;
        text-align:left;
    }

    #adminForm .formLogin {
        float:right;
        margin-top:2px;
    }

    #adminForm .formButton {
        background: url("http://origin.media.cdn.pagesuite.com/Website/media/images/theme/grey-button.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
        border: medium none;
        color: #FFFFFF;
        font-family: 'Open Sans', sans-serif;
        font-weight:bold;
        float:left;
        margin-top:3px;
    }

    #adminForm .loginFail {
        text-align:left;
    }

    #adminForm .formCheckBox input {
        vertical-align:-1px;
        display:none;
    }

    #adminForm .formCheckBox label {
        float:left;
    }

#adminStoriesGrid
{
    word-wrap:break-word;
    hyphens: auto;
}

.scrollArea:hover {
    /*cursor:move;*/
}


/*Solutions overview specific*/

.solution {
	display:table-cell;
	margin-top:30px;
	padding: 25px 0 30px 0;
	width:25%;
}

#solutionContent {
	text-align:center;
}

.solution h2 {
	text-align:center;
}

.solution p {
	/*margin-left: 23px;
    width: 240px;*/
    padding:0 25px;
    margin-bottom:30px;
}

.examplePubs {
			background:none;
			padding-left:50px;
			padding-right:50px;
		}

		.needsBorder {
			border:1px solid #e1e1e1;
			margin-right:100px;
		}

#ResourceNavigation {
    text-align:center;
    margin-top:20px;
    margin-bottom:60px;
}

.itemDiv {
    /*margin-right:auto;
    margin-left:auto;*/
    text-align:center;
    display:inline-block;
    text-align:center;
}

    .itemDiv img {
        margin-left:auto;
        margin-right:auto;
    }

.products-nav, .sectors-nav {
    width:110px;
    height:95px;
    display:block;
    background: url('http://origin.media.cdn.pagesuite.com/Website/updated-nav/products/productnav-sprite.png');
    background-repeat:no-repeat;
}

.sectors-nav {
    background: url('http://origin.media.cdn.pagesuite.com/Website/updated-nav/sectors/sectorsnav-sprite.png');
}

.resources-nav {
    background: url('http://origin.media.cdn.pagesuite.com/Website/updated-nav/resources/resourcesnav-sprite.png');
}

.products-nav.online-replica {
    background-position: 0 0;
}
.products-nav.online-replica:hover, .products-nav.online-replica.current {
    background-position: -110px 0;
}

.products-nav.app-replica {
    background-position: -220px 0;
}
.products-nav.app-replica:hover, .products-nav.app-replica.current {
    background-position: -330px 0;
}

.products-nav.app-feed-replica {
    background-position: -440px 0;
}
.products-nav.app-feed-replica:hover, .products-nav.app-feed-replica.current {
    background-position: -550px 0;
}

.products-nav.custom-app {
    background-position: -660px 0;
}
.products-nav.custom-app:hover, .products-nav.custom-app.current {
    background-position: -770px 0;
}