/* Stylesheet for new homepage */

body {font-size: 10px; font-family: arial, sans-serif; background: #fff url('/tmpl/images/silver-bg.gif') repeat-x; text-align: center;}

.wrap {border: solid .1em #ccc; width: 80.8em; margin: 2em auto; background: #fff;}
.header {width: 80em; margin: 0 auto; position: relative;}

/* header styles */
.header .logo {margin: 1.6em 0 0 1.6em; float: left;}
.search-wrap {height: 4.8em; position: relative;}
.search-form {}
.header-search {height: 23px; position: absolute; top: 20px; right: 76px; width: 176px; background: url('/tmpl/images/bg-search-box.gif') no-repeat top left; border: none; font-size: 1.1em; padding: 4px 0 0 4px; outline: 0;}
.btn-header-search {background: url('/tmpl/images/btn-search.gif') no-repeat top left; width: 66px; height: 23px; position: absolute; top: 20px; right: 14px; border: none;}
.header-nav {float: right; margin: 2em 0 .7em 0; clear: right; width: 46.5em; text-align: right; padding-right: 1.6em;}
.header-nav li {display: inline; margin-left: 18px; list-style-type: none;}
.header-nav li a {text-decoration: underline; color: #6c6e70; font-size: 1.2em;}
.header-nav li a:link {text-decoration: underline; color: #6c6e70; font-size: 1.2em;}
.header-nav li a:hover {text-decoration: underline; color: #6c6e70; font-size: 1.2em;}
.header-nav li a:active {text-decoration: underline; color: #6c6e70; font-size: 1.2em;}
.header-nav li a:visited {text-decoration: underline; color: #6c6e70; font-size: 1.2em;}

/* nav styles */
.nav-wrap {width: 80em; margin: 0 auto; background: url('/tmpl/images/bg-nav.jpg') repeat-x top left; height: 40px; text-align: left;}
#nav, #nav ul {padding: 0; margin: 0; line-height: 1;}
#nav a {display: block; line-height: 40px; text-decoration: none; padding-left: 10px; font-size: 12px;}

/* Heading List */
#nav li {width: 205px; background: #ccc; float: left; position: relative; height: 40px; cursor: pointer; list-style-type: none; z-index: 50;}
#nav li ul li {border: solid 1px #666;}
#nav li ul li ul li {border: solid 1px #ccc; z-index: 50;}
#nav li:hover, #nav li.iehover {background: #999;}

/* Sub 1 */
#nav li ul {width: 205px; position: absolute; left: -99999px;}
#nav li ul li {background: #555;}
#nav li ul li.sub-parent {background: #555 url('/tmpl/images/bg-nav-more.gif') no-repeat; background-position: 190px 15px;}
#nav li:hover ul, #nav li.iehover ul {left: 0;}
#nav li:hover ul li ul, #nav li.iehover ul li ul {left: -99999px;}
#nav li ul li a {color: #f2f2f2;}

/* Sub 2 */
#nav li ul li ul {position: absolute; width: 205px; left: -99999px;}
#nav li ul li ul li {background: #eee; z-index: 1000;}
#nav li ul li ul.medium-length li {width: 250px;} /* sets width for medium sized sub categories elements */
#nav li ul li ul.long-length li {width: 310px;} /* sets width for longer sub categories elements */
#nav li ul li:hover ul, #nav li ul li.iehover ul {left: 0; position: absolute; left: 205px; top: 0;}
#nav li ul li ul li a {color: #333;}
#nav li ul li ul li:hover a, #nav li ul li ul li.iehover a {color: #f2f2f2;}

#nav li.parent {background: url('/tmpl/images/nav_sp.jpg') no-repeat;}
#home #nav li.parent {background: url('/tmpl/images/nav-home_sp.jpg') no-repeat;} /* need different nav without rounded bottom corners for home */
#nav li.parent a {text-indent: -99999px; display: block; height: 100%; width: 100%;}
#nav li.parent ul li a {text-indent: 0;}

#nav li.parent-individuals {width: 102px; background-position: 0px 0px;}
#nav li.parent-individuals:hover {background-position: 0px -40px;}
#nav li.parent-individuals ul li:hover, #nav li.parent-individuals ul li.iehover {background: #693;}

#nav li.parent-institutions {width: 111px; background-position: -102px 0px;}
#nav li.parent-institutions:hover {background-position: -102px -40px;}
#nav li.parent-institutions ul li:hover, #nav li.parent-institutions ul li.iehover {background: #39c;}

#nav li.parent-integration {width: 144px; background-position: -213px 0px;}
#nav li.parent-integration:hover {background-position: -213px -40px;}
#nav li.parent-integration ul li:hover, #nav li.parent-integration ul li.iehover {background: #d07f17;}

#nav li.parent-products {width: 205px; background-position: -357px 0px; float: right;}
#nav li.parent-products:hover {background-position: -357px -40px;}
#nav li.parent-products ul li:hover, #nav li.parent-products ul li.iehover {background: #373737;}

/* nav for home page only, has squared bottom corners insted of rounded*/
#home #nav li.parent {background: url('/tmpl/images/nav-home_sp.jpg') no-repeat;}
#home #nav li.parent a {text-indent: -99999px;}
#home #nav li.parent ul li a {text-indent: 0;}
#home #nav li.parent-individuals {width: 102px; background-position: 0px 0px;}
#home #nav li.parent-individuals:hover {background-position: 0px -40px;}
#home #nav li.parent-individuals ul li:hover, #nav li.parent-individuals ul li.iehover {background: #693;}
#home #nav li.parent-institutions {width: 111px; background-position: -102px 0px;}
#home #nav li.parent-institutions:hover {background-position: -102px -40px;}
#home #nav li.parent-institutions ul li:hover, #nav li.parent-institutions ul li.iehover {background: #39c;}
#home #nav li.parent-integration {width: 144px; background-position: -213px 0px;}
#home #nav li.parent-integration:hover {background-position: -213px -40px;}
#home #nav li.parent-integration ul li:hover, #nav li.parent-integration ul li.iehover {background: #d07f17;}
#home #nav li.parent-products {width: 205px; background-position: -357px 0px; float: right;}
#home #nav li.parent-products:hover {background-position: -357px -40px;}
#home #nav li.parent-products ul li:hover, #nav li.parent-products ul li.iehover {background: #373737;}

/* General */
.clear {clear: both;}
ol, ul {list-style: none;}
img {display: block; margin: 0; padding: 0;}
a {cursor: pointer;}


/* Scrolling Images 
.nav-scroll {text-align: left; height: 16.3em; width: 1.8em; float: left; position: relative; background: #036;}
.rotating-image {width: 54em; height: 22.2em; float: left; margin-bottom: 2em; background: url('/tmpl/images/slides/filler.gif') no-repeat top left; text-align: left;}
.slide-show li a {display: block; text-indent: -99999px;}
#slide1 a {background: url('/tmpl/images/slides/1.jpg') no-repeat top left; height: 222px; width: 540px;}
#slide2 a {background: url('/tmpl/images/slides/2.jpg') no-repeat top left; height: 222px; width: 540px;}
#slide3 a {background: url('/tmpl/images/slides/3.jpg') no-repeat top left; height: 222px; width: 540px;}
#slide4 a {background: url('/tmpl/images/slides/4.jpg') no-repeat top left; height: 222px; width: 540px;}*/


/* Main Section */
.main {width: 80em; margin: 0 auto;}

/* Solutions for */
.welcome {width: 50.3em; padding: 0 0 0 1.5em; margin-bottom: 1.2em; float: left;}
.welcome h1 {clear: both; text-align: left; color: #0059b2; font-size: 1.8em; margin-bottom: .3em;}
.welcome h1 span {color: #036; font-size: 1.3em;}
.welcome p {text-align: left; font-size: 1.2em; line-height: 1.6em;}
.solutions-for-wrap {text-align: left; width: 51.8em; background: #fff url('/tmpl/images/bg-whats-new-main.gif') repeat-y top left; float: left;}
.solutions-for {background: transparent url('/tmpl/images/bg-whats-new-top.jpg') no-repeat top left; height: 17.5em; padding: 1.4em 0 0 1.4em;}
.solutions-for-bottom {height: 4px; background: url('/tmpl/images/bg-whats-new-bottom.gif') no-repeat bottom left; clear: both; margin-bottom: 1.2em;}
.solutions-for div {float: left; margin-right: .9em; border-right: solid 1px #efefef; padding-right: .9em;}
.solutions-for h2 {font-size: 1.1em; font-weight: bold; margin-bottom: 1em; color: #555;}
.solutions-for div h3 {font-size: 1.4em; font-weight: bold;}
.solutions-for .individuals {}
.solutions-for .individuals h3 a {color: #693; text-decoration: none;}
.solutions-for .institutions {}
.solutions-for .institutions h3 a {color: #39c; text-decoration: none;}
.solutions-for .data-integration {margin-right: 0; border-right: none;}
.solutions-for .data-integration h3 a {color: #d07f17; text-decoration: none;}
.solutions-for div ul {font-size: 1.2em; line-height: 1.8em;}
.solutions-for div ul li a {color: #676767;}
.solutions-for div.individuals ul li a:hover {color: #693;}
.solutions-for div.institutions ul li a:hover {color: #39c;}
.solutions-for div.data-integration ul li a:hover {color: #d07f17;}


@font-face {font-family: Gill Sans; src: url('/web/common/fonts/gill-sans-mt.ttf');}
@font-face {font-family: Gill Sans; src: url('/web/common/fonts/gill-sans-mt-bold.ttf'); font-weight: bold;}
.i-want-to {margin: 0; padding: 0; float: right; text-align: left;}
.i-want-to li {list-style: none; margin: 0; padding: 0; width: 275px; height: 69px; background: url('/tmpl/images/btn-rc.jpg') no-repeat; background-position: 0 0;}
.i-want-to li:hover {background-position: -275px 0;}
.i-want-to li a {display: block; height: 100%; background: transparent; line-height: 69px; font-size: 14px; font-weight: normal; padding: 0 8px 0 69px; color: #036; background-position: 0 0; font-family: Gill Sans, arial, sans-serif; text-decoration: none;}
.i-want-to li a:hover {text-decoration: none;}
.i-want-to li a:active {text-decoration: none;}
.i-want-to li a:visited {text-decoration: none;}
						
.i-want-to li a.cart {background: url('/tmpl/images/icons/cart.png') no-repeat;}
.i-want-to li a.download {background: url('/tmpl/images/icons/download.png') no-repeat;}
.i-want-to li a.devices {background: url('/tmpl/images/icons/devices.png') no-repeat;}
.i-want-to li a.login {background: url('/tmpl/images/icons/login.png') no-repeat;}


/* whats new & newsletter */
.tabs {height: 25px; padding-left: 2em; clear: both;}
.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; margin-right: .2em; cursor: default; line-height: 25px;}
.tab-content {display: none; margin: 0 auto; width: 50em; margin: 0 auto; color: #5c5c5c; line-height: 1.3em;}
#tabcontent1 {display: block;}

.testimonial {margin-bottom: 2em; text-align: left; color: #888; padding: 0 20px;}
.testimonial .first {padding-top: 1.5em;}
.testimonial-quote {font-size: 1.2em; color: #5c5c5c;}
.testimonial-author {padding-left: 15px;}
.testimonial-sub {padding-left: 20px;}

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

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

.what-else-new {text-align: left; padding-left: 8em; clear: both;}
.what-else-new a {color: #036; font-size: 1.2em;}

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

.newsletter {text-align: left; position: relative; height: 100%;}
.newsletter p {font-size: 1.2em; color: #5c5c5c; line-height: 1.3em; padding: 0 10px;}
.newsletter p a {color: #676767; text-decoration: underline;}
.newsletter h3 {font-size: 1.4em; color: #1d99d6; font-weight: bold; padding: 15px 0 0 10px; margin-bottom: 8px;}
.newsletter h4 {font-size: 1.2em; color: #036; font-weight: bold; padding-left: 10px; margin-bottom: 6px;}
.newsletter-choices {padding: 0 0 0 1em;}
.newsletter-choices li input {margin-right: .4em;}
.newsletter-choices li {font-size: 1.2em; color: #5c5c5c;}
.newsletter-choices li a {color: #676767; font-size: 1.2em;}
.social-icons {position: absolute; bottom: 1em; left: 1.4em;}
.social-icons li {float: left;}
.social-icons li a {display: block; height: 27px; text-indent: -99999px;}
.facebook-icon {background: url('/tmpl/images/social-icons_sp.jpg'); width: 27px;}
.twitter-icon {background: url('/tmpl/images/social-icons_sp.jpg'); width: 30px; background-position: -27px 0;}
.icon-text {position: absolute; top: 1em; left: 7.5em; width: 17.5em; display: none;}
.icon-text span {font-size: 1.1em; font-weight: bold;}
.newsletter-form {padding: 0 0 0 10px; position: relative; height: 4.3em; margin-bottom: 1.5em;}
.input-newsletter-form {position:  absolute; top: 8px; left: 10px; height: 18px; width: 175px;}
.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;}


/* footer larger
.footer {width: 80em; background: #f3f3f3; margin: 20px auto 12px;}
.footer ul {text-align: left; padding: 15px 0;}
.footer ul li ul {padding: 8px 0 15px;}
.footer ul li a {font-size: 1.4em; color: #616161; font-weight: bold; text-decoration: none;}
.footer ul li ul li a {font-size: 1.2em; color: #505050; font-weight: normal; line-height: 1.4em;}
.footer ul li ul li a:hover {text-decoration: underline;}
.footer ul li {float: left; margin-right: 4.7em;}
.footer ul li.first {padding-left: 2em;}
.footer ul li.last {padding-right: 2em; margin-right: 0;}
.footer ul li ul li {float: none;}
.copyright {width: 42.8em; background: url('/tmpl/images/bg-footer-line.jpg') no-repeat top left; margin: 0 auto 2em; padding: 1.2em 0 0; color: #535353;}
*/

/* footer */
.footer * {margin: 0; padding: 0;}
.footer {width: 720px; background: #f3f3f3; margin: 18px auto 11px; font-family: arial; font-size: 10px;}
.footer ul {text-align: left; padding: 15px 0; list-style: none;}
.footer ul li ul {padding: 8px 0 15px; width: 140px;}
.footer ul li a {font-size: 13px; color: #616161; font-weight: bold; text-decoration: none;}
.footer ul li a:link {color: #616161; font-weight: bold; text-decoration: none;}
.footer ul li a:hover {color: #616161; font-weight: bold; text-decoration: none;}
.footer ul li a:visited {color: #616161; font-weight: bold; text-decoration: none;}
.footer ul li a:active {color: #616161; font-weight: bold; text-decoration: none;}
.footer ul li ul li a {font-size: 11px; color: #505050; font-weight: normal; line-height: 13px; text-decoration: none;}
.footer ul li ul li a:link {color: #505050; font-weight: normal; text-decoration: none;}
.footer ul li ul li a:hover {text-decoration: underline; color: #505050; font-weight: normal;}
.footer ul li ul li a:visited {color: #505050; font-weight: normal; text-decoration: none;}
.footer ul li ul li a:active {color: #505050; font-weight: normal; text-decoration: none;}
.footer ul li {float: left; margin-right: 40px;}
.footer ul li.first {padding-left: 20px;}
.footer ul li.last {padding-right: 0; margin-right: 0;}
.footer ul li ul li {float: none; margin-right: 0;}
.copyright {width: 42.8em; background: url('/tmpl/images/bg-footer-line.jpg') no-repeat top left; margin: 0 auto 20px; padding: 1.2em 0 0; color: #535353; font-size: 12px; font-family: arial; line-height: 1.4em;}

/* events tab */
#events {padding-bottom: 20px;}
.event {clear: both; padding: 10px 0 0 20px;}
.event .title {color: #333; font-weight: normal; font-size: 12px;}
.event .startday {height: 45px; width: 32px; float: left; background: url('/home/events/images/month-day-icons.jpg') no-repeat; background-position: -152px -30px; margin-right: 8px;}
.event .startday p {margin: 0; padding: 0; text-align: center; font-size: 9px; color: #fff;}
.event .startday div {text-align: center; font-size: 18px; font-weight: bold; padding-top: 4px; color: #333;}
.event .city-state-booth b {font-weight: bold; color: #333;}