/*
	wk green #7bc143
	medium green #52812d (links)
	darkest green #2a4117 (sub headings)
*/

html {margin: 0; padding: 0;}
body {font-family:  arial, verdana, helvetica, sans-serif; margin: 0; padding: 0; font-size: 62.5%; background: #fff;}

table {font-size: 1em;}
.container {width: 960px; min-width: 766px; margin: 0 auto;}


/*.wrap {background: transparent; width: 960px; margin: 0 auto; padding: 0 0 10px;}*/
.wrap {width: 960px; margin: 0 auto; padding: 0 15px;}
#div__body {background: #fff; width: 960px; margin: 0 auto !important; border-left: solid 1px #ddd; border-right: solid 1px #ddd; box-shadow: 0 1px 2px rgba(0,0,0,0.1); padding: 0 0 10px;}
#div__body p, #div__body li {font-size: 12px;}


/* HEADER */
.header {background: #fff url('/images/cdi/bg-nav.jpg?v=12115') repeat-x; background-position: 0 -30px; padding-top: 11px; text-align: left; font-family:  'Open Sans', arial, verdana, helvetica, sans-serif;}
.nav {background: #52812d url('/images/cdi/bg-nav.jpg?v=12115') repeat-x top left; clear: both; z-index: 20; height: 33px;}
.nav ul {margin: 0; padding: 8px 20px; z-index: 20;}
.nav li {display: inline; position: relative; text-transform: uppercase; z-index: 20;}
.nav li a {background: #fff; margin: 0 1em 0 0; padding: 3px 1em; border-radius: 0.5em; font-size: 12px; box-shadow: inset 2px 2px 3px rgba(0,0,0,0.1); text-decoration: none; color: #666; transition: linear 0.2s background;}
.nav li a:link {text-decoration: none; color: #52812d; background: #fff;}
.nav li a:visited {text-decoration: none; color: #52812d; background: #fff;}
.nav li a:hover {text-decoration: none; color: #fff;}
.nav li a:active {text-decoration: none; color: #52812d; background: #bbb;}
.nav ul li:hover a {background: #bbb; color: #fff;}
.header .social-media {float: right; clear: right; margin: 0 0 8px; padding: 0;}
.header .social-media li {display: block; float: left; margin: 0; padding: 0;}
.header .social-media li.facebook {border-right: solid 1px #ccc; margin-right: 4px; padding-right: 4px;}
.header .social-media li.facebook a {height: 15px; width: 15px; background: url('/images/cdi/social-icons_sp.jpg?v=12115') no-repeat top left; text-indent: -99999px; display: block; background-position: 0 -2px;}
.header .social-media li.twitter a{height: 15px; width: 15px; background: url('/images/cdi/social-icons_sp.jpg?v=12115') no-repeat top left; text-indent: -99999px; display: block; background-position: 0 -26px;}
.header .social-media li.twitter {}
.secondary-nav {float: right; margin: 0 10px 0 0; padding: 0; position: relative; text-align: right;}
.secondary-nav li {display: inline; margin: 0; padding: 0;}
.secondary-nav li a {font-size: 1.1em; margin: 0 0 0 8px; color: #666; color: #006eb3;}
.secondary-nav a:link {color: #006eb3; text-decoration: underline;}
.secondary-nav a:visited {color: #006eb3; text-decoration: underline;}
.secondary-nav a:hover {color: #19A7FF; text-decoration: underline;}
.secondary-nav a:active {color: #006eb3; text-decoration: underline;}
.secondary-nav .no-link a {color: #333; font-weight: 600; text-decoration: none;}
.cdi-logo {margin: 30px 0 0; max-width: 100%; display: inline;}
.wk-logo-top {width: 200px; height: 57px; background: url('/images/cdi/wk-logo-200px.jpg?v=12115') no-repeat; float: right; text-indent: -99999px; margin: 2px 0 0; padding: 0;}

.webstore-nav {float: right; position: relative;}
.webstore-nav > a {color: #fff; line-height: 33px; font-size: 1.2em; text-transform: uppercase; font-weight: 600; padding: 0 10px; display: block; transition: linear 0.2s background;}
.webstore-nav > a:link {color: #fff; text-decoration: none;}
.webstore-nav > a:visited {color: #fff; text-decoration: none;}
.webstore-nav > a:hover {color: #fff; text-decoration: none;}
.webstore-nav > a:active {color: #fff; text-decoration: none;}

.webstore-nav.active > a {background: rgba(0,0,0,0.2);}
.webstore-nav a i {font-size: 1.8em; margin-right: 6px; top: 2px; position: relative;}
.webstore-nav ul {position: absolute; top: 33px; right: 0; margin: 0; padding: 0; display: block; opacity: 0; transition: opacity 0.2s ease-in-out; visibility: hidden;}
.webstore-nav.active ul {visibility: visible; opacity: 1;}
.webstore-nav li {background: #eee; opacity: 0.9; display: block; width: 300px; margin-bottom: 3px; clear: both; padding: 12px 10px 12px 40px;}
.webstore-nav li a {text-decoration: underline; color: #0081c6; background: transparent; padding: 0; font-size: 1.4em; box-shadow: none; margin: 0; display: inline; text-transform: none; transition: linear 0.2s color;}
.webstore-nav li a:link {color: #0081c6; text-decoration: underline; background: transparent;}
.webstore-nav li a:visited {color: #0081c6; text-decoration: underline; background: transparent;}
.webstore-nav li a:hover {color: #19A7FF; text-decoration: underline; background: transparent;}
.webstore-nav li a:active {color: #0081c6; text-decoration: underline; background: transparent;}
.webstore-nav .fa-mobile {font-size: 8em; color: #4d4a45; padding-left: 13px;}
.webstore-nav .fa-book {font-size: 6.2em; color: #4d4a45; padding-top: 10px;}
.webstore-nav li div {padding: 0 0 0 18px;}
.webstore-nav h4 {margin: 0; padding: 0; font-size: 1.8em; color: #474747; text-transform: none; padding-top: 6px; margin-bottom: 4px;}
.webstore-nav p {width: 75px; float: left; margin: 0; padding: 0; height: 80px;}
.webstore-nav .extra-text {display: none;}
.webstore-nav.active .extra-text {display: inline;}
.nav .webstore-nav ul li:hover {color: auto; text-decoration: auto; background: #eee;}
.nav .webstore-nav ul li:hover a {background: transparent; color: #0081c6;}
.nav .webstore-nav ul li:hover a:hover {background: transparent; color: #19A7FF;}

/* SEARCH */
.search-wrap {float: right; position: relative; top: 17px; margin-right: 15px; width: 243px;}
.search-wrap * {margin: 0; padding: 0;}
.search-wrap form {border: 0;}
.search-wrap form fieldset {border: 0;}
.search-form input[type=image] {position: relative; top: 2px;}
.header-search  {border-radius: 5px; width: 160px; height: 24px; border: solid 1px #ccc; line-height: 24px; position: relative; float: right; margin-right: 5px;}
.btn-header-search {position: relative; top: 2px;}
#header-search-submit {height: 25px; padding: 0 6px; float: right;}


.h-section {color: #474747;}
.h-section .heading-text {font-size: 1.3em; margin: 0 0 16px; padding-top: 69px; text-transform: uppercase; font-family: bliss, 'Open Sans', arial, sans-serif; letter-spacing: 2px; text-align: center; color: #c3c3c3;}
.heading-underline {width: 45px; height: 1px; background: #c3c3c3; margin: 0 auto 10px;}
.h-section-dark .heading-underline {background: #fff;}
.h-section h2 {font-size: 5em; font-weight: 800; margin: 0 0 10px; padding: 0; text-align: center; line-height: 1.2em;}
.h-section .sub-text {font-size: 2em; text-align: center; width: 820px; margin: 0 auto 40px; line-height: 1.5em;}
.h-section p {font-size: 1.4em; line-height: 1.7em;}

.h-section-dark {background-color: #474747; color: #fff;}
.h-section-dark .heading-text {color: #fff;}
.h-section-dark h2 {text-align: center;}
.h-section-dark .topics {background: #141414; background: rgba(20,20,20,0.7);}
.h-section-dark .topics h3 {font-size: 2em; font-weight: normal; margin: 0 0 22px; padding: 69px 0 0 40px;}
.h-section-dark .topics p {color: #f2f2f2; padding-left: 40px;}
.h-section-dark .topics .text {width: 370px; float: left;}
.h-section-dark .main-topics {margin: 0; padding: 69px 0 0;}
.h-section-dark .main-topics li {margin: 0 0 0 26px; padding: 0; list-style: none; width: 150px; float: left; text-align: center; background: url('/images/cdi/icons_sp.png?v=12115') no-repeat; padding: 125px 0 0 0; cursor: pointer; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
.h-section-dark .main-topics li span {display: block; position: absolute; top: 55px; right: -15px; border-right: solid 1px #3a3937; height: 60px;}
.h-section-dark .main-topics li.monitor {background-position: 24px 0;}
.h-section-dark .main-topics li.mobile-device {background-position: -176px 0;}
.h-section-dark .main-topics li.book {background-position: -380px 0;}
.h-section-dark .main-topics li.monitor:hover {background-position: -576px 0;}
.h-section-dark .main-topics li.monitor.active {background-position: -576px 0;}
.h-section-dark .main-topics li.mobile-device:hover {background-position: -776px 0;}
.h-section-dark .main-topics li.mobile-device.active {background-position: -776px 0;}
.h-section-dark .main-topics li.book:hover {background-position: -980px 0;}
.h-section-dark .main-topics li.book.active {background-position: -980px 0;}
.h-section-dark .main-topics a {font-size: 1.5em; text-transform: uppercase; color: #7ac143; font-weight: bold;}
.h-section-dark .sub-topics {clear: both; background: #7ac143;} 
.h-section-dark .sub-topics p {margin: 0; padding: 20px;}
.h-section-dark .sub-topics div {display: none;}
.h-section-dark .sub-topics div.clear {display: block;}
.h-section-dark .sub-topics .active {display: block;}

.h-left h2 {text-align: left;}
.h-left .sub-text {text-align: left; width: auto; margin-bottom: 20px;}
.h-left .heading-underline {margin-bottom: 23px;}
.h-left h3 {color: #2a2a2a; font-weight: bold; text-transform: uppercase; font-size: 1.7em; margin-top: 30px;}
.h-left .heading {border-bottom: solid 1px #c3c3c3; padding-bottom: 10px;}
.h-left .heading h3 {font-weight: 600; border-bottom: solid 1px #474747; display: inline; padding-bottom: 10px; text-transform: none;}
.h-section .left {float: left; width: 50%;}
.h-section .right {width: 40%; float: left; margin-left: 10%; margin-top: 30px;}


/* FOOTER */
.footer {font-family:  'Open Sans', arial, verdana, helvetica, sans-serif;}
.footer h3 {color: #7ac143; font-size: 1.3em; font-weight: 600; margin: 0 0 1.2em; padding: 3.6em 0 0;}
.footer-links {float: left; width: 110px; margin-right: 10px;}
.footer p {color: #c3c3c3;}
.footer .right {width: 280px; margin-left: 0; float: right;}
.footer .right h3 {font-size: 1.8em; margin: 0; padding-top: 13px;}
.footer-text-box {background: #8d8d8d; height: 43px; color: #2a2a2a; font-size: 1.3em; border: 0; outline: 0; border-radius: 5px; font-family: 'Open Sans', arial, sans-serif; font-weight: 600; text-indent: 6px; width: 200px; margin-right: 4px; margin-bottom: 6px; padding-left: 0; padding-right: 0;}
.footer-links  ul a, .footer-horizontal a {color: #8d8d8d; font-size: 1.2em; text-decoration: none;}
.footer-links  ul a:link, .footer-horizontal a:link {color: #8d8d8d; text-decoration: none;}
.footer-links  ul a:visited, .footer-horizontal a:visited {color: #8d8d8d; text-decoration: none;}
.footer-links  ul a:hover, .footer-horizontal a:hover {color: #8d8d8d; text-decoration: underline;}
.footer-links  ul a:active, .footer-horizontal a:active {color: #8d8d8d; text-decoration: none;}
.footer-links ul {margin: 0; padding: 0;}
.footer-links li {text-decoration: none; margin: 0 0 1em; padding: 0; list-style: none; line-height: 1.6em;}

.footer-horizontal {margin: 40px 0; padding: 0; float: left; clear: left;}
.footer-horizontal li {margin: 0; padding: 0; list-style: none; float: left; margin-right: 20px;}
.footer-horizontal a {font-size: 1.3em; color: #787878;}
.footer-horizontal a:hover {text-decoration: underline;}

.footer .social-icons {margin: 87px 0 0 0; padding: 0;}
.footer .social-icons li {margin: 0 0 35px 7px; padding: 0; width: 40px; height: 40px; float: left; background: url('/images/cdi/icons_sp.png?v=12115') no-repeat; list-style: none; text-indent: -999999px; transition: linear 0.2s background; cursor: pointer;}
.footer .social-icons li a {display: block; height: 100%; width: 100%;}
.footer .social-icons li:first-child {margin-left: 0;}
.footer .social-icons .icon-facebook {background-position: -7px -608px;}
.footer .social-icons .icon-twitter {background-position: -55px -608px;}
.footer .social-icons .icon-google {background-position: -103px -608px;}
.footer .social-icons .icon-linkedin {background-position: -151px -608px;}
.footer .social-icons .icon-vimeo {background-position: -199px -608px;}
.footer .social-icons .icon-blog {background-position: -247px -608px;}
.footer .social-icons .icon-facebook:hover {background-position: -7px -655px;}
.footer .social-icons .icon-twitter:hover {background-position: -55px -655px;}
.footer .social-icons .icon-google:hover {background-position: -103px -655px;}
.footer .social-icons .icon-linkedin:hover {background-position: -151px -655px;}
.footer .social-icons .icon-vimeo:hover {background-position: -199px -655px;}
.footer .social-icons .icon-blog:hover {background-position: -247px -655px;}

.footer-form-step-2 {display: none;}
#footer-country {width: 200px; height: 43px; margin-right: 4px; background: #8d8d8d; color: #2a2a2a; font-size: 1.3em; outline: 0; border-radius: 5px; font-family: 'Open Sans', arial, sans-serif; font-weight: 600;}
.footer-form-success {display: none; font-weight: 600; font-style: italic;}
.footer-form-error {display: none; font-weight: 600; font-style: italic;}

.wk-footer {clear: both; width: 100%; background: #fff;}
.wk-footer{background: #52812d url('/images/cdi/bg-nav.jpg?v=12115') repeat-x top left; padding: 8px 0;}
.wk-footer ul {padding: 0; text-align: center; line-height: 1.5em;}
.wk-footer ul li {display: inline; margin: 0 8px 0 0; padding: 0 8px 0 0; border-right: solid 1px #fff;}
.wk-footer ul li.last {border-right: 0;}
.wk-footer ul li a {color: #fff; font-size: 1.1em; text-decoration: none;}
.wk-footer ul li a:link {color: #fff; text-decoration: none;}
.wk-footer ul li a:visited {color: #fff; text-decoration: none;}
.wk-footer ul li a:hover {color: #fff; text-decoration: underline;}
.wk-footer ul li a:active {color: #fff; text-decoration: none;}
.wk-footer-logo {margin: 10px 0;}

.footer-logo .wrap {padding-bottom: 0;}

.mobile-nav {display: none; text-align: left; font-family:  'Open Sans', arial, verdana, helvetica, sans-serif;}
.mobile-nav-btn {position: relative; display: none;}
.mobile-nav-btn a {width: 52px; height: 49px; background: url('/images/cdi/icons_sp.png?v=12115') no-repeat -307px -608px; text-indent: -999999px; position: absolute; top: 0; right: 0; cursor: pointer;}

.jump-links {background: #fff; background: rgba(255,255,255,0.9);}
.jump-links ul {margin: 0; padding: 0;}
.jump-links li {float: left; width: 25%; list-style: none; margin: 0; border-right: solid 1px #dedede; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; transition: linear 0.2s background;}
.jump-links li:hover {background: #f2f2f2;}
.jump-links li:first-child {border-left: solid 1px #dedede;}
.jump-links a {display: block; padding: 25px; text-decoration: none; background: url('/images/cdi/blue-open-arrow.png?v=12115') no-repeat right 20px top 50%;}
.jump-links a:link {text-decoration: none;}
.jump-links .j-title {font-weight: 800; color: #0081c6; font-size: 15px; text-transform: uppercase; display: block;}
.jump-links .j-description {display: block; color: #474747; font-size: 12px;}
.jump-links.two-links li {width: 50%;}
.jump-links.three-links li {width: 33.33%;}
.jump-links.fixed {position: fixed; top: 0; width: 100%; z-index: 100;}
.jump-links a.active {background: #f2f2f2;}

.mobile-nav .jump-links a {padding: 15px 30px 15px 15px;}


/* buttons */
.footer a.btn {background: #7ac143; color: #fff; text-transform: uppercase; width: 220px; line-height: 45px; border-radius: 5px; display: block; text-align: center; font-size: 12px; font-weight: bold; transition: linear 0.2s background; cursor: pointer; border: 0; outline: 0; text-decoration: none; box-shadow: none;}
.footer a.btn:hover {background: #81d53f;}
.footer a.btn.btn-auto-size {display: inline; padding: 14px 10px; width: auto; white-space: nowrap; line-height: auto;}

/* CONTENT PAGE */
.content {width: 590px; padding: 20px 0 0 0; float: left;}
.content p {font-size: 1.2em; line-height: 1.5em; padding: 0 20px;}
.content ul li, .content ol li {font-size: 1.2em; line-height: 1.5em; padding-right: 20px;}
.content ul li *, .content ol li * {font-size: 1em;}
@font-face {font-family: utopia; src: url('/web/common/fonts/utopia.ttf');}
.content h1 {font-size: 2em; font-weight: bold; color: #52812d; margin: 0; padding: 0 20px;}
.content h2 {font-size: 1.4em; color: #333; margin: 1.6em 0 0.6em 0; padding: 0 20px; color: #52812d;}
.content h3 {font-size: 1.2em; color: #333; padding: 0 20px;}

.content .sub-heading {font-size: 1.1em; margin: 0; font-weight: normal; padding: 0 20px; color: #bbb;}
.content ul.multi-line li, .content ol.multi-line li, .section ul.multi-line  li, #rc-sections ul.multi-line  li {margin-bottom: 1em;}
.content ul.multi-line ul {padding-top: 1em;}
.content p.learn-more {margin-bottom: 40px;}
	.content a.learn-more {text-align: left; background: #ddd url(/tmpl/images/alert-overlay.png) repeat-x; padding: 3px 8px; outline: 0;border: 0;color: #555;text-decoration: none;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;text-shadow: 0 -1px 1px rgba(0,0,0,0.25); position: relative;cursor: pointer; box-shadow: 0 1px 3px rgba(175,175,175,0.8);-moz-box-shadow: 0 1px 3px rgba(175,175,175,0.8);-webkit-box-shadow: 0 1px 3px rgba(175,175,175,0.8); transition: background-color 0.2s ease-in; -moz-transition: background-color 0.2s ease-in;  -webkit-transition: background-color 0.2s ease-in; -o-transition: background-color 0.2s ease-in; display: inline; font-size: 11px; border: solid 1px #ccc\9;color: #333\9;}
	.content a.learn-more:hover { background-color: #bbb; color: #333;}
	.content a.learn-more:active{ top: 1px;}	
	.content a.btn, .content input.btn, .section a.btn, .section input.btn {text-align: left; background: #52812d url(/tmpl/images/alert-overlay.png) repeat-x; padding: 4px 10px; outline: 0;border: 0;color: #fff;text-decoration: none;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;text-shadow: 0 -1px 1px rgba(0,0,0,0.25); position: relative;cursor: pointer; box-shadow: 0 1px 3px rgba(175,175,175,0.8);-moz-box-shadow: 0 1px 3px rgba(175,175,175,0.8);-webkit-box-shadow: 0 1px 3px rgba(175,175,175,0.8); transition: background-color 0.2s ease-in; -moz-transition: background-color 0.2s ease-in;  -webkit-transition: background-color 0.2s ease-in; -o-transition: background-color 0.2s ease-in; display: inline; font-size: 12px; border: solid 1px #ccc\9;color: #fff\9;}
	.content input.btn {font-family: arial, verdana, helvetica, sans-serif;}
	.content a.btn:hover, .content input.btn:hover { background-color: #b27000; color: #fff;}
	.content a.btn:active, .content input.btn:active{ top: 1px;}	
a.btn-gray {background: #999;}
a.btn-gray:hover {background: #777;}
	
	
/* 3 column template */
.three-columns .wrap {width: 960px;}
.three-columns .container {width: 960px;}
.three-columns .container .content {float: right; width: 430px;}
.three-columns .content-wrap {float: left; width: 640px;}

.two-columns  .content {width: 660px;}

	
/* video popup */
.video-overlay {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */ z-index: 2000;}
.popup-video-wrap .btn {font-size: 1.2em; background: #fff;height: 30px; padding: 0 1em; line-height: 30px; display: block; position: absolute; top: 0; right: 0; color: #006eb3; text-decoration: underline; cursor: pointer; border-radius: 10px 10px 0 0;}
.popup-video-wrap {z-index: 2001; position: fixed; top: 50%; left: 50%; margin-top: -180px; margin-left: -320px; background: transparent; padding-top: 30px;}
.ie7 .popup-video-wrap {position: absolute; width: 640px;}

/* adding nice quote box /individuals/studnets/ */
.content .quote-box {background: #f9f9f9 url('/home/images/quote-f9f9f9.gif') no-repeat 25px 12px; padding: 20px 25px 15px 25px; margin: 40px 0 0 20px; width: 334px;}
.content .quote-box p {margin: 0; padding: 0 0 6px 0; text-indent: 32px;}
.content .quote-box .author {font-size: 11px; color: #444; background: none; padding-top: 6px;}
#rc-sections .section .quote-box {background: #f9f9f9 url('/home/images/quote-f9f9f9.gif') no-repeat 25px 12px; padding: 20px 25px 15px 25px; margin: 15px 10px 15px 0;}
#rc-sections .section .quote-box p {margin: 0; padding: 0 0 6px 0; text-indent: 32px; border-left: 0;}
#rc-sections .section .quote-box .author {font-size: 11px; color: #444; background: none; padding-top: 6px;}

.content p.note {border-top: solid 1px #ccc; margin-top: 30px; padding-top: 15px;}				
.content a.external {background: url('/tmpl/images/external-link.gif') no-repeat top right; padding-right: 13px; position: relative; display: inline-block;}
#rc-sections a.external {background: url('/tmpl/images/external-link.gif') no-repeat top right; padding-right: 13px; position: relative; display: inline-block;}
.content a.pdf {background: url('/tmpl/images/icon-pdf-small.gif') no-repeat top right; padding-right: 15px; position: relative; display: inline-block;}
#rc-sections a.pdf, .rc-sections a.pdf {background: url('/tmpl/images/icon-pdf-small.gif') no-repeat top right; padding-right: 15px; position: relative;}
.content hr {height: 1px; outline: 0; border: 0; background: #eee; font-size: 1px;}
.content ul.two-column {}
.content ul.two-column li {width: 50%; float: left; padding: 0;}
.content ul.two-column li.last {margin-bottom: 20px;}


.content div.gray-box {background: #f2f2f2 url('/tmpl/images/bg-gradient.gif') repeat-x top left; border: solid 1px #ddd; padding: 0 20px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; margin: 15px 0 0 20px; position: relative;}
.content div.gray-box h2 {color: #333; margin-top: 20px; padding-left: 0;}
.content div.gray-box p {padding-left: 0;}

.content div.white-box {background: #ffffff; repeat-x top left; border: solid 1px #ddd; padding: 0 20px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; margin: 15px 0 0 20px; position: relative;}
.content div.white-box h2 {color: #333; margin-top: 20px; padding-left: 0;}
.content div.white-box p {padding-left: 0;}

.notification {display: none;}
.notification .close {position: absolute; top: 8px; right: 8px; color: #2a4117; text-decoration: underline; font-size: 1.1em; cursor: pointer;}

		
.content p.ajax-loader {background: url('/tmpl/images/ajax-loader.gif') no-repeat; text-indent: 20px;}
p.ajax-loader-d5 {background: url('/tmpl/images/ajax-loader-d5d5d5.gif') no-repeat; text-indent: 20px;}

.content form {margin: 0; padding: 0 20px;}
.content fieldset {margin: 0; padding: 0;}
.content form p {padding-left: 0; padding-right: 0;}
.content form h2 {padding-left: 0; padding-right: 0;}

.content .cta a {text-align: center; background: #52812d url(/tmpl/images/alert-overlay.png) repeat-x; padding: 8px 20px; outline: 0;border: 0;color: #fff;text-decoration: none;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;text-shadow: 0 -1px 1px rgba(0,0,0,0.25); position: relative;cursor: pointer; box-shadow: 0 1px 3px rgba(175,175,175,0.8);-moz-box-shadow: 0 1px 3px rgba(175,175,175,0.8);-webkit-box-shadow: 0 1px 3px rgba(175,175,175,0.8); transition: background-color 0.2s ease-in; -moz-transition: background-color 0.2s ease-in;  display: block; -webkit-transition: background-color 0.2s ease-in; -o-transition: background-color 0.2s ease-in; font-size: 12px; border: solid 1px #ccc\9;color: #fff\9;}
.content .cta a:hover { background-color: #b27000; color: #fff;}
.content .cta a:active { top: 1px;}			
		
span.tooltip {border-bottom: dotted 1px #ccc; cursor: default;}


/* testimonials */
.testimonial {border-bottom: solid 1px #ddd; clear: both;}
.testimonial .right-column {float: right; width: 350px;}
.testimonial .left-column {width: 260px; float: left; padding-top: 20px; padding-left: 20px; padding-bottom: 20px;}
.main-testimonial .left-column {width: 330px;}
.testimonial .left-column img {width: 260px;}
.testimonial .customer-name {margin-bottom: 0; font-size:14px; font-weight:bold;}
.testimonial .company-name {margin-top: 0; font-style: italic;}
.main-testimonial {border-top: solid 1px #ddd; margin-top: 20px;}
.main-testimonial .left-column {padding-top: 0; padding-left: 0;}		
.main-testimonial .right-column {padding: 20px 0; width: 320px;}

/*quotes */
.blockquote {background: url('/tmpl/images/bg-quote.jpg') 0 5px no-repeat; padding: 0 10px 0 22px; font-style:italic;}
#rc-sections .section .blockquote {padding-top: 4px; padding: 0; margin: 0 20px;}
#rc-sections .section .blockquote p {border-left: 0; padding: 0; margin: 0 0 6px 0; font-style: normal;}
#rc-sections .blockquote p.quote {text-indent: 22px; padding-top: 4px; font-style: italic;}
.blockquote .author {color: #666;}		
		
	/* play list */
	.play-list * {margin: 0; padding: 0;}
	.content .play-list {margin: 0; padding: 0; list-style:  none;}
	.content .play-list li {background: url('/tmpl/images/li-play.gif') no-repeat top left; line-height: 20px; padding-left: 25px; margin-bottom: 5px;}
	.content .play-list li a {margin-right: 6px;}
	.content .play-list li span {font-size: 9px; color: #aaa;}
	.content .play-list li span span {font-size: 10px; color: #333; padding-left: 8px;}		

/* Video Tours */
	.content .v-tour {border-bottom: solid 1px #eee; padding: 20px 0 10px 20px; clear: both;}
	.content .v-tour .video-box {float: left; width: 82px; text-align: center;}
	.content .v-tour .description-box {float: left; width: 300px; padding: 0 0 0 15px;}
	.content .v-tour p {margin: 0; padding: 0; margin-bottom: 8px;}
	.content .v-tour img {display: block; margin: 0 auto; border: solid 1px #ccc;}
	.content .v-tour img.no-border {border: none;}
	.content .play-video a {text-decoration: none; color: #333; padding-top: 2px;}
	.content .play-video a:link {text-decoration: none; color: #333; padding-top: 2px;}
	.content .play-video a:active {text-decoration: none; color: #333; padding-top: 2px;}
	.content .play-video a:hover {color: #999; text-decoration: underline;}
	.content .video-time {color: #999; font-size: 9px;}
	.content .description-box h4 {margin: 0 0 6px 0; padding: 0; font-size: 14px; color: #666;}	

/* expand section */
	.content div.expand h3 {padding: 0; margin: 0; height: 29px; line-height: 29px; text-indent: 1.5em; font-size: 12px; letter-spacing: 1px; border-radius: 10px; cursor: pointer;}
	.content div.expand h3:hover {background: #eee;}
	div.expand {background: #fff url('/tmpl/images/bg-expand.jpg') repeat-x bottom left; border: solid 1px #d2d2d2; border-radius: 10px; margin: 0 20px 15px;}
	.content div.expand p {padding: 0 1.5em;}
	div.expand img {float: right; display: block; margin: 5px 15px 0 0;}
	div.expand.active img {display: none;}
	div.expand p {margin-top: 0; padding-top: 0;}
	.content div.expand.active h3:hover {background: #fff;}
	
/* left column */
.main-lc {float: left; width: 210px; margin: 20px 0 0 0; background: url('/tmpl/images/left-column-bottom.jpg') no-repeat bottom left; padding-bottom: 200px;}
.main-lc ul {padding: 0; margin: 0; list-style: none; background: url('/tmpl/images/bg-left-nav.jpg') repeat-y top left; border-top: solid 1px #b5b5b5;}
.main-lc li {padding: 0; border-bottom: solid 1px #b5b5b5;}
.main-lc li:hover {background: #fff;}
.main-lc li a {font-size: 1.2em; text-transform: uppercase; text-decoration: none; background: url('/tmpl/images/left-nav-arrow.gif') no-repeat; background-position: 10px 8px; padding: 6px 8px 6px 28px; display: block; height: 100%; color: #52812d;}
.main-lc li a:link {color: #52812d;}
.main-lc li a:visited {color: #52812d;}
.main-lc li a:hover {color: #7bc143;}
.main-lc li a:active {color: #52812d;}
/* highlight the active nav */
.main-lc li.active {background: #fff;}
.main-lc li.active a {background-image: none; color: #333; cursor: default;}


.top-right {float: left; padding: 20px 0; margin-left: 20px; width: 228px;}

#rc-sections {float: left; width: 228px; margin-left: 20px;}
#rc-sections h3 {font-size: 1.3em; font-weight: bold; background: #e7e7e7; line-height: 2em; padding: 0.5em 1em; color: #5e5e5e; margin-top: 0; border-radius: 10px 10px 0 0;}
#rc-sections h3 a {color: #2a4117; text-decoration: none;}
#rc-sections p {font-size: 1.2em; border-left: solid 1px #ddd; padding-left: 1em; line-height: 1.5em; padding-right: 1em;}
#rc-sections ul {margin: 0 0 1em 2.5em; padding: 0;}
#rc-sections ul li {font-size: 1.2em; line-height: 1.5em; margin: 0; padding: 0 1em 0 0;}
#rc-sections .go {text-align: right; border: 0; padding-right: 1em;}
#rc-sections .go a {text-decoration: none;}
#rc-sections .section {border: solid 1px #ddd; background: #f6f6f6; border-radius: 10px; margin: 20px 0;}
#rc-sections .section img {margin: 0 auto; display: block;}
.rc-sections {float: left; width: 228px; clear: right; margin-left: 20px;}
.rc-sections h3 {font-size: 1.3em; font-weight: bold; background: #e7e7e7; line-height: 2em; padding: 0.5em 1em; color: #5e5e5e; margin-top: 0; border-radius: 10px 10px 0 0;}
.rc-sections h3 a {color: #2a4117; text-decoration: none;}
.rc-sections p {font-size: 1.2em; border-left: solid 1px #ddd; padding-left: 1em; line-height: 1.5em; padding-right: 1em;}
.rc-sections ul {margin: 0 0 0 2.5em; padding: 0;}
.rc-sections ul li {font-size: 1.2em; line-height: 1.5em; margin: 0; padding: 0 1em 0 0;}
.rc-sections .go {text-align: right; border: 0; padding-right: 1em;}
.rc-sections .go a {text-decoration: none;}
.rc-sections .section {border: solid 1px #ddd; background: #f6f6f6; border-radius: 10px; margin: 20px 0;}
.rc-sections .section img {margin: 0 auto; display: block;}

.tabs {float: left; width: 228px;}
/* TABS */
.tabs-wrap {padding-top: 20px; clear: both;}
.tabs-wrap .tab-content {border: solid 1px #ddd; clear: both; width: 286px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;  -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.1); -o-box-shadow: 2px 2px 3px rgba(0,0,0,0.1); -ms-box-shadow: 2px 2px 3px rgba(0,0,0,0.1); -o-box-shadow: 2px 2px 3px rgba(0,0,0,0.1); box-shadow: 2px 2px 3px rgba(0,0,0,0.1);}
.tabs-wrap #tabs-nav {list-style: none; margin: 0; padding: 0;}
.tabs-wrap #tabs-nav li {display: inline; float: left; border: 1px solid #eee; border-bottom-width: 0; margin: 0 0.2em 0 0; padding: 0.2em 0.7em; font-size: 1.2em; background: url('/tmpl/images/passive-tab-bg.gif') repeat-x top left; color: #777; border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; cursor: pointer;}
.tabs-wrap #tabs-nav li.active {background: url('/tmpl/images/bg-nav.jpg') repeat-x top left; color: #f2f2f2;}
.tabs-wrap #tabs-nav li.first {margin-left: 10px;}
.tabs-wrap div div.parent {}
.tabs-wrap div div.active {display: block;}

.tabs-wrap .tab-content div h3 {font-size: 12px; font-weight: bold;}
.tabs-wrap .tab-content div h3.small {font-size: 12px; font-weight: bold;}
.tabs-wrap .tab-content div p {font-size: 12px; line-height: 1.5em;}


.tabs-wrap div div ul * {padding: 0; margin: 0;}
.tabs-wrap div div ul {padding: 10px 0 0; margin: 0; list-style: none;}
.tabs-wrap div div ul li {background: transparent; border: none; padding: 12px 12px 12px 4px; clear: both; position: relative; height: auto; line-height: 1.5em;}
.tabs-wrap div div ul li a {background: url('/tmpl/images/transparent.gif') repeat; height: 100%; width: 100%; display: block; text-indent: -99999px; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.tabs-wrap div div ul li {border-bottom: solid 1px #ddd;}
.tabs-wrap div div ul li:last-child {border-bottom: 0;}
.tabs-wrap div div ul li h3 {display: inline; color: #000;}
.tabs-wrap div div ul li:hover {background: #eee;}
.tabs-wrap div div ul li.no-hover:hover {background: #fff;}
.tabs-wrap div div ul li.first {}
.tabs-wrap div div ul li .image-wrap {float: left; margin: 0 8px 0 0; padding: 2px;}
.tabs-wrap div div ul li .image-wrap img {display: none;}
.tabs-wrap div div ul li:hover .image-wrap {background: #ddd;}
.tabs-wrap div div ul li .text-wrap {float: left; width: 255px;}

.tabs-wrap div div.no-icons {padding: 2em 1em;}
.tabs-wrap div div.no-icons ul {padding: 0 0 0 2em;}
.tabs-wrap div div.no-icons ul li{font-size: 1.2em; list-style: disc; padding: 0; margin: 0 0 1em; height: auto; border: 0;}
.tabs-wrap div div.no-icons ul li:hover{background: #fff;}
.tabs-wrap div div.no-icons p {font-size: 1.2em; margin-top: 0; padding-top: 0;}
.tabs-wrap div div.no-icons h3 {font-size: 1.2em; font-weight: bold; margin-bottom: 0.3em; margin-top: 0; padding-top: 0;}
.tabs-wrap div div.no-icons ul li a:link {text-decoration: underline;}
.tabs-wrap div div.no-icons ul li a:visited {text-decoration: underline;}
.tabs-wrap div div.no-icons div.section {border-bottom: solid 1px #ccc; padding: 1.2em 0;}
.tabs-wrap div div.no-icons div.first {padding-top: 0;}
.tabs-wrap div div.no-icons div.last{padding-bottom: 0; border-bottom: 0;}
.tabs-wrap div div.no-icons div.section p.learn-more {margin-top: 1em;}
.tabs-wrap div div.no-icons a.pdf {background: url('/tmpl/images/icon-pdf-small.gif') no-repeat top right; padding-right: 15px; position: relative;}

.tabs-wrap div div ul.arrows {padding-left: 0;}
.tabs-wrap div div ul.arrows li  {background: url('h/tmpl/images/arrow.png') no-repeat 0 4px; padding-left: 1.5em; list-style: none;}

.tabs-wrap div div.no-icons ul li a {text-indent: 0; position: relative; display: inline; background-image: 0; height: auto; width: auto;}
.tabs-wrap div div.no-icons {}
.tabs-wrap div div p.learn-more {margin: 2em 0 0;}
.tabs-wrap div div a.learn-more {text-align: left; background: #ddd url(/tmpl/images/alert-overlay.png) repeat-x; padding: 3px 8px; outline: 0;border: 0; color: #555;text-decoration: none;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;text-shadow: 0 -1px 1px rgba(0,0,0,0.25); position: relative;cursor: pointer; box-shadow: 0 1px 3px rgba(175,175,175,0.8);-moz-box-shadow: 0 1px 3px rgba(175,175,175,0.8);-webkit-box-shadow: 0 1px 3px rgba(175,175,175,0.8); transition: background-color 0.2s ease-in; -moz-transition: background-color 0.2s ease-in;  -webkit-transition: background-color 0.2s ease-in; -o-transition: background-color 0.2s ease-in; display: inline; font-size: 11px; border: solid 1px #ccc\9;color: #333\9;} /* \9 targets ie8 and below */
.tabs-wrap div div a.learn-more:hover { background-color: #bbb; color: #333;}
.tabs-wrap div div a.learn-more:active{ top: 1px;}		

/* STORE */
#tab-content .container {min-width: 0;}


.solid-btn {background: #4e4e4e; border-radius: 10px; outline: 0; border: none; padding: 0.3em 0.5em; color: #fff; font-weight: bold; font-size: 1.2em; -webkit-transition: background 0.3s; -o-transition: background 0.3s; -moz-transition: background 0.3s; -ms-transition: background 0.3s; transition: background 0.3s; overflow: visible;}
.solid-btn:hover {background: #006eb3;}

.social-icons-gray {margin: 0; padding: 0 0 0 14px;}
.social-icons-gray li {float: left; margin: 0 10px 0 0; padding: 0; list-style: none;}
.social-icons-gray li a {display: block; height: 30px; text-indent: -99999px;}
.social-icons-gray .facebook-icon {background: url('/tmpl/images/global_sp.jpg'); width: 30px; background-position: -36px -113px;}
.social-icons-gray .twitter-icon {background: url('/tmpl/images/global_sp.jpg'); width: 30px; background-position: -36px -149px;}

/* GENERAL */
.clear {clear: both;}
a:link {color: #006eb3; text-decoration: underline;}
a:visited {color: #006eb3; text-decoration: underline;}
a:hover {color: #19A7FF; text-decoration: underline;}
a:active {color: #006eb3; text-decoration: underline;}

.clear {clear: both;}

.padding-wrap {padding-left: 20px;}

/* nocolumns template */
.nocolumns .content {width: 100%;}

/* homepage template*/
/* Solutions for */
.homepage .welcome {width: 60em; padding: 0 0 0; margin-bottom: 1.2em; float: left;}
.homepage .welcome h1 {font-size: 2.6em; color: #4e4e4e; margin: 0.4em 0 0.6em; padding: 0;}
.homepage .welcome p {text-align: left; line-height: 1.6em; margin: 0 0 1.5em; padding-left: 0; font-size: 1.4em; color: #4e4e4e;}
.homepage .solutions-for div {float: left; padding: 0 10px 0 63px; background: url('/tmpl/images/homepage-icons_sp.jpg') no-repeat;}
.solutions-for div.institutions {background-position: -329px 0;}
.solutions-for div.data-integration {background-position: -648px 0;}

.homepage .solutions-for div h3 {font-size: 1.2em; font-weight: bold; padding: 0; margin: 0 0 3px 0;}
.homepage .solutions-for div h3 a {text-decoration: none; color: #4e4e4e;}
.homepage .international {display: inline; width: 11px; height: 11px; behavior: url('/web/common/pngbehavior/pngbehavior.htc'); margin-left: 6px;}
.homepage .solutions-for .data-integration {margin-right: 0; border-right: none;}

.homepage .solutions-for div ul {font-size: 1em; line-height: 1.8em; list-style: none; margin: 0; padding: 0;}
.homepage .solutions-for div ul li {margin: 0; padding: 0; line-height: 1.6em;}

.top-right img {max-width: 228px; width: auto !important;}
.i-want-to {float: left; width: 228px; margin: 0 10px 0 20px;  padding: 0; list-style: none;}
.i-want-to li {width: 228px; height: 48px; margin: 0 0 5px 0; padding: 0; background: url('/tmpl/images/bg-cta_sp.jpg') no-repeat; background-position: 0 -144px;}
.i-want-to a {color: #4e4e4e; text-align: left; font-size: 1.3em; font-weight: bold; text-decoration: none; height: 100%; width: 100%; display: block; background: url('/tmpl/images/bg-cta_sp.jpg') no-repeat top left; line-height: 48px; text-indent: 54px; background-position: 0 -96px;}
.i-want-to a:hover {background-position: 0 -144px;}
.i-want-to li:first-child a {background-position: 0 0; color: #f8f8f8; text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
.i-want-to li:first-child a:hover {background-position: 0 -48px;}

.homepage .i-want-to {float: right;}

/* sub content section */
.container3 {float: left; width: 100%; overflow: hidden; position: relative;}
.container2 {float: left; width: 100%; position: relative; right: 35%; border-right: solid 1px #ccc;}
.container1 {float: left; width: 100%; position: relative; right: 30%; border-right: solid 1px #ccc;}
.col1 {float: left; width: 35%; position: relative; left: 65%;}
.col2 {float: left; width: 30%; position: relative; left: 65%;}
.col3 {float: left; width: 35%; position: relative; left: 65%;}

.sub-content {background: #f6f6f6; border-top: solid 1px #d5d5d5; color: #4e4e4e; padding: 20px 0;}
/*.sub-content .section {float: left; width: 33%; border-left: solid 1px #cccccc;}*/
.sub-content .section.col1 p, .sub-content .section.col1 li, .sub-content .section.col1 h2 {padding-left: 0;}
.sub-content .section.col3 p, .sub-content .section.col3 li, .sub-content .section.col3 h2 {padding-right: 0;}
.sub-content .section h2 {font-size: 2.2em; color: #4e4e4e; padding: 0 20px; margin: 0;}
.sub-content .section p {font-size: 1.2em; padding: 0 20px; margin: 1.5em 0 0; line-height: 1.5em;}
.sub-content .section p.more-info {text-align: right; font-weight: bold; color: #666; font-size: 1em; margin-top: 2em; margin-bottom: 1em;}
.sub-content .section p.more-info a {font-size: 1.2em;}
.sub-content .section ul {}
.sub-content .section li {font-size: 1.2em; padding: 0 20px; line-height: 1.5em;}
.sub-content .section li p {font-size: 1em;}
.sub-content .center {text-align: center;}

.sub-content .section.whats-new ul {margin: 0; padding: 0;}
.sub-content .section.whats-new li {margin: 1.5em 0 0; padding: 0; list-style: none;}
.sub-content .section.whats-new li p {margin: 0;}

/* whats new & newsletter */
/*
.homepage .tabs {height: 25px; clear: both; float: none; width: auto; margin: 0; padding: 0 0 0 6em;}
.homepage .tabs li {background: url('/tmpl/images/bg-tabs_sp.jpg') no-repeat top right; width: 89px; height: 25px; float: left; color: #989898; font-size: 1.2em; cursor: default; line-height: 25px; margin: 0 .2em 0 0; list-style: none; padding: 0; text-align: center;}
.homepage .tab-content {display: none; margin: 0 auto; width: 50em; margin: 0 auto; color: #5c5c5c; line-height: 1.3em;}
.homepage #tabcontent1 {display: block;}
.homepage #tab1-content {display: block;}*/
.homepage #tabs-nav {margin: 0 0 0 20px; padding: 0;}
.homepage #rc-sections {position: relative; top: -10px;}
.homepage .tabs-wrap  {padding-top: 0;}
.homepage .tabs-wrap .tab-content {width: 588px; margin-left: 20px; float: left; position: relative; top: 0px;}
.homepage .tabs-wrap div div.no-icons {padding: 10px 0 20px;}
.homepage .testimonial {margin-bottom: 2em; text-align: left; color: #888; padding: 0;}
.homepage .testimonial .first {padding-top: 1.5em;}
.homepage .testimonial-quote {font-size: 1.2em; color: #5c5c5c; margin-bottom: 3px;}
.homepage .testimonial-author {padding-left: 15px; text-indent: 2em;}
.homepage .testimonial-sub {padding-left: 20px;}

.homepage .press-and-events .new-entry .entry-text .text {padding: 0 20px; margin-bottom: 10px;}
.homepage .press-and-events .new-entry .entry-text .date {padding: 0 20px;}
.homepage .press-and-events .new-entry .entry-text .location {padding: 0 20px; margin: -10px 0 10px 0;}

.homepage .whats-new-wrap {width: 80em; background: #fff url('/tmpl/images/bg-whats-new-main.gif') repeat-y top left; margin: 0 auto;}
.homepage .whats-new-bottom {height: 4px; background: url('/tmpl/images/bg-whats-new-bottom.gif') no-repeat bottom right; clear: both;}
.homepage .whats-new-newsletter {background: transparent url('/tmpl/images/bg-whats-new-top.jpg') no-repeat top right; height: 22em;}
.homepage .whats-new {width: 51.8em; background: transparent; float: left; padding: 8px 0; position: relative;}
.homepage .whats-new .tab-content {text-align: left;}
.homepage .newsletter {width: 27.3em; background: transparent; float: right;}
.homepage .whats-new .border {border: solid 1px #eee;}
.homepage .new-entry {width: 55em; margin: 0 0 1.2em; padding-top: 1em; clear: both;}
.homepage .new-entry  p {margin: 0; padding: 0 20px;}
.homepage .new-entry .entry-image {height: 7em; width: 7em; float: left; margin-right: 10px; text-align: center;}
.homepage .new-entry .entry-image img {margin: 0 auto 0 6px; border: 0;}
.homepage .new-entry .entry-text {text-align: left;}
.homepage .new-entry .entry-text .date {font-size: 1em; font-style: italic; color: #989898; padding-top: 0.2em;}
.homepage .new-entry .entry-text .text {font-size: 1.2em; color: #5c5c5c; line-height: 1.3em; margin-bottom: 1em;}
.homepage .new-entry .entry-text .text a {color: #676767; text-decoration: underline;}

.homepage .more {text-align: right; padding-left: 6.6em; clear: both; margin-bottom: 0;}

.homepage .view-all {text-align: left; padding-left: 2em; clear: both;}
.homepage .view-all a {color: #2a4117; font-size: 1em;}

.homepage .newsletter {text-align: left; position: relative; height: 100%;}
.homepage .newsletter p {font-size: 1.2em; color: #5c5c5c; line-height: 1.3em; padding: 0 10px; margin: 0;}
.homepage .newsletter p a {color: #676767; text-decoration: underline;}
.homepage .newsletter h3 {font-size: 1.4em; color: #1d99d6; font-weight: bold; padding: 15px 0 0 10px; margin: 0 0 8px 0;}
.homepage .newsletter h4 {font-size: 1.2em; color: #2a4117; font-weight: bold; padding-left: 10px; margin-bottom: 6px;}
.homepage .newsletter-choices {padding: 0 0 0 1em;}
.homepage .newsletter-choices li input {margin-right: .4em;}
.homepage .newsletter-choices li {font-size: 1.2em; color: #5c5c5c;}
.homepage .newsletter-choices li a {color: #676767; font-size: 1.2em;}
.homepage .social-icons, #rc-sections .social-icons {margin: 0; padding: 0 0 0 14px;}
.homepage .social-icons li, #rc-sections .social-icons li {float: left; margin: 0 10px 0 0; padding: 0; list-style: none;}
.homepage .social-icons li a, #rc-sections .social-icons li a {display: block; height: 30px; text-indent: -99999px;}
.homepage .facebook-icon, #rc-sections .facebook-icon {background: url('/tmpl/images/global_sp.jpg'); width: 30px; background-position: 0 -113px;}
.homepage .twitter-icon, #rc-sections .twitter-icon {background: url('/tmpl/images/global_sp.jpg'); width: 30px; background-position: 0 -149px;}
.homepage .social-icons li.google-plus-icon, #rc-sections .social-icons li.google-plus-icon {margin: -14px 0 0 -7px;}



#googleplus_widget{
	width: 168px;
	height: 50px; 
}
#googleplus_widget span{
	width: 168px;
	height: 50px;
	float: left;
	overflow: hidden;
	background: #fff; 
}
#googleplus_widget span div{
	margin: -1px 0 0 -1px !important;
	position: relative; 
}
.homepage .icon-text {position: absolute; top: 1em; left: 7.5em; width: 17.5em; display: none;}
.homepage .icon-text span {font-size: 1.1em; font-weight: bold;}
.homepage .newsletter-form {padding: 0 0 0 10px; position: relative; height: 4.3em; margin-bottom: 1.5em;}
.homepage .input-newsletter-form {position:  absolute; top: 8px; left: 10px; height: 18px; width: 175px;}
.homepage .btn-submit-newsletter {height: 43px; width: 44px; background: url('/tmpl/images/btn-submit-newsletter.jpg') no-repeat top left; border: none; position: absolute; top: 0; right: 30px;}

.banner {width: 925px; height: 250px; position: relative; top: -20px;}
.banner .slide-nav {position: absolute; top: 210px; left: 452px; list-style: none; margin: 0; padding: 0; z-index: 1;}
.banner .slide-nav li {float: left; margin: 0 4px 0 0; padding: 0;}
.banner .slide-nav li a {background: #ccc; border: solid 2px #ccc; display: block; cursor: pointer; height: 18px; width: 18px; text-align: center; font-size: 11px; border-radius: 10px; margin-bottom: 2px; text-decoration: none; color: #999; opacity: 0.6; text-indent: -99999px;}
.banner .slide-nav li a.active {background: #666;}
.banner .slide-show {width: 100%; height: 100%; margin: 0; padding: 0; list-style: none; position: relative;}
.banner .slide-show li {background: url('/tmpl/images/slides/banner_sp.jpg?v111513') no-repeat top left; width: 100%; height: 100%; display: none; text-indent: -99999px; position: absolute; top: 0; left: 0;}
.banner .slide-show a {height: 100%; width: 100%; display: block;}
.ribbon-wrap {position: relative; top: -20px;}
.ie7 .ribbon-wrap {display: none;}
.ribbon {width: 120%; margin-left: -10%; height: 1px; 

background: #c4c4c4; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2M0YzRjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2M0YzRjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #ffffff 0%, #c4c4c4 20%, #c4c4c4 80%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(20%,#c4c4c4), color-stop(80%,#c4c4c4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ffffff 0%,#c4c4c4 20%,#c4c4c4 80%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ffffff 0%,#c4c4c4 20%,#c4c4c4 80%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ffffff 0%,#c4c4c4 20%,#c4c4c4 80%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right,  #ffffff 0%,#c4c4c4 20%,#c4c4c4 80%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
}
.ie8 .banner, .ie7 .banner {border-bottom: solid 1px #ddd;}

.slide-show li {display: none;}
.slide-show li.active {display: block;}
#slide1 {}
#slide2 {background-position: 0 -250px;}
#slide3 {background-position: 0 -500px;}
#slide4 {background-position: 0 -750px;}
#slide5 {background-position: 0 -1000px;}

.promo .slide-nav {display: none;}
.promo #slide1 {display: none;}


.video-wrap {padding-left: 20px;}

#explore {padding: 0 20px;}
#explore a {display: block; background: #F2F2F2; border: solid 1px #DDD; border-radius: 10px; padding: 0.8em 1em; margin-bottom: 0.8em; line-height: 1.6em; font-size: 1.2em; color: #676767; cursor: pointer; }
#explore a:hover {background: #eee; text-decoration: none;}
#explore a span {font-size: 0.9em; text-decoration: underline; float: right;}
#explore a span:after {content: "expand";}
#explore.active a span:after {content: "collapse";}

.mobile .category-nav {display: none;}
.full #explore {display: none;}
.full .profession-select {display: none;}
.full .right-column .btn-add-cart {display: none;}
.mobile .left-column .btn-add-cart {display: none;}
.full .header .view-cart {display: none;}
.header .view-cart {color: #fff; font-size: 1.2em; padding-left: 10px;}
.header .view-cart:link {color: #fff;}
.header .view-cart:visited {color: #fff;}
.checkout-wrap {padding: 0 20px;}

.content-table {margin: 0 auto;}
/* cart */
.security-ssl .security-metrics {padding-top: 12px;}
.security-ssl {float: right;}
.security-ssl p {float: right; margin-left: 30px}
.mobile #carttable {display: none;}
.full #custom-cart {display: none;}
.mobile .button-row {display: none;}
.content-table {margin: 0 auto;}
.mobile .security-ssl {display: none;}
.cart-heading h1 {padding: 30px 20px 0;}
.full .cart-heading h1 {padding-left: 0;}
.full .mobile-only {display: none;}
.mobile .full-only {display: none;}

/* temporary fixes */
.mobile #handle_checkoutMainPortlet #carttable {display: block;}

fieldset {border: 0;}
label {font-size: 1.2em;}
label {font-size: 1.2em;}
p label {font-size: 1em;}

a img {border: 0;}

/* MOBILE */
@media screen and (max-width: 480px) {
	body, html {margin: 0; padding: 0; width: 100%;}
	.container {width: 100%;}
	.header {min-width: 300px !important;}
	.content {width: 100%; font-size: 1em;}
	.wrap {border: 0; width: auto;}

	/* footer */
	.footer {width: 100% !important; min-width: 300px !important;}
	.pre-footer {}
	
	.nav {min-width: 300px !important;}
	.nav select {margin: 8px 20px;}

	.container {width: 100% !important; min-width: 300px !important;}
	img {max-width: 90%;}
	.nav ul li {display: none;}
	.secondary-nav {float: none; margin: 20px 0; padding-left: 6px; top: 0; clear: both; text-align: left;}
	.secondary-nav li {margin: 0 0.5em 0 0; padding: 0; font-size: 1.2em;}
	.secondary-nav li:nth-child(1) {display: none;}
	.secondary-nav li:nth-child(4) {display: none;}
	.secondary-nav li:nth-child(5) {margin-right: 0;}
	.lco-login {display: none;}
	.i-want-to {float: none; margin: 0 20px; clear: both;}
	.main-lc {float: none; margin: 0 20px; clear: both; padding: 20px 0 0 0; background-image: none; width: auto;}
	.main-lc ul {background-image: none; border: 0;}
	.main-lc li {border: 0; padding: 0;}
	.main-lc li a {display: block; background: #f2f2f2; border: solid 1px #ddd; border-radius: 10px; padding: 0.8em 1em; margin-bottom: 0.8em; background-image: none;}
	.tabs {float: none;}
	.tabs-wrap {margin-left: 7px;}
	.lexi-logo {display: block; position: relative; margin: 0; left: 24px; top: 20px; width: 130px;}
	.search-wrap { display: none; float: none; clear: both; top: 0; left: 0; margin: 0 auto; text-align: center;}
	.top-right {display: none;}
	.content ul.two-column li {float: none; width: 100%;}
	.homepage .banner {display: none;}
	.homepage .welcome {width: 100%; padding: 0;}
	.homepage .welcome p, .homepage .welcome h1 {padding-left: 10px; padding-right: 10px;}
	.homepage .solutions-for {padding: 0; height: auto;}
	.homepage .solutions-for .individuals {padding: 0 20px;}
	.homepage .solutions-for div {clear: both; border: 0; padding: 20px 20px 0 20px;}
	.homepage .tabs-wrap {display: none;}
	#rc-sections {clear: both; float: none; top: 0; margin: 0 auto; width: 90%;}
	.tabs {width: 90%; float: none; margin: 0 auto; clear: both;}
	.tabs .rc-sections, .tabs #rc-sections {width: 100%; margin: 0; padding: 0;}
	.homepage .i-want-to  {float: none; margin: 0 auto 15px; width: 276px;}
	.homepage .solutions-for div {float: none;}
	.homepage .solutions-for h2 {clear: both;}
	.homepage .solutions-for div ul li img {display: none;}
	.homepage .solutions-for div ul li a {display: block; background: #f2f2f2; border: solid 1px #ddd; border-radius: 10px; padding: 0.8em 1em; margin-bottom: 0.8em;}
	.footer-nav ul li {line-height: 2em;}
	.homepage .ribbon {display: none;}
	.welcome p br {display: none;}
	.homepage .solutions-for div {background-image: none;}
	.homepage .solutions-for div h3 {font-size: 1.8em;}
	.homepage .solutions-for div, .homepage .solutions-for .individuals {padding-left: 10px; padding-right: 10px;}
	.content .quote-box {width: 100%; padding: 0 0 15px; margin: 0 0 20px;}
	.content .quote-box p {padding: 15px 10px 0 25px; background-image: none;}
	.content .v-tour .video-box {display: none;}
	.content .v-tour .description-box {float: none; width: auto; padding: 0; margin: 0;}
	.header .social-media {padding-right: 20px; float: right; clear: both; margin-bottom: 20px; position: relative; margin-top: -18px;}
	.header .social-media li.facebook {border: 0;}
	.header .social-media li.facebook a {height: 30px; width: 30px; background-position: 0 -113px;}
	.header .social-media li.twitter a{height: 30px; width: 30px; background-position: 0 -149px;}
	.header .social-media li.google-plus {padding-top: 3px;}
	.header .social-media li.twitter {border: 0;}
	/* 3 column template */
	.three-columns .wrap {width: 100%;}
	.three-columns .container {width: 100%;}
	.three-columns .container .content {float: none; width: 100%;}
	.three-columns .content-wrap {float: none; width: 100%;}
	.main-lc {display: none;}
	.two-columns .content {width: 100%;}
	.content div.gray-box  {margin-right: 20px;}
	
	/* sub-content */
	.sub-content .container1, .sub-content .container2, .sub-content .container3 {float: none; border: none;}
	.sub-content .section {float: none; width: 100%;}
	.sub-content .section.col1 p, .sub-content .section.col1 li, .sub-content .section.col1 h2 {padding-left: 10px; padding-right: 10px;} 
	.sub-content .section p, .sub-content .section li, .sub-content .section h2 {padding-left: 10px; padding-right: 10px;} 
	.sub-content .section li p, .sub-content .section.col1 li p {padding-left: 0; padding-right: 0;}
	.sub-content .section.col3 p, .sub-content .section.col3 li, .sub-content .section.col3 h2 {padding-right: 10px;}

	/* pre-footer */
	.footer-left {width: 100%;}
	.pre-footer p, .pre-footer ul, .pre-footer h3 {padding: 0 10px;}
	.pre-footer .footer-links {margin-top: 20px; border-top: solid 1px #d5d5d5; width: 100%; padding: 20px 0;}
	.pre-footer .footer-links li {float: none; padding: 0 10px; margin-bottom: 1em;}
	.pre-footer .footer-links li ul li {margin-bottom: 0;}
	
	
	/* testimonials */
	
	.testimonial .left-column {float: none; width: 100%; padding: 0 0 0 20px; margin: 0;}
	.testimonial .right-column {float: none; width: 100%;  padding: 0; margin: 0;}
	.main-testimonial .right-column {padding: 0 0 0 20px;}
	.main-testimonial .left-column {padding-left: 0;}
	.testimonial {padding: 20px 0 0}
	.testimonial img {width: 260px;}
	
	/* webstore */
	#left-column {display: none;}
	#category-page .tabs li {margin-right: 2px;}
	#category-page .tabs li:nth-child(4) {display: none;}
	#category-page .category-wrap {width: 100%;}
	#category-page .category-content {float: none; width: 100%;}
	#div__body {border: 0; box-shadow: none; width: 100%;}
	#category-page .social-media {display:  none;}
	.footer-wrap {width: 100%;}
	.category-content h2 {padding: 0 10px;}
	.category-content p {padding: 0 10px;}
	#category-page select {margin: 0 0 20px 10px;}
	#category-page .box  {width: 90%; margin: 0 auto;}
	#category-page .popular-products {width: 100%;}
	#category-page h3 {width: auto; margin: 0; padding: 20px 0 0 10px;}
	#category-page .popular-products li {float: left; width: 50%; vertical-align: center; margin: 10px 0;}
	#category-page .no-column {padding: 0;}
	#category-page .video p.first {padding-top: 20px; clear: both;}
	#category-page .products-by-profession {float: none;}
	#category-page .video {width: auto; float: none;}
	#category-page .box h3 {padding: 15px 10px;}
	#category-page .description-wrap {float: none; width: auto;}
	#product-options {width: 90%; background-image: none; position: relative; height: auto; float: none; margin-left: 10px;}
	#best-value {display: none;}
	#product-options .left-column {float: none;}
	#product-options .right-column {float: none; padding: 15px 0 0 10px; clear: both; overflow: hidden;}
	#category-page .field select {margin-bottom: 0;}
	#product-options .btn-add-cart {}
	#category-page .item {padding: 0 10px 20px;}
	#category-page h1 {padding: 0.6em 10px;}
	#product-options fieldset .renew-field {margin-bottom: 15px;}
	#product-options .btn-add-cart {top: auto; left: auto; margin-bottom: 15px;}
	#product-image {display: none !important;}
	#product-wrap h1 {padding: 0.6em 10px;}
	#detailed-description {padding: 0 10px;}
	#product-wrap .sub-heading {padding: 0 10px;}
	/* mobile checkout items */
	.content-table {width: 100%;}
	.mobile-btn {display: block; background: #f2f2f2; border: solid 1px #ddd; border-radius: 10px; padding: 0.8em 1em; margin-bottom: 0.8em; color: #676767; text-decoration: underline; cursor: pointer;}
	.mobile-btn-blue {background: #52812d url(/tmpl/images/alert-overlay.png) repeat-x; color: #fff; text-decoration: none;}
	.content-area ul, .contentarea li {margin: 0; padding: 0; list-style: none;}
	.content-area ul {padding: 0 20px;}
	#order-details {background: #f2f2f2 url('/tmpl/images/bg-gradient.gif') repeat-x top left; border: solid 1px #ddd; padding: 0 20px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; margin: 0 20px;}
	.custom-item {padding: 0 20px 10px; border-bottom: solid 1px #ddd; margin-bottom: 20px;}
	.total-price span {font-weight: bold;}
	.item-link a {font-size: 1.4em; text-decoration: none; font-weight: bold;}
	.item-options .bglttext {font-size: 1.2em;}
	#coupon-table td:nth-child(3), #coupon-table td:nth-child(4), #coupon-table > table  > tbody > tr > td:first-child {display: none;}
	#coupon-table {padding: 20px;}
	#div__body p.item-remove {font-size: 1.1em; color: #666;}
	.item-remove a {float: left; margin-right: 3px;}
	

}


/* iPhone */
@media only screen and (max-device-width: 480px) {
	.content {font-size: 1.3em;}
	.content .content {font-size: 1em;}
	#rc-sections, .rc-sections {font-size: 1.2em;}
	.secondary-nav li {margin: 0 0.75em 0 0;}
	.homepage #rc-sections {font-size: 1em;}
	.sub-content, .pre-footer {font-size: 1.3em;}
	#rc-sections p, .rc-sections p {font-size: 1.3em;}
	#rc-sections ul li, .rc-sections ul li {font-size: 1.3em;}
	#rc-sections ul li *, .rc-sections ul li * {font-size: 1em;}
	#rc-sections h3, .rc-sections h3 {font-size: 1.3em;}
	.homepage .i-want-to li:nth-child(4) {display: none;}
	#category-page .category-content p{font-size: 16px;}
	#category-page .category-content ul a {font-size: 16px;}
	#category-page .popular-products p {font-size: 16px;}
	#explore {font-size: 1.1em;}
	
}

/* IE FIXES */
.ie7 .footer-horizontal {width: 500px;}
.ie7 .footer-horizontal li {display: inline; float: none; width: 200px;}
.ie7 .icon-list li {height: 200px;}
.ie7 .footer-text-box {margin: 0; padding: 0; display: block; float: left; line-height: 43px;}
.ie7 .footer .btn-auto-size {display: block; float: left; padding: 0 10px; height: 43px;}
.ie7 #top-logo {width: 292px; float: left;}
.ie7 .wrap, .ie7 .h-section, .ie7 .banner, .ie7 .wk-footer, .ie7 .header {min-width: 980px; margin: 0 auto;}
.ie7 .page-content li li {font-size: 1em;}
.ie7 .page-content li p {font-size: 1em;}

.ie8 .wrap {width: 980px;}
.ie8 .h-section, .ie8 .banner, .ie8 .wk-footer, .ie8 .header {min-width: 980px; max-width: 1600px; margin: 0 auto;}
.ie8 .footer-text-box {margin: 0; padding: 0; display: block; float: left; line-height: 43px;}
.ie8 .footer .btn-auto-size {display: block; float: left; padding: 0 10px; height: 43px;}

/* MEDIA QUERIES */

@media screen and (max-width: 1600px) {
	.large-bg-image {-webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto;}
}

@media screen and (max-width: 960px) {
	.large-bg-image {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
	.h-section-dark .main-topics li {margin-bottom: 24px;}
	.h-section-dark .topics .text {width: auto;}
	.h-section-dark .topics h3 {padding-top: 40px;}
	.h-section-dark .topics h3 br {display: none;}

	.topics .arrow-up.a-topic-1 {left: 28%; margin-left: -20px; margin-top: 20px;}
	.topics .arrow-up.a-topic-2 {left: 50%; margin-left: -20px; margin-top: 20px;}
	.topics .arrow-up.a-topic-3 {left: 74%; margin-left: -20px; margin-top: 20px;}
	
	.horizontal-buttons {width: auto; padding-top: 0;}
	.h-section-dark .sub-topics li {width: 50%; margin: 0; padding: 0;}
	.horizontal-buttons a {border-radius: 0; border-top: 0; border-left: 0; border-color: #99ce70;}
	.horizontal-buttons li:nth-child(2) a, .horizontal-buttons li:nth-child(4) a {border-right: 0;}
	.horizontal-buttons li:nth-child(3) a, .horizontal-buttons li:nth-child(4) a {border-bottom: 0;}
	.h-section-dark .topics p {padding-right: 40px;}
	
	#s-drug-reference h2 {margin-bottom: 30px;}
	#s-drug-data .btn {margin-bottom: 10px;}
	.footer-links.column-4 {clear: left;}
	/*.footer .right {float: left; clear: left;} */
	.h-section-dark .topics h3 {padding-right: 69px;}
	.h-section-dark .main-topics {width: 535px; margin: 0 auto;}
}

@media screen and (max-width: 875px) {
	.h-section .sub-text {width: auto; display: none;}
	.page-content .h-section .sub-text {width: auto; display: block;}
	.webstore-nav .extra-text {display: none !important;}
}

@media screen and (max-width: 800px) {
	.icon-list li.new-row {clear: none;}
	.icon-list li {width: 25%;}
	.search-wrap {display: none;}
	.icon-international {clear: left;}
	.page-content h1 {margin-top: 20px;}
	/* LC template */
	.lc-layout .lc {float: none; width: 100%; margin-right: 0;}
	.lc-layout .content-wrap {float: none; margin-right: 0;}
	.page-content .wrap {max-width: 960px; padding: 0 15px;}
	.video-bar p {float: none; width: auto; text-align: center;}
	.play-video {position: relative; top: auto; left: auto; display: block; margin: 20px auto 0;}
	.video-bg {display: none;}
	.lc-nav {padding: 0 15px;}
}

@media screen and (max-width: 750px) {
	#pills-image {display: none;}
	.plus-list li {width: auto; float: none;}
}

@media screen and (max-width: 680px) {
	.nav ul {padding-left: 0;}
	.nav li a {margin-right: 5px;}
}

@media screen and (max-width: 650px) {
	.icon-list li {width: 33%;}
	.icon-payers, .icon-government {clear: left;}
	.icon-international {clear: none;}
	#clinician-image {display:  none;}
	#view-webinars-btn {margin-bottom: 0;}
	.footer-links.column-3, .footer-links.column-5 {clear: left;}
	.footer-links.column-4 {clear: none;}
}

@media screen and (max-width: 600px) {
	/* display mobile nav at this view */
	.h-section .left {float: none; width: auto;}
	.h-section .right {float: none; width: auto; margin-left: 0; margin-top: 0; padding-top: 30px;}
	.footer-links.column-1 {clear: left;}
	#s-drug-data {padding-bottom: 40px;}

	.jump-links li, .jump-links.two-links li, .jump-links li, .jump-links.three-links li {float: none; width: auto; border-right: 0; border-left: 0; border-bottom: solid 1px #dedede;}
	.jump-links li:first-child  {border-right: 0; border-left: 0; border-bottom: solid 1px #dedede; border-top: solid 1px #dedede;}
	.banner p {width: auto;}
	.h-section-dark .main-topics li {float: none; clear: left; margin: 0 auto 40px; padding-top: 100px;}
	.h-section-dark .main-topics li span {display: none;}
	.h-section-dark .topics {padding-bottom: 40px;}
	.btn-row {margin-bottom: 0;}
	.h-section-dark .main-topics {width: auto;}
	.topics .arrow-up  {display: none;}
	
	.h-section-dark .main-topics li.monitor.active {background-position: 24px 0;}
	.h-section-dark .main-topics li.monitor.active:hover {background-position: -576px 0;}
	.h-section-dark .main-topics li.mobile-device.active {background-position: -176px 0; margin-bottom: 40px;} 
	.h-section-dark .main-topics li.mobile-device.active:hover {background-position: -776px 0;} 
	.h-section-dark .main-topics li.book.active {background-position: -380px 0;}	
	.h-section-dark .main-topics li.book:hover {background-position: -980px 0;}

	.h-section-dark .sub-topics {display: none;}
	
	.nav li, .webstore-nav {display: none;}
	.secondary-nav {display: none;}
	.header .social-media {display: none;}
	.wk-logo-top {float: left;}
	.cdi-logo {margin-top: 20px;}
	.mobile-nav-btn {display: block; text-align: left;}
	.mobile-nav .jump-links li {float: none; width: auto; border-right: 0; border-left: 0; border-bottom: solid 1px #dedede;}
	.mobile-nav .jump-links li:first-child  {border-right: 0; border-left: 0; border-bottom: solid 1px #dedede; border-top: solid 1px #dedede;}	
	
	.page-banner {display: none;}
	
	.h-section .h-content {width: 100%; float: none;}
	.h-section .h-image {width: 100%; position: relative; overflow: hidden; height: 100px; margin: 20px 0; border: solid 1px #ddd; top: 0 !important;}
	.h-dark .h-image {border: solid 1px #666;}
	.page-content .h-section h2 {margin-top: 0;}
	.h-section .h-image img {width: 100%; top: -50%; position: relative;}
	.page-content .jump-links {border: 0;}
	
	.three-columns .column {width: 100%; float: none; margin-bottom: 30px;}
	.column > div {padding: 0;}
	
	ul.steps li {width: 33%; box-sizing: border-box;}
	
	.step .contact-form {padding-left: 0;padding-top: 20px;}
	.step .left-column {float: none; width: auto; margin-bottom: 20px;}
	.step .right-column {float: none; width: auto;}
	
}


.mobile-nav-view .nav {height: 10px;}
.mobile-nav-view .nav li, .mobile-nav-view .webstore-nav {display: none;}
.mobile-nav-view .secondary-nav {display: none;}
.mobile-nav-view .header .social-media {display: none;}
.mobile-nav-view .wk-logo-top {float: left;}
.mobile-nav-view .cdi-logo {margin-top: 20px;}
.mobile-nav-view .mobile-nav-btn {display: block;}
.mobile-nav .jump-links li {float: none; width: auto; border-right: 0; border-left: 0; border-bottom: solid 1px #dedede;}
.mobile-nav .jump-links li:first-child  {border-right: 0; border-left: 0; border-bottom: solid 1px #dedede; border-top: solid 1px #dedede;}
.full-nav-view .mobile-nav {display: none !important;}

@media screen and (max-width: 480px) {
	.icon-list li {width: 50%;}
	.icon-payers {clear: none;}
	.icon-retail, .icon-manufacturers, .icon-international {clear: left;}
	.banner h1 {font-size: 2.7em;}

}	

@media screen and (max-width: 360px) {
	.cdi-logo {width: 80%;}
	.btn {width: auto; display: block; float: none;}
	.btn-row .btn, .page-content .h-section a.btn {width: auto; display: block; float: none;}
	.btn-auto-size {padding: 0;}
	.footer-text-box, #footer-country {width: 100%; margin-bottom: 6px; margin-right: 0;}
	.footer-links.column-3, .footer-links.column-5 {clear: left;}
	.footer-links.column-4 {clear: none;}
	.icon-list {padding-bottom: 30px;}
	.icon-list li {width: 100%; padding: 0; margin: 0 0 10px; text-align: left; float: none;}
	.icon-list a {background-image: none; padding: 1em; margin: 0; background: transparent; display: block; font-weight: normal; border-radius: 5px; color: #ccc; border: solid 1px #7ac143; transition: linear 0.2s background;}
	.icon-list li:hover a {background: #3f3f3f; color: #fff;}
	.page-content .icon-list li {margin-bottom: 1em;}
	.h-section {padding-bottom: 20px;}
	.h-section h2 {font-size: 4em;}
	
}
	
/* override webstore font */
@media screen {
	body, td, select, textarea, input {font-family:  arial, verdana, helvetica, sans-serif;}
}