/*
 * @file
 * global.styles
 *
 * Styles you add here will load for all device sizes, they are "global", as
 * opposed to "responsive" styles, which only load for a given breakpoint (media
 * query) that you set in theme settings. See the README for more details.
 *
 *
 * How to use this file:
 * --------------------
 *
 * There are many empty selectors and some basic styles to act as a guide.
 * Nothing is set in stone and you can change anything - even delete all of it
 * and start with your own clean slate.
 *
 * See global.base also which includes normalize.css and some additional
 * helper classes and base styles.
 */

/* =============================================================================
 *   Base
 * ========================================================================== */

/*
 * To preserve theme settings never apply font properties to the HTML element.
 * This is critically important if you are using the Responsive JavaScript
 * feature as this relies on being able to set a pseudo font family on the HTML
 * element. If you need to set default font properties of any kind use the BODY
 * element as these can be overridden using font theme settings.
 */
.view-display-id-care_inspires_care_video,
.views-field-field-video-url,
.mobile-text {
   display: none;
 }


.map {
  position: relative;
  height:398px;
  margin: 0 auto 0 auto;
}

html {
  background: #fff;
}

body.html{
  font-family: Arial, Helvetica, sans-serif;
}

/* ========================================================================================
 *   Sprite Images - Exceptions / Repeat / Repeat X / Repeat Y / No-Repeat / Bottom Images
 * ======================================================================================== */

/* Exceptions - Begin */
body.html{background: url("../images/bg-site.png") repeat-x;} /* Header 100% */
header#header{background: url("../images/bg-header.png") repeat;} /* Header Background Used to leave transparent the main image */
/* Gradient Photo Gallery Text */
div.view-gallery div.flexslider div.flex-viewport ul li div.field-name-field-gdescription .field-items{background:url("../images/bg-photo-gallery-gradient.png") repeat;}

form#emailafriend-sendemail-form, /* Background Bottom Email to a friend */
form#emailafriend-thank-you-form /* Background Bottom Email to a friend */{
  background:url("../images/bkg-email-to-friend-bottom.gif") no-repeat bottom;
}

div#content div.view-home-gallery #thumbnails ul li{
  background: url("../images/bg-photo-gallery-home.png") no-repeat scroll 0 0 transparent;
}

div#overlay-background .views-row {
  background-image: url("../images/bg-cic-video.jpg");
}

/* Exceptions - End */

#aToolTip, /* Gradient of tooltip Photo Gallery */
div#content div.view-display-id-our_citizenship ul li.open,
div#content div.view-display-id-our_citizenship ul li.views-row:hover {
  background: url("../images/img-sprite-repeatx.gif") repeat-x;
}

form.search-google-appliance-search-form input.form-submit,
div#block-jnj-custom-jnj-custom-gs-desktop-top input.form-submit, /* Search Button */
div.view-gallery, /* Photo Gallery */
div.view-gallery div#slider .direction-nav a.flex-play, /* Photo Gallery Buttons */
div.view-gallery div#slider .flex-direction-nav a, /* Photo Gallery Buttons */
div.view-gallery div#slider .flex-pauseplay a.flex-play, /* Photo Gallery Buttons */
div.view-gallery div#slider .flex-pauseplay a.flex-pause, /* Photo Gallery Buttons */
#aToolTip .arrow, /* Photo Gallery ToolTip Arrow Down */
div#content-column .toolbox-block  li a, /* ToolBox - TextSize, TextOnly, Email, Printer, RSS */
div.region-content-aside div.video-player-text, /* BackgroundRed of Video Right Side */
div.region-content-aside div.video-player-text a, /* BackgroundRed of Video Right Side */
form#emailafriend-sendemail-form div.form-title, /* Background Header Email to a Friend */
form#emailafriend-thank-you-form div.form-title, /* Background Header Email Thanks to a Friend */
form#emailafriend-sendemail-form div.form-item div.container-error, /* Icon Error Email to a Friend */
form#emailafriend-sendemail-form input#edit-submit, /* Default Buttons from Email to a friend */
form#emailafriend-sendemail-form input#edit-cancel, /* Default Buttons from Email to a friend */
form#emailafriend-thank-you-form input#edit-close-btn, /* Default Buttons from Email to a friend */
span.accordion-open a, /* Default Accordion Open */
span.accordion-close a, /* Default Accordion Close */
div#content div.view-products-links-list li.views-row div.views-field-nothing div.tooltip-text div.tooltip-arrow, /* Consumer Products ToolTip Arrow */
div#overlay-background .overlay-close, /* Overlay Close Button */
div#at15s_head, /* Background Share Page */
a.email span.mail-icon, /* Icon Email Share Page */
div.callout-contact-us p.contact-text,  /* Contact Us Image - Partnering */
div#content div.view-home-gallery #slider .views-field-field-full-story-link-text a, /* Home Gallery Arrow */
div#content div.view-home-gallery #slider .views-field-field-full-story-link-text a:hover /* Home Gallery Arrow Hover*/{
  background: url("../images/img-sprite.png") no-repeat;
}

/* =============================================================================
 *   Default Font Styles & Align
 * ========================================================================== */

ul.menu li,
menu,
ol,
ul,
h1,
p{
  margin:0;
  padding:0;
}

#main-content,
.block-inner,
.pane-inner,
.menu-wrapper,
.branding-elements,
.breadcrumb-wrapper,
.attribution,
.at-panel .rounded-corner,
.block-panels-mini > .block-title,
div.messages {
  margin: 0;
}

div#page {
  max-width: 990px;
  background: #fff;
}

h1#page-title,
div.pageTitle div.field-item {
  color: #12C2E9;
  font: 1.5em Arial;
  margin-bottom:10px;
}
body.search-page h1#page-title {
  margin: 25px 0 10px 0;
}
body.page-search h1#page-title {
  margin: 25px 0 10px 0;
}
.desktop,
.tablet,
.mobile {
  display: none !important;
}

a sup {
  vertical-align: super;
  top: 0;
}
html.Firefox a sup {
  vertical-align: baseline;
  top: -0.5em;
}

p {
  margin-bottom: 15px;
}

.sub-title.italic {
  display: block;
  margin-bottom: -10px;
}
li .sub-title.italic {
  display: inline;
  margin-bottom: 0;
}
div#content .italic,
.italic {
  font-style: italic !important;
}
div#content ul li,
div#content ol li {
  font: 0.75em Arial;
  color: #555555;
}
div#content ul li ul,
div#content ul li ol{
  margin:2px 0 0 40px;
}
div#content ul li ul li,
div#content ul li ol li{
  font-size: 1em;
}

/* =============================================================================
 *   Header
 * ========================================================================== */

header#header {
  min-height: 101px;
  position: absolute;
  width: 990px;
  z-index:1;
}

/* Example hover logo */
section.logo-block div.field-content {
  height: 60px;
  overflow: hidden;
  position: relative;
  top: 0;
  z-index:1;
}

section.logo-block div.field-content img{
  position:absolute;
  z-index:0;
}

section.logo-block div.field-content img:hover {
  position: absolute;
  top: -80px;
  z-index:0;
}

/* Menu Header */
div.region-leaderboard {
  min-height: 49px;
}

div.region-leaderboard nav.leaderboard-menu {
  margin: 0;
  padding-top: 15px;
  float: left;
  border: none;
  font-size: 14px;
}

div.region-leaderboard nav.leaderboard-menu ul.menu {
  margin: 0 0 0 20px;
}

div.region-leaderboard nav.leaderboard-menu ul.menu li {
  list-style: none;
  float: left;
  margin-right: 18px;
  line-height: 17px;
}

div.region-leaderboard nav.leaderboard-menu ul.menu a {
  color: #005C70;
  display: block;
  font-weight: bold;
  text-decoration: none;
}

div.region-leaderboard nav.leaderboard-menu ul.menu a:hover {
  color: #12C2E9;
}

/* Logo */
section#block-views-header-and-footer-logo {
  height: 65px;
  padding-left: 28px;
  padding-top: 20px;
  width: 315px;
  float: left;
}

/* Main Menu */
header#header section.open-main-menu {
  display: none;
}

nav.main-menu {
  padding: 10px 0 8px;
}

nav.main-menu ul.menu li ul.menu{
  display: none;
}

nav.main-menu .menu-block-wrapper li {
  float: left;
  list-style: none;
  padding: 30px 25px;
  line-height: 22px;
}

nav.main-menu .menu-block-wrapper li a {
  font-size: 18px;
  color: #FFF;
  text-decoration: none;
}

nav.main-menu  li span.static-menu-item {
  font-size: 18px;
  color: #FFF;
}

nav.main-menu  li span.static-menu-item:hover {
  cursor: pointer;
}

nav.main-menu  li span.static-menu-item.active-trail,
nav.main-menu  li a.active-trail,
nav.main-menu  li a.active,
nav.main-menu  li a:hover {
  color: #11C0E8;
}

body.node-type-home nav.main-navigation  li a.active {
  color: #fff;
}

body.node-type-home nav.main-navigation  li.first a {
  color: #11C0E8;
}

/* Menu Side Bar */
.sidebar-menu{
  padding:15px 10px 15px;
  margin-top: 249px;
}

.sidebar-menu ul.menu li{
  list-style:none outside none;
}

.sidebar-menu ul.menu li a{
  padding: 0;
  display: block;
  color: #638E97;
  text-decoration: none;
  font:bold 14px Arial;
}

.sidebar-menu ul.menu li a:hover{
  color:#12C2E9;
}

.sidebar-menu ul.menu li ul li{
  padding-top:10px;
  padding-left:10px;
}

body.not-front .content-column{
  background-position: 0 0;
  background-size: 100% 250px;
  background-repeat: no-repeat;
  padding-top:249px;
  position:relative; /* Check why this value is used ? - Refactory */
}

body.node-type-home .content-column {
  padding-top: 0 !important;
}

/* Check why this value is used ? Bug fixing on IE-7 content resize disappears the content */
html.IE-7 body.not-front .content-column{
  position:static;
}

/* Photo Gallery */

/* !important; Overrides properties from flexslider */

div.view-gallery{
  background-position:0 -65px;
  width:306px;
  height:407px;
  position:relative;
  padding:0 4px 0 5px;
  float:right;
}

div.view-gallery div.flexslider {
  background:none;
  border:0;
  margin-bottom:0;
  box-shadow: 0 0 0 transparent !important;
  -o-box-shadow: 0 0 0 transparent !important;
  -icab-box-shadow: 0 0 0 transparent !important;
  -khtml-box-shadow: 0 0 0 transparent !important;
  -moz-box-shadow: 0 0 0 transparent !important;
  -webkit-box-shadow: 0 0 0 transparent !important;
  border-radius:0;
  -o-border-radius:0;
  -icab-border-radius:0;
  -khtml-border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
}

div.view-gallery div#slider ul li{
  list-style:none;
}

div.view-gallery div.title{
  font-size:11px;
  font-weight:bold;
  color:#1DC6F0;
  padding:10px 10px 0;
}

div.view-gallery div.flexslider div.flex-viewport ul li div.field-name-field-title{
  color: #555555;
  font-size: 11px;
  height: 13px;
  overflow: hidden;
  padding: 15px 20px 10px 10px;
  position:relative;
}

div.view-gallery div.flexslider div.flex-viewport ul li div.field-name-field-title div.field-item{
  position:absolute;
  bottom:5px;
}

div.view-gallery div.flexslider div.flex-viewport ul li div.field-name-field-gdescription .field-items{
  position:absolute;
  bottom:0;
  min-height:34px;
  width:306px;
}

div.view-gallery div.flexslider div.flex-viewport ul li div.field-name-field-gdescription .field-items .field-item,
div.view-gallery div.flexslider div.flex-viewport ul li div.field-name-field-gdescription .field-items .field-item p{
  color:#fff;
  font-weight:bold;
  padding: 3px 5px;
  font-size:10px;
}

div.view-gallery div#carousel{
  padding:10px 6px;
  width:291px;
}

/* Remove the effect from carrousel when the user clicks */
div.view-gallery div#carousel div.flex-viewport ul li{
  padding: 3px;
  margin-right:9px;
  cursor: pointer;
}

div.view-gallery div#carousel div.flex-viewport ul li.flex-active-slide img{
  border-radius:3px;
  border:3px solid #00CCFF;
  margin:-3px;
}

/* Arrows from first slider - Begin */
div.view-gallery div#slider{
  position:static;
}

div.view-gallery div#slider .direction-nav a{
  position:absolute;
}

div.view-gallery div#slider .direction-nav,
div.view-gallery div#slider .flex-direction-nav{
  position:absolute;
  left:40px;
  bottom:31px;
  z-index:1;
  zoom:1;
}

div.view-gallery div#slider .flex-pauseplay{
  position:absolute;
  left:143px;
  bottom:7px;
  z-index:1;
  zoom:1;
}

div.view-gallery div#slider .direction-nav a.flex-play,
div.view-gallery div#slider .flex-direction-nav a,
div.view-gallery div#slider .flex-pauseplay a.flex-play,
div.view-gallery div#slider .flex-pauseplay a.flex-pause{
  margin:0;
  opacity:1;
  text-indent:-1000em;
  overflow:hidden;
  display:block;
  width:22px;
  height:23px;
}

div.view-gallery div#slider .direction-nav a.prev,
div.view-gallery div#slider .flex-direction-nav a.flex-prev,
div.view-gallery div#slider .flex-direction-nav a.flex-prev:hover{
  background-position:0 -567px;
  left:-31px;
}

div.view-gallery div#slider .direction-nav a.next,
div.view-gallery div#slider .flex-direction-nav a.flex-next,
div.view-gallery div#slider .flex-direction-nav a.flex-next:hover{
  background-position:0 -534px;
  right:-265px;
}

div.view-gallery div#slider .direction-nav a.flex-play,
div.view-gallery div#slider .flex-pauseplay a.flex-play,
div.view-gallery div#slider .flex-pauseplay a.flex-play:hover{
  background-position:0 -501px;
  left:107px;
  top:1px;
}

div.view-gallery div#slider .direction-nav a.playing,
div.view-gallery div#slider .flex-pauseplay a.flex-pause,
div.view-gallery div#slider .flex-pauseplay a.flex-pause:hover{
  background-position:0 -601px;
  left:107px;
  top:1px;
}

.defaultTheme {
  border: 1px solid #d3d3d3;
  border-radius: 5px 5px 5px 0;
  -o-border-radius: 5px 5px 5px 0;
  -icab-border-radius: 5px 5px 5px 0;
  -khtml-border-radius: 5px 5px 5px 0;
  -moz-border-radius: 5px 5px 5px 0;
  -webkit-border-radius: 5px 5px 5px 0;
  box-shadow: 0 0 0 transparent;
  -o-box-shadow: 0 0 0 transparent;
  -icab-box-shadow: 0 0 0 transparent;
  -khtml-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  color: #333;
  margin: 0;
  padding: 2px 3px !important;
  font-weight:bold;
  font-size:12px;
}

#aToolTip .arrow {
  background-position:0 -653px;
  position: absolute;
  left:-2px;
  bottom:-10px;
  width:10px;
  height:10px;

}

div.view-gallery div#slider ul.direction-nav a.manualpause,
div.view-gallery div#slider ul.direction-nav a.manualplay{
  left:100px;
}

div.view-gallery div#slider ul.direction-nav a.manualpause{
  visibility:hidden;
}

div.view-gallery div#slider ul.playing a.manualpause{
  visibility:visible;
}


/* Arrows from first slider - End */
div#content div.view-home-gallery,
div#content div.view-home-gallery #slider{
  position:relative;
  width:100%;
  z-index:0; /* Path for Ipad -'header#header' */
}

div#content div.view-home-gallery .flex-direction-nav {
  display: none;
}

div#content div.view-home-gallery #slider li {
  margin: 0;
  padding: 0;
  overflow:hidden;
  border: none;
}

div#content div.view-home-gallery #thumbnails{
  position:absolute;
}

div#content div.view-home-gallery #slider .views-field-title,
div#content div.view-home-gallery #slider .views-field-field-hide-slide-title{
  font-weight: normal;
  width: 33%;
}
div#content div.view-home-gallery #slider .views-field-title {
  display: none;
}

div#content div.view-home-gallery #slider .views-field-title span a,
div#content div.view-home-gallery #slider .views-field-field-hide-slide-title span a{
  font-size: 30px;
  line-height: 36px;
  text-decoration:none;
}

div#content div.view-home-gallery #slider .views-field-body{
  bottom:47%;
  left:6%;
  width: 36%;
}

div#content div.view-home-gallery #slider .views-field-body p{
  color: #0E8BA6;
  font-size: 15px;
}

div#content div.view-home-gallery #slider .views-field-field-full-story-link-text {
  bottom:40%;
  left:6%;
}

div#content div.view-home-gallery #slider .views-field-field-full-story-link-text a {
  background-position:right -1790px;
  color: #387384;
  font-size: 12px;
  font-weight: bold;
  padding-right: 13px;
  text-decoration: none;
  display: inline-block;
}

div#content div.view-home-gallery #slider .views-field-field-full-story-link-text a:hover {
  background-position:right -1829px;
  color: #B41601;
}

div#content div.view-home-gallery #thumbnails{
  bottom:10px;
  left: 25px;
}

div#content div.view-home-gallery #thumbnails h3{
  margin:0 0 0 5px;
  font-size:19px;
  line-height: 24px;
  color:#0e8ba6;
  font-weight:normal;
}

div#content div.view-home-gallery #thumbnails ul li{
  float: left;
  height: 102px;
  margin-right: 5px;
  padding: 12px 4px 3px;
  width: 173px;
}

div#content div.view-home-gallery #thumbnails li div.full-thumbnail span.shadow{
  background: #000;
  border: medium none;
  height: 70px;
  margin: 0;
  padding: 0;
  text-indent: 0;
}

div#content div.view-home-gallery #thumbnails li.flex-active div.full-thumbnail img{
  opacity: 0.8;
  filter: alpha(opacity=80);
  height: 70px;
}

div#content div.view-home-gallery #thumbnails li a {
  text-decoration: none;
  cursor:pointer;
}

div#content div.view-home-gallery #thumbnails li a span {
  font-size: 12px;
  font-weight: bold;
  padding-top: 10px;
  text-indent: 7px;
  color: #26C7EA;
  padding-bottom: 10px;
  display: block;
  width: 100%;
}

div#content div.view-home-gallery #thumbnails li.flex-active a span {
  border-top: 5px solid #B41601;
  margin-top: -5px;
  position: relative;
}

div#content div.view-home-gallery #slider div.views-field-field-fullimage img{
  max-width:100%;
  width:auto;
}

div#content div.view-home-gallery #slider ul.slides li {
 display:none;
}

div#content div.view-home-gallery #slider  ul.slides li:first-child {
 display:block;
}


/* =============================================================================
 *   Footer
 * ========================================================================== */
footer#footer {
  margin-top:20px;
  padding: 20px 0 30px 0;
  border-top: 1px solid #E5E5E5;
  overflow: hidden;
}

body.node-type-home footer#footer {
  padding: 35px 19px 30px 19px;
  border: none;
  margin: 0;
}

/* Menu Footer */
footer#footer nav.footer-menu {
  padding-bottom: 18px;
  width: 100%;
  float: left;
}

footer#footer nav.footer-menu li {
  float: left;
  font-size: 12px;
  padding: 0 14px 0 0;
  list-style: none;
}

footer#footer nav.footer-menu li a {
  color: #797979;
  text-decoration: none;
}

footer#footer section#block-views-header-and-footer-footer {
  clear:both;
}

footer#footer section#block-views-header-and-footer-footer p {
  color: #797979;
  font-size: 9px;
  margin-bottom: 10px;
  line-height: 12px;
}

footer#footer section#block-views-header-and-footer-footer p a {
  color: #12C2E9;
}

footer#footer .footer-logo {
  float: right;
  width: 36%;
  text-align: right;
}

footer#footer .footer-logo img {
  /*padding-right: 10%;*/
  width: auto;
  max-width: 100%;
}

footer#footer section.block-lastupdate {
  float: left;
  clear: left;
  white-space: nowrap;
}

footer#footer section.block-lastupdate p{
  color: #797979;
  font-size: 0.65em;
}

/* Social Links */
section#block-views-nodequeue-1-social-mobile {
  display: none;
}

footer#footer section.social-links { /* pode colocar por classe geral */
  float: right;
}

footer#footer .social-links ul{ /* pode trocar por geral-class ul */
  margin: 5px 0 35px;
  overflow: hidden;
}

footer#footer .social-links li { /* pode trocar por geral-class li */
  color: #797979;
  float: left;
  font-size: 11px;
  height: 30px;
  padding-left: 12px;
  width: 30px;
  list-style: none;
}

footer#footer .social-links li.find { /* pode trocar por geral-class li.find */
  width: 55px;
  text-align: right;
}

footer#footer .social-links li a { /* pode trocar por geral-class li.a */
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  height: 30px;
  width: 30px;
  display: block;
}

footer#footer .social-links li img { /* pode trocar por geral-class li img */
  display: block;
}

/* =============================================================================
 *   Content
 * ========================================================================== */

/* Home */
li.menu-item-835,
body.node-type-home h1#page-title,
section#block-block-4,
body.node-type-home .node-content{
 display: none !important;
}

div#content div#block-views-home-gallery-block {
  position: relative;
  margin-top:0;
}
div#content div#block-views-home-gallery-block div.views-field-field-hide-slide-title,
div#content div#block-views-home-gallery-block div.views-field-body,
div#content div#block-views-home-gallery-block div.views-field-field-full-story-link-text {
  margin-left: 7%;
  margin-bottom: 10px;
}
div#content div#block-views-home-gallery-block li.views-row-1 div.views-field-field-full-story-link-text{
  position: relative;
  bottom: 3%;
  left: 0;
}
html.IE-7 div#content div#block-views-home-gallery-block li.views-row-1 div.views-field-field-full-story-link-text{
  bottom: 10%;
}
div#content div#block-views-home-gallery-block div.views-field-field-hide-slide-title{
  margin-top: 3%;
}
div#content div#block-views-home-gallery-block div.home-slide-content.no-mobile {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 30%;
  left: 0;
}

body.node-type-home #columns {
  position: relative;
  padding-top: 101px;
}
body.node-type-home .homepage-header-image {
  position: relative;
}
body.node-type-home .homepage-header-image p.text {
  position: absolute;
  font-size: 0.938em;
  color: #0E8BA6;
  line-height: 20px;
  top: 50%;
  margin-top: -75px;
  left: 3%;
  width: 350px;
}

body.node-type-home #block-readspeaker-readspeaker-block {
  position: absolute;
  bottom: -20px;
  height: 24px;
  left: 27px;
}

body.node-type-home div#rs_playerarea {
  bottom: 27px;
  clear: right;
  float: none;
  left: 65px;
  margin-bottom: 20px;
  position: absolute;
}

/* Structure for Layouts Templates */
body.smaller-layout section#main-content {
  width: 405px;
  float:left;
}

body.medium-layout section#main-content,
.node-job-position {
  width: 600px;
}

body.larger-layout section#main-content {
  float:none;
  width:auto;
}

/* Views List Pages */
div#content .block-views {
  margin-top: 15px;
}

div#content .block-views ul{
  margin: 0;
}

div#content .block-views li.views-row {
  list-style: none;
  font-size: 100%;
  margin: 10px 0 0;
  padding-top: 10px;
  border-top: 1px solid #e1e9e6;
}
/* fixing our stories list */
div#content div.view-nodequeue-8 li.views-row,
div#content div.view-id-recent_products_list  li.views-row {
  clear: both;
  overflow: hidden;
}

div#content .block-views li.views-row-last {
  border-bottom: 1px solid #e1e9e6;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

div#content div#our_thumbnails li.views-row-last,
div#content div#our_slider li.views-row-last {
  border: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

div.our-products-gallery-slider {
  overflow: hidden;
}

/* Our Citizenship Landing Page - Begin */
div#content div.view-display-id-our_citizenship .first-column {
  float: left;
  width:49%;
}

div#content div.view-display-id-our_citizenship .second-column {
  float: right;
  width:49%;
}

div#content div.view-display-id-our_citizenship ul li.views-row {
  border: 0;
  padding: 10px;
  margin:0 0 10px;
  overflow: hidden;
}

div#content div.view-display-id-our_citizenship li.views-row div.views-field-field-thumbnail,
div#content div.view-display-id-our_citizenship li.views-row div.views-field-title {
  padding: 0;
  margin: 0;
}

div#content div.view-display-id-our_citizenship li.views-row div.views-field-nothing {
  background: none;
  min-height:88px;
  padding-bottom:10px;
  cursor: pointer;
}

div#content div.view-display-id-our_citizenship li.views-row div.views-field-field-teaser p {
  margin: 5px 4px 0 5px;
}

div#content div.view-display-id-our_citizenship li.views-row div.views-field-field-teaser-accordion {
  clear:both;
}

div#content div.view-display-id-our_citizenship li.views-row div.views-field-title{
  font-size: 14px;
  color: #0E8BA7;
}

div#content div.view-display-id-our_citizenship ul li.open,
div#content div.view-display-id-our_citizenship ul li.views-row:hover{
  background-position:0 bottom;
  margin:-1px -1px 9px -1px;
  border:1px solid #eaeaea;
  border-radius: 10px;
  -o-border-radius: 10px;
  -icab-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

/* Our Citizenship Landing Page - End */

div#content .block-views li.views-row div.views-field-field-thumbnail {
  float: left;
  margin: 0 10px 0 0;
  padding-top: 6px;
  width: 100px;
}

div#content .block-views li.views-row div.views-field-title {
  font: 0.75em/1.3 Arial;
  font-weight: bold;
  padding: 5px 0 5px;
  margin-left: 110px;
}
div#content .block-views li.views-row div.views-field-field-teaser {
  margin-left: 110px;
}
div#content .block-views.news-block li.views-row div.views-field-title {
  margin-left: 0;
}
div#content .block-views.news-block li.views-row div.views-field-title {
  font-size: 0.8em;
}
div#content .block-views.news-block li.views-row .date-display-single {
  font-size: 0.8em;
}

div#content .block-views li.views-row p {
  margin: 0;
  font: 0.75em/1.3 Arial;
}

div.view-recent-products-list {
  margin-top: 70px;
}
div#content div.view-recent-products-list .item-list > h2 {
font-size: 1em;
margin: 10px 0;
color: #0E8BA6;
font: bold 1em Arial;
}

/* Infinity Scroll - Load More - Begin */
div#content div.item-list ul.pager {
  text-align: left;
}

div#content div.item-list ul.pager li{
  margin:0;
  padding:0;
}

div#content div.item-list ul.pager li a{
  border-radius: 5px;
  padding: 5px 10px;
  display:inline-block;
  border: 1px solid;
  font-size: 14px;
  font-weight:bold;
  text-decoration:none;
}

div#content div.item-list ul.pager .ajax-progress-throbber{
  display:none;
}
/* Infinity Scroll - Load More - End */

/* Menu Bar */
div#content-column .toolbox-block {
  margin: 20px 10px 20px 0;
  float: right;
}
body.page-not-found .toolbox-block {
  margin: 0 !important;
}
body.page-not-found .block-readspeaker {
  display: none !important;
}
body.page-not-found .content-column {
  padding-top: 130px !important;
}

div#content-column .toolbox-block  li {
  color: #638E97;
  float: left;
  font: 11px/12px Arial;
  padding: 0 0.8em 0 0.5em;
  list-style: none;
  border-left: 1px solid #E5E5E5;
}

div#content-column .toolbox-block  li.first {
  border-left: none;
}

/* Fix remove link Graphic Version */
div#content-column .toolbox-block  li a{
  padding-left: 25px;
  color: #638E97;
  cursor: pointer;
  text-decoration: none;
}

div#content-column .toolbox-block  li a.graphic-version{
  display: none;
}
div#content-column .toolbox-block  li a.text-resize{
  background-position: 0 -683px;
}

div#content-column .toolbox-block  li a.text-only {
  background-position: 0 -703px;
  padding-left: 15px;
}

div#content-column .toolbox-block  li a.email {
  background-position: 0 -720px;
  padding-left: 20px;
}

div#content-column .toolbox-block  li a.printer {
  background-position: 0 -739px;
  padding-left: 20px;
}

div#content-column .toolbox-block  li a.rss {
  background-position: 0 -756px;
  padding-left: 15px;
}

/* Breadcrumb */
div#content-column div.breadcrumb {
  border-bottom: 1px solid #e1e9e6;
  padding: 20px 0 10px;
  font-size: 12px;
}

div#content-column div.breadcrumb ul {
  overflow: auto;
}

div#content-column div.breadcrumb li {
  float: left;
  list-style: none;
  color: #12C2E9;
}

div#content-column div.breadcrumb li a {
  color: #7BB0BB;
  text-decoration: none;
}

div#content-column div.breadcrumb li a:hover {
  text-decoration: underline;
}

div#content-column div.breadcrumb li span {
  color: #7BB0BB;
  margin: 0 5px;
}

/* Gallery and Video Region */
div.region-content-aside {
  float: left;
  width: 365px;
}

/* Video Player */
div.region-content-aside div.video-player-text,
div.region-content-aside div.video-player-text a {
  background-position:0 -803px;
}

div.region-content-aside div.video-player-text {
  text-align: center;
  float: right;
}

div.region-content-aside div.video-player-text a {
  color: #fff;
  width: 350px;
  height: 21px;
  padding-top: 3px;
  text-decoration: none;
  display: block;
}

/* Image Right */
div.region-content-aside div.view-image-right-side-views {
  float: right;
  width: 350px;
  margin-top: 20px;
}

div.region-content-aside div.views-field-field-image-right-side-descripti p {
  font-size: 10px;
  line-height: 13px;
}

/* =============================================================================
 *   Text Size
 * ========================================================================== */
section#main-content.large,
section#main-content.large div#content div.views-field-title,
section#main-content.large div.views-field-title span.field-content a,
section#main-content.large div.pdf-list ul li a{
  font-size: 24px;
}

section#main-content.x-large,
section#main-content.x-large div#content div.views-field-title,
section#main-content.x-large div.views-field-title span.field-content a,
section#main-content.x-large div.pdf-list ul li a{
  font-size: 32px;
}

/* Our Products Landing Page */
div#content .our-products-gallery-slider{
  background:#f1f1f3;
  border:1px solid #e5e5e5;
  border-bottom: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width:100%;
}
div#content .our-products-gallery-thumb{
  background:#f1f1f3;
  border:1px solid #e5e5e5;
  border-top: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  width:100%;
  margin-top: 0;
}

div#content div.view-our-products-gallery  h1,
div#content div.view-our-products-gallery  div.item-list > h2{
  font: normal 2em arial;
  color: #12c2e9;
  padding: 0 0 0 15px;
  position:relative;
  z-index:1;
  margin: 0;
  width:56%;
}

div#content div.view-our-products-gallery div#our_slider,
div#content div.view-our-products-gallery div#our_thumbnails{
  margin:0 15px;
}

div#content div.view-our-products-gallery div#our_thumbnails{
  clear:both;
}

div#content div.view-our-products-gallery div#our_slider div.content-body{
  float:left;
  width:38%;
  min-height:205px;
}

div#content div.view-our-products-gallery div#our_slider div.views-field-title,
div#content div.view-our-products-gallery div#our_slider div.views-field-title h2{
  margin:0;
}

div#content div.view-our-products-gallery div#our_slider ul li.views-row{
  border-top:0;
  padding-top:0;
  overflow:visible;
}

div#content div.view-our-products-gallery div#our_slider ul li.views-row div.views-field-field-image{
  float:right;
  margin-top:-50px;
}

div#content div.view-our-products-gallery div#our_slider div.views-field-title,
div#content div.view-our-products-gallery div#our_slider ul li.views-row div.views-field-body{
  width:43%;
}

div#content div.view-our-products-gallery div#our_thumbnails ul li.views-row{
  display:inline-block;
  zoom: 1;
  border-top:0;
  overflow:hidden;
  margin-left:1%;
  padding-bottom:10px;
}
html.IE-7 div#content div.view-our-products-gallery div#our_thumbnails ul li.views-row{
  display: inline;
}


/* Email to a friend */
body.page-emailafriend,
body.page-emailafriend-success{
  background:none;
  overflow:auto;
}

form#emailafriend-sendemail-form,
form#emailafriend-thank-you-form{
  font:normal .75em Arial;
  color:#555;
  width: 391px;
  margin:2px auto;
  position:relative;
}

form#emailafriend-thank-you-form{
  padding-bottom:0;
}

form#emailafriend-sendemail-form div.form-title,
form#emailafriend-thank-you-form div.form-title{
  background-position:0 -857px;
  color: #0E8BA6;
  font: bold 14px Arial;
  padding:12px;
  margin:-1px;
  text-align:center;
}

form#emailafriend-thank-you-form p.message-email{
  color: #0E8BA6;
  font: bold 14px Arial;
  text-align:center;
  padding:40px 0 80px;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  margin:0;
}

form#emailafriend-sendemail-form div.form-header{
  padding: 10px  0;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  text-align:center;
}

form#emailafriend-sendemail-form div.error{
  background:none;
  color:#555;
  border-left: 0;
  border-right: 0;
}

form#emailafriend-sendemail-form div.container-error{
  padding:1% 5%;
  padding-bottom:5px;
  color:#FF0000;
  font-weight:bold;
  font-style:italic;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  position:relative;
  top:-26px;
}

form#emailafriend-sendemail-form div.form-item div.container-error{
  background-position:0 -989px;
  position:absolute;
  border-left: 0;
  border-right: 0;
  padding-left:20px;
  right:100px;
  bottom:0;
  top:33px;
  width:auto;
}

form#emailafriend-sendemail-form div.form-item-friend-email div.container-error{
  top:66px;
}

form#emailafriend-sendemail-form div.form-footer p{
  font:inherit;
  width: 90%;
  margin: 0 auto;
}

form#emailafriend-sendemail-form input#edit-submit,
form#emailafriend-sendemail-form input#edit-cancel,
form#emailafriend-thank-you-form input#edit-close-btn{
  background-position:65px -1038px;
  border: 0 none;
  padding: 0 25px 10px;
  position:relative;
  color:#12c2e9;
  font-size: 14px;
  font-weight:bold;
  margin:0;
}

form#emailafriend-sendemail-form input#edit-submit{
  top:-21px;
  margin-left:24%;
}

form#emailafriend-sendemail-form input#edit-cancel{
  background-position:77px -1038px;
  top:-21px;
}

form#emailafriend-thank-you-form input#edit-close-btn{
  background-position:70px -1038px;
  display:block;
  margin:0 auto;
  position:relative;
  top:-40px;
}

form#emailafriend-sendemail-form div.form-item,
form#emailafriend-sendemail-form div.form-footer{
  margin:0;
  padding:10px 0;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  position:relative;
}

form#emailafriend-sendemail-form div.form-footer{
  padding-bottom:26px;
}

form#emailafriend-sendemail-form div.form-item-friend-email{
  height:65px;
}

form#emailafriend-sendemail-form div.form-item-sender-name,
form#emailafriend-sendemail-form div.form-item-sender-email{
  height:35px;
}

span.required {
  color:#ff0000 !important;
}

form#emailafriend-sendemail-form div.form-item label{
  float:left;
  font-weight:normal;
  margin-right:5%;
  width:25%;
  text-align:right;
}

form#emailafriend-sendemail-form div.form-item input{
  float:left;
  width:60%;
  border:1px solid #ccc;
}

form#emailafriend-sendemail-form div.form-item span.field-suffix{
  float:right;
  margin-right: 22%;
  width: 48%;
}

/* Company Initiatives - Internal Page with video */
div.video-player-map div.video-player-text p a{
  color:#fff;
  text-decoration:none;
}

div#map_canvas h2.heading {color: #12C2E9; font-size:12px; margin:10px 0px 0px 0px; line-height: 20px;}
div#map_canvas .main-content {width:100%; overflow: hidden;}
div#map_canvas p.focus {margin: 0px 0px 5px 10px;font-weight: bold}
div#map_canvas p.description{margin: 0px 0px 5px 10px;}
div#map_canvas p.location {font-weight:bold;margin:0px;font-size:12px;}
div#map_canvas a.read-more {margin-left:10px;display: block; color:#387384; text-decoration: none; font-weight: bold;font-size:12px;}
div#map_canvas a.read-more:hover {text-decoration: underline;}

div#map_canvas img{
  max-width:none !important;
}

div.red-container{
  background-color:#B51600;
  position:relative;
  min-height:40px;
  border-top:1px solid #b78f90;
  padding-bottom: 2px;
}

div.red-container img{
  position:absolute;
  top: -1px;
  left: 1px;
}

div.red-container div.sub-title-map{
  margin:5px 10px 0 0;
  text-align:right;
  font-size:11px;
  color:#fff;
  padding-left:180px;
}

div.red-container div.control-map{
  float:right;
  margin:20px 10px 0 0;
  font-size:12px;
  color:#fff;
}

div.red-container div.control-map input{
  min-width:20px;
}

div.line-gray-separator div.left-content-map-list{
  padding:10px;
  float:left;
}

div.line-gray-separator div.right-content-map-list{
  margin-top:10px;
  margin-left:120px;
}

div.line-gray-separator div.right-content-map-list p{
  clear:none !important;
}


/*** View more on pages ***/
span.accordion-open a,
span.accordion-close a {
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  padding-left: 15px;
}
span.accordion-open a {
  background-position:0 -1084px;
}
span.accordion-close a {
  background-position:0 -1121px;
}
div.accordion-body a {
  text-decoration: none;
}
/*** END View more on pages ***/

/* Care Inpire Care - Videos */
div#cic_slider{
  position:relative;
}

div#cic_slider ol.flex-control-nav{
  bottom:0;
}

div#cic_slider .flex-direction-nav .flex-next,
div#cic_slider .flex-direction-nav .flex-prev{
  text-indent:0;
}

/* Consumer Products - List Item Category Products Links with image */
div#content div.view-products-links-list .item-list {
  clear: both;
  float:left;
  margin-bottom: 15px;
  width:98%;
  position:relative;
}

div#content div.view-products-links-list .item-list .category-title h2 {
  color: #0E8BA6;
  font: bold 1em Arial;
  margin: 10px 0;
}

div#content div.view-products-links-list .gray-container-thumb-image{
  margin: 0 2%;
  float:left;
  width:150px; /* Fix IE 8 - Printer */
  min-height:115px; /* Fix IE 8 - Printer */
}

div#content div.view-products-links-list div.item-list-title div.gray-container-content{
  margin:0;
}

div#content div.view-products-links-list div.tooltip-column{
  width: 25%;
  float:left;
  zoom:1;
}

div#content div.view-products-links-list li.views-row {
  border: none;
  padding: 0 0 10px;
  margin: 0;
  line-height: 1em;
  position: relative;
  overflow: visible;
}

div#content div.view-products-links-list li.views-row div.views-field-title {
  margin-left: 0;
  font-weight: normal;
  font: 11px Arial;
  padding: 0 20% 0 0;
}

div#content div.view-products-links-list li.views-row div.views-field-nothing {
  position: absolute;
  width: 235px;
  right: 104%;
  top: -65px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  -o-border-radius: 10px;
  -icab-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  z-index: 10;
}

div#content div.view-products-links-list div.first-column li.views-row div.views-field-nothing {
  right: 0;
  left:90%;
}

div#content div.view-products-links-list li.views-row div.views-field-nothing div.tooltip-text div.tooltip-arrow{
  background-position:0 -1162px;
  position:absolute;
  top:0;
  left:auto;
  right:-9px;
  width:9px;
  height:17px;
}

div#content div.view-products-links-list div.first-column li.views-row div.views-field-nothing div.tooltip-text div.tooltip-arrow{
  background-position:0 -1209px;
  top:0;
  left:-9px;
  right:auto;
}

div#content div.view-products-links-list li.views-row div.views-field-nothing div.tooltip-image{
  text-align:center;
}

div#content div.view-products-links-list li.views-row div.views-field-nothing div.tooltip-text{
  background-color:#cb0000;
  position:relative;
  padding: 25px 10px 10px 10px;
  border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  -icab-border-radius: 0 0 10px 10px;
  -khtml-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
}

div#content div.view-products-links-list li.views-row div.views-field-nothing div.tooltip-text p{
  margin-bottom:10px;
}

div#content div.view-products-links-list li.views-row div.views-field-nothing div.tooltip-text p,
div#content div.view-products-links-list li.views-row div.views-field-nothing div.tooltip-text a{
  font-size:12px;
  color:#fff;
}

div#content div.view-products-links-list li.views-row div.views-field-nothing div.tooltip-text a{
  font-weight:bold;
  text-decoration:none;
}

div#content div.view-products-links-list li.views-row div.views-field-title span.flink{
  color: #12C2E9;
  text-decoration:underline;
}

div#content div.view-products-links-list div.tooltip-active{
  position:relative;
  z-index:1;
}

/* List Item Category Products Links with no image */
div#content section.list-links-no-image div.view-products-links-list .item-list{
  padding:3%;
  width:93%
}

div#content section.list-links-no-image div.view-products-links-list .item-list .item-list-title .gray-container-content{
  padding:0;
  position:static;
}

div#content section.list-links-no-image div.view-products-links-list div.tooltip-column{
  width: 33%;
  float:left;
  zoom:1;
}

/* Care Inspire Care */
body.page-node-315 h1#page-title,
body.page-node-315 div.region-highlighted {
  display: none;
}

div#content div.teaser-cic-header{
  position:relative;
  margin-top: 30px;
}

div#content div.teaser-cic-header p.text-cic{
  color: #5F5F5F;
  font-size: 14px;
  left: 7%;
  position: absolute;
  top: 35%;
  width: 54%;
  line-height: 18px;
}

div.cic-video-list div.views-field-title,
div.cic-video-list h1 {
  border-bottom: 2px dotted #CCCCCC;
  color: #12C2E9;
  display: block;
  font: 1.3em Arial;
  margin: 15px 20px 5px;
  padding-bottom: 10px;
}

div.cic-video-list div.views-row{
  color: #555555;
  float: left;
  padding: 2%;
  width: 29%;
  min-height: 280px;
}

div.cic-video-list ul.slides li div.views-row{
  width:100%;
}

div.cic-video-list div.views-row:hover {
  background: #7DD5EB;
  color: #FFFFFF;
  cursor: pointer;
}

div.cic-video-list div.views-row:hover div.views-field-title {
  color: #fff;
  border-bottom: 2px dotted #fff;
}

div.cic-video-list div.views-field-title {
  font-weight: bold;
  margin: 15px 0 20px;
  font-size: 1em;
}

div.cic-video-list div.views-field-body {
  font-size: 12px;
  line-height: 15px;
}

div.cic-video-list p.share-facebook {
  padding: 30px 0 30px 25px;
}

div#content div.cic-video-list ul.slides {
  margin: 0;
}

div#content div.cic-video-list ul.slides  li{
  float: left;
  font-size: 1em;
}

div#content div.cic-video-list ol.hide {
  display: none;
}
/* Overlay CIC */
div#overlay-div {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000000;
  opacity: 0.8;
  height: 100%;
  width: 100%;
  z-index: 10;
}

div#overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 11;
}

div#overlay-background .views-row {
  background-color: #fff;
  height: 430px;
  width: 790px;
  position: relative;
  left: 50%;
  margin-left: -380px;
  top: 12%;
  z-index: 12;
}

div#overlay-background div.video-player-on-overlay{
  height: 360px !important;
  width: 640px !important;
  position:absolute !important;
  top:43px;
  left:65px;
}

div#overlay-background .overlay-close {
  background-position:75px -1296px;
  color: #000000;
  float: right;
  font: bold 1em Arial;
  height: 25px;
  padding-left: 30px;
  padding-top: 5px;
  width: 75px;
  margin-top: -10px;
  margin-right: 10px;
  text-decoration: underline;
  cursor: pointer;
}


/* Share this redesign */

.share-block {
  display: none;
}

/* Share button */
section#block-addthis-addthis img.share-btn{
  background: url("../images/share-button.gif") 0 0;
  width: 145px !important;
  height: 29px !important;
}
section#block-addthis-addthis img.share-btn:hover{
  background-position:0 29px;
}

/* Wrapper */
section#block-addthis-addthis{
  float:left;
  margin-top:15px;
  width: 145px !important;
  position:relative;
  z-index:1;
}
section#block-addthis-addthis a img.share-btn{
  width:100% !important;
}

section#block-addthis-addthis div.atm{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
}

html.IE-7 section#block-addthis-addthis {
  padding-bottom: 20px;
}


/* Box around */
div#at15s,
div#at15s.atm {
  background: none;
  width: 259px !important;
}

div#at15s.atm,
div#at16p{
  -webkit-border-radius: 0px !important;
   -khtml-border-radius: 0px !important;
    -icab-border-radius: 0px !important;
     -moz-border-radius: 0px !important;
       -o-border-radius: 0px !important;
          border-radius: 0px !important;
  width: 263px !important;
}
#at15s_inner {
  width: 254px !important;
  -webkit-border-radius: 4px !important;
   -khtml-border-radius: 4px !important;
    -icab-border-radius: 4px !important;
     -moz-border-radius: 4px !important;
       -o-border-radius: 4px !important;
          border-radius: 4px !important;
  border:1px solid #ccc;
  overflow:hidden;
  -webkit-box-shadow: 0px 0px 4px 2px #ccc;
   -khtml-box-shadow: 0px 0px 4px 2px #ccc;
    -icab-box-shadow: 0px 0px 4px 2px #ccc;
     -moz-box-shadow: 0px 0px 4px 2px #ccc;
       -o-box-shadow: 0px 0px 4px 2px #ccc;
          box-shadow: 0px 0px 4px 2px #ccc;
}

/* Header */
div#at15s_head {
  display:block !important;
  width: 246px !important;
  color: #FFF;
  padding: 6px 5px 4px;
  height: 15px;
  background-position: -2px -1353px;
  margin-bottom: 10px;
}
html.IE-7 div#at15s_head,
html.IE-8 div#at15s_head  {
  border: 1px solid transparent;
  display: block !important;
  margin-top: -5px;
  top: -5px;
}
span#at15ptc {
  padding: 2px 0 0 25px;
  font-size: 11px;
}
div#at15s p{
  padding: 5px 10px;
}

/* BTN Close */
a#at15sptx {
  color: #FFF !important;
  display: block;
  width: 10px;
  height: 12px;
  padding-top:1px;
  text-align: center;
  border: 1px solid #FFF;
  margin-right:5px;
}
a#at15sptx:hover {
  text-decoration: none;
}

/* Itens */
#at_hover a,
#at_hover.atm-s a {
  float: left;
  font-size: 11px;
  height: 18px;
  list-style-type: none;
  margin: 0 0 10px !important;
  width: 108px !important;
  display: block;
  padding: 0 0 0 24 !important;
  border: 0px none;
  background-color: transparent !important;
  border:0px none !important;
}
#at_hover a span,
#at_hover.atm-s a span{
  color: #669999;
  font: normal 11px Arial;
}

/* Updates on ShareThis */
#at20mc.ipad #at15s a.email span.mail-icon{
  background:url(../images/sharethis_tablet.gif) no-repeat;
  width:32px;
  height:32px;
  background-position:0 -128px;
  display:block;
  background-color: transparent!important;
  height: 32px!important;
  width: 200px!important;
  line-height: 32px!important;
  padding-left: 42px!important;
  padding-top: 0!important;
}

#at20mc.ipad #at15s{
  background-color:transparent !important;
  background: none !important;
  width: 259px !important;
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}
#at20mc.ipad #at15s_head{
  display:block !important;
  margin: 0 !important;
}

#at20mc.ipad #at_hover .at_item{
  float: left;
  font-size: 11px;
  height: 18px;
  list-style-type: none;
  margin: 0 0 10px !important;
  width: 115px !important;
  display: block;
  padding: 10px 5px!important;
  border: 0px none;
  background-color: transparent !important;
  border:0px none !important;
}
#at20mc.ipad #at_hover .at_item a span{
  color: #669999;
  font: normal 11px Arial;
}


/* After click share */
div#at_pspromo,
div#at15s_head.at15s_head_success,
div#at15pf {
  display: none !important;
}

#at_hover a.email, #at_hover.atm-s a.email {
  width: 115px !important;
  background-color: transparent !important;
  margin: 3px 0 0 6px !important;
}
#at_hover a.email, #at_hover.atm-s a.email span.mail-icon{
  background-position: 0 -1405px;
  padding: 5px 20px 0;
}
div#atic_auth {
  display: none !important;
}
/* Hidden Text used for ReadSpeaker*/
.hidden-text {
  display: none;
}


/* Partner With Us Callout - Page */
div.callout-contact-us{
  border:2px solid #e5e5e5;
  -webkit-border-radius: 10px !important;
  -khtml-border-radius: 10px !important;
  -icab-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -o-border-radius: 10px !important;
  border-radius: 10px !important;
  padding: 3%;
  margin: 0 -3%;
  width: 88%;
  float:right;
}

div.callout-contact-us span.callout-title{
  font-weight: bold;
  font-size: 18px;
  color: black;
  padding-bottom: 2px;
}

div.region-content-aside div.views-field-field-image-right-side-descripti div.callout-contact-us p{
  font-size:12px;
}

div.callout-contact-us p.contact-text{
  background-position: 0 -1457px;
  padding-left:75px;
  margin-top:10px;
  min-height:44px;
}

/* Our Timeline - Page */
div.timeline {
  position: relative;
  max-width: 785px;
  max-height: 460px;
  height: 100%;
  width: 100%;
}
/* Left navigation */
div.timeline div.main-nav {
  max-width: 90px;
  width: 11.45%;
  max-height: 460px;
  height: 100%;
  height: 460px;
  display: inline-block;
  float: left;
  z-index: 0;
}
div.timeline div.main-nav ul{
  height: 100%;
  width: 100%;
  list-style: none !important;
}
div#content div.timeline li{
  font-size: 100%;
  position: relative;
}
div.timeline div.main-nav ul li {
  display: block;
  height: 18.45%;
  margin-bottom:8.5%;
  margin-left:103%;
  width: 100%;
  position: relative;
}
html.IE-7 div.timeline div.main-nav ul li {
  margin-bottom:4%;
}
div.timeline div.main-nav ul li.active a {
  width:100% !important;
  right: 0;
}
div.timeline div.main-nav ul li.last {
  margin-bottom: 0;
}
div.timeline div.main-nav ul li a{
  display: block;
  position: absolute;
  right: 0;
  width:90%;
  height: 64%;
  background: #c72800 url('../images/verticalNav.png') top right repeat-y;
  padding: 20% 2%;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  font: normal 1.2em/1.3 georgia;
}
div.timeline div.main-nav ul li a:hover{
  width: 100%;
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
}
/* END Left navigation */

/* First slide format text */
div.timeline div#slider-0 div.information {
  margin: 18% 0 0 0;
  left: 0;
  background-image: none;
}
div#content div.timeline li,
div#content div.timeline li h2,
div#content div.timeline li h3{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
}
div.timeline div#slider-0 h2,
div.timeline div#slider-0 h3 {
  color: #FFF;
  text-align: center;
  margin:0;
}
div.timeline div#slider-0 h2 {
  font-size: 1.7em;
  letter-spacing: -0.01em;
  padding-bottom: 5px;
}
div.timeline div#slider-0 h3 {
  font-size: 2.75em;
  padding-bottom: 10px;
}
div.timeline div#slider-0 a.start-button {
  background: #454137 url('../images/img-sprite.png') -269px -1822px no-repeat;
  color: #FFF;
  display: block;
  height: 28px;
  letter-spacing: -.01em;
  line-height: 28px;
  width: 114px;
  text-decoration: none;
  font-weight: bold;
  font-size: 1em;
  padding: 0 20px 0 5px;
  float: right;
}
div.timeline div#slider-0 a.start-button:hover {
  background-position: -269px -1783px;
  background-color: #262522;
}
div.timeline div.loading {
  height: 460px;
}
div.timeline div.loading img.loading-icon {
  position: absolute;
  margin: 30% 0 0 19%;
}
div.timeline div.vertical-slides {
  position: relative;
  max-height: 460px;
  height: 100%;
  max-width: 695px;
  width: 88.55%;
  display: inline-block;
  overflow: hidden;
  z-index: 1;
}
div.timeline div.tabs,
div.timeline div.slide-item {
  position: relative;
}
div.timeline div.information {
  position: absolute;
}

/* Horizontal navigation */
div.timeline div.carousel {
  max-width: 695px !important;
  width: 100% !important;
  display: inline-block;
  position: absolute;
  z-index: 2;
}
div.timeline div.carousel ul.flex-direction-nav {
  display:none !important;
}
div.timeline div.carousel ul.slides.pagination {
  max-width: 695px !important;
  width: 100% !important;
  text-align: center;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0) !important;
     -moz-transform: translate3d(0, 0, 0) !important;
      -ms-transform: translate3d(0, 0, 0) !important;
       -o-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
  left: 0 !important;
}
html.IE-9 div.timeline div.carousel ul.slides.pagination{
  margin: 0 !important;
}
div.timeline div.carousel ul.slides.pagination li {
  display: inline-block !important;
  cursor: pointer;
  float: none !important;
  background: transparent url('../images/horizNav.png') 0 0 repeat;
  min-width: 50px !important;
  width: auto !important;
  color: #FFF !important;
  font: normal 1em georgia, arial;
  height: 20px;
  padding: 5px 2px;
  margin: 0 0 3px 0;
  position: relative;
}
div.timeline div.carousel ul.slides.pagination li:hover,
div.timeline div.carousel ul.slides.pagination li.flex-active-slide {
  background: #b41601 url('../images/horizNav-on.png') 0 0 repeat-x;
  padding-bottom: 10px;
}
div.timeline div.carousel ul.slides.pagination li.flex-active-slide {
  padding-bottom:10px !important;
}

html.IE-8 div.timeline div.carousel ul.slides.pagination {
  margin: 0 auto !important;
}
html.IE-7 div.timeline div.carousel ul.slides.pagination{
  width: auto !important;
  max-width: auto !important;
  display: inline;
  margin: 0 auto !important;
}
html.IE-7 div.timeline div.carousel ul.slides.pagination li {
  float: left !important;
  margin: 0 2px;
}
/* END Horizontal navigation */

/* Information slides */
div.timeline div.information {
  background: url("../images/bg-ourhistory-gradient-white.png") repeat scroll 0 0 transparent;
  height: auto !important;
  min-height: 124px;
  padding: 20px;
  position: absolute;
  width: 280px;
  top: 0;
}
div.timeline div.information h2 {
  color: #B51B06;
  font: 2em Georgia,"Times New Roman",Times,serif;
  padding-bottom: 15px;
  width: auto;
  margin: 0;
}
div.timeline div.information p{
  color: #000000;
   font: 0.875em/22px Arial,Helvetica,sans-serif;
}
div.timeline div.information.timeline-align-left {
  left: 6%;
}
div.timeline div.information.timeline-align-right {
  right: 9%;
}
/* END Informatio slides */

/* Navigation Arrows */
/*flex-prev flex-disabled*/
div.timeline ul.flex-direction-nav {
  position: absolute;
  z-index: 9;
  height: 35px;
  width: 100%;
  top: 50%;
  margin-top: -17px;
}
div.timeline ul.flex-direction-nav li{
  width: 49%;
  height: 33px;
  display: inline-block;
  position: absolute;
}
html.IE-7 div.timeline ul.flex-direction-nav li{
  float: left;
}
div.timeline ul.flex-direction-nav li a.flex-prev,
div.timeline ul.flex-direction-nav li a.flex-next {
  background: transparent url('../images/arrows.png') no-repeat right bottom !important;
  width: 22px !important;
  height: 33px !important;
  z-index: 9 !important;
  display: block !important;
  margin: 0 !important;
  top: 0 !important;
  opacity: 1 !important;
}
div.timeline ul.flex-direction-nav li a.flex-next {
  right: 2%;
}
div.timeline ul.flex-direction-nav li a.flex-prev {
  left: 2%;
  background-position: left bottom !important;
}
div.timeline ul.flex-direction-nav li a.flex-next:hover {
  background-position: right top !important;
}
div.timeline ul.flex-direction-nav li a.flex-prev:hover{
  background-position: left top !important;
}

div.timeline ul.flex-direction-nav li a.flex-next.flex-disabled,
div.timeline ul.flex-direction-nav li a.flex-prev.flex-disabled {
  display: none !important;
}

/* END Navigation Arrows */


/* END Our Timeline - Page */

/* FAQ about-jnj/diversity/faq */
div#content div.view-faq {
  margin-bottom: 25px;
}
div#content div.view-faq div.item-list ul {
  list-style-position: inside !important;
  margin: 0 0 25px 0px;
  padding: 0 0 25px 25px;
  border-bottom: 1px solid #e1e9e6;
 }
div#content div.view-faq div.item-list ul li.views-row {
  border-top: none;
  margin: 0;
  overflow: inherit;
  list-style-type: disc;
  list-style-position: outside;
  color: #12C2E9;
 }
div#content div.view-faq div.item-list ul li.views-row div.views-field-title {
  margin: 0;
  padding: 0;
}
div#content div.view-faq div.view-content div.faq-title span.sub-title{
  font: bold 0.75em Arial;
}
div#content div.view-faq div.answer-text ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left:20px;
  margin: 0 0 15px 0;
}
div.back-to-top-link {
  margin-bottom:15px;
  font-size: 0.75em;
}
div.back-to-top-link a {
  text-decoration: none;
}

/* SiteMap */
#li_container8 {display: none;}

.sitemap-block ul,
.sitemap-block ul li ul{
  margin-left:0 !important;
  margin-bottom:10px !important;
}

.sitemap-block ul li ul li ul{
  margin-left:0 !important;
}

.sitemap-block ul li{
  list-style-image:none !important;
  list-style:none !important;
}

.sitemap-block ul li ul li a{
  font-size:1.583em;
  text-decoration:none;
}

.sitemap-block ul li ul li ul li{
  border:0;
}

.sitemap-block ul li ul li{
  list-style:none;
  padding:10px 0 0;
  border-top:1px solid #ccc;
}

.sitemap-block ul li.active-trail ul li{
  padding:10px 0;
}

.sitemap-block ul li ul li ul{
  float:left;
  width:30%;
}

.sitemap-block ul li ul li ul li ul{
  width:100%;
}

/* Settings for update text */
.sitemap-block ul li ul li ul li a{
  font-weight:bold;
  color:#555;
  text-decoration:none;
  font-size:1em;
}

.sitemap-block ul li ul li ul li a:hover{
  color:#12C2E9
}

.sitemap-block ul li ul li ul li ul li{
  padding:3px 0 0;
}

.sitemap-block ul li ul li ul li ul li a{
  font-weight:normal;
  font-size:1em;
}


/* SEO h2 headings style fix */
div#content .block-views .node-list li.views-row div.views-field-title h2 {
font-size: 1em;
margin: 0;
}

/* For-all-you-love Page */
body.no-header-image .content-column{
  padding-top:101px;
}

/* Search */
div#block-jnj-custom-jnj-custom-gs-desktop-top {
  width: 100%;
}

/* our giving in hiv/aids */
body.our-giving-in-hiv-aids-page .gray-container{
  width:48%;
  float:left;
  margin-right:1%;
} 
 
body.our-giving-in-hiv-aids-page .gray-container .gray-container-content{
  margin:0;
  float:none;
  margin-left:120px;
}

body.our-giving-in-hiv-aids-page .gray-container .gray-container-content p{
  clear:none;
}

body.our-giving-in-hiv-aids-page .gray-container p{
  clear:both;
}


/* -------- CZ -------- */
/* ID5 */

#imggraph {
  position: relative;
  width: 450px;
  height: 438px;
  margin: 0 auto 10px;
}
#imggraph a{
  display: block;
  width: 46%;
  height: 39%;
  position: absolute;
  z-index: 99;
  overflow: hidden;
  text-indent: -999em;
}
.IE #imggraph a{
  zoom:1;
  background: url(images/spacer.gif);
}
#imggraph a#item1 {
  top: 6.84931%;    /* 30 / 438 */
  left: 1.77777%;   /* 8 / 450 */
}
#imggraph a#item2 {
  top: 6.84931%;    /* 30 / 438 */
  right: 2.66666%;  /* 12 / 450 */
}
#imggraph a#item3 {
  bottom: 5.47945%; /* 24 / 438 */
  left: 1.77777%;   /* 8 / 450 */
}
#imggraph a#item4 {
  bottom: 5.47945%; /* 24 / 438 */
  right: 2.66666%;  /* 12 / 450 */
}
#imggraph a:hover {
  background: rgba(85, 85, 85, 0.15);
  border-radius: 29px;
}
.IE-8 #imggraph a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#15555555,endColorstr=#15555555)";
}

.node-content .part1,
.node-content .part2,
.node-content .part3 {
  float: left;
  padding-left: 1em;
}
.node-content .part1 {
  padding-left: 0;
}

/* ID2 */

#block-views-job-positions-block-1 {
  color: #555555;
  font-size: 0.85em;
}

/* responsive table */
table.stacktable tbody {
  border:0;
}
table.stacktable tr {
  border: 1px solid #eee;
}
.st-head-row {
  border-width: 1px;
  background: #eee;
  margin-top: 10px;
  padding: 4px;
}
.st-head-row-main {
  border-width: 3px;
  background: none; 
  line-height: 30px;
  border-top: 0;
}
.st-key {
  font-size: 0.750em;
  font-weight: bold;
  padding:0 0.5em;
}

.st-val {
	word-break: break-all;   
  word-break: break-word;
}
/* ---------- */

.view-job-positions .views-exposed-form {
  background: #F4F4F4;
  border: 1px solid #e4e4e4;
  padding: 10px;
  margin-bottom: 20px;
}
.view-job-positions .views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 1.4em;
}

#block-views-job-positions-block-1 .views-table tr.even,
#block-views-job-positions-block-1 .views-table tr.odd {
  background: none;
}
#block-views-job-positions-block-1 .views-table td {
  padding: 7px 0;
}
#block-views-job-positions-block-1 .views-table td.active {
  background: #eee;
}
#block-views-job-positions-block-1 .views-table .views-field-field-region,
#block-views-job-positions-block-1 .views-table .views-field-field-sector {
  padding: 0 10px;
}
.node-job-position .field-label {
  color: #0E8BA6;
  font: bold 0.87525em Arial;
  margin: 0;
}
body.spaced-page div.node-content p,
p.left-space {
  padding-left: 40px;
}
body.spaced-page div.node-content p.no-space {
  padding-left: 0;
}
.resp-table tbody {
  border:0;
}
div#content ul.boxes,
.page-kolagulace div#content ul,
.page-specialni-produkty div#content ul {
  list-style: none;
  margin-left: 0;
  overflow: hidden;
}

.node-content ul.boxes li,
.page-kolagulace .node-content li,
.page-specialni-produkty .node-content li {
  float: left;
  padding-right: 4%;
  margin-top: 10px;
  text-align: center;
}
.page-biosurgery .node-content ul.boxes li {
  padding-right: 10%;
}
.node-content ul.boxes li:last-child,
.page-kolagulace .node-content li:last-child,
.page-specialni-produkty .node-content li:last-child {
  padding-right: 0;
}
.node-content ul.boxes li a,
.page-kolagulace .node-content li a,
.page-specialni-produkty .node-content li a {
  background: #4f81bd;
  border:3px solid #1f497d;
  border-radius: 10px;
  display: block;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  color: white;
  font-size:13px;
  font-weight: bold;
  text-decoration: none;
  padding: 14px 1.875em;
  text-align: center;
}
.node-content ul.boxes li a:hover,
.page-kolagulace .node-content li a:hover,
.page-specialni-produkty .node-content li a:hover {
  background: #1f497d;
}
.page-biosurgery .node-content li a.item2 {
  padding-top:22px;
  padding-bottom:22px;
}
.page-g11 .node-content li a.item2,
.page-kolagulace .node-content li a.item2,
.page-kolagulace .node-content li a.item3,
.page-specialni-produkty .node-content li a.item2,
.page-specialni-produkty .node-content li a.item4 {
  line-height: 32px;
}
.page-biosurgery .node-content li a.item3,
.page-enseal .node-content li a.item3,
.page-harmonicky .node-content li a.item3{
  line-height: 48px;
}
span.item-centered {
  display: inline-block;
}
span.item-centered:first-child {
  margin-right: 60px;
}
body.page-ostani div#content ul,
body.page-staplerova-technika .node-content ul {
  list-style: none;
  text-align: center;
  margin: 0;
}
body.page-ostani .node-content li,
body.page-staplerova-technika .node-content li {
  display: inline-block;
  width: 30%;
  vertical-align: top;
  text-align: center;
  margin-bottom: 20px;
}

body.page-ostani .node-content li {
  padding-right: 2em;
}
body.page-ostani .node-content li:last-child {
  padding-right: 0; 
}

.item-float-big,
.item-float {
  float:left;
  width: 24.3%;
  vertical-align: top;
  text-align: center;
}
.item-float-big {
  width: 48.6%;
}

h2 { clear: left; }


/* Cookie Policy */
#block-cookie-policy-cookie-policy-block {
  position: relative;
}
div#cookie-policy-warning { 
  position: absolute;
  display: none;
  background: #555;
  z-index: 99999999;
  top: 0;
  width: 100%;
}

#cookie-policy-warning .close {
  display: block;
  height: 29px;
  width: 29px;
  position: absolute;
  top: 10px;
  right: 10px;
  overflow: hidden;
  text-indent: -999px;
  background: transparent url(../images/icon-close.png) left top no-repeat;
}

#cookie-policy-warning p {
  font-size: 12px;
  line-height: 18px;
  margin: 0;
  color: #FFF !important;
  font-weight: normal;
  text-transform: none;
  padding: 5px 50px 5px 20px;
}

.half-div {
  float: left;
  width: 50%;
  margin-right: 30px;
}
.page-prehled .half-div {
  width: 65%;
  margin-right: 10px;
}
.page-biologicka .half-div {
  width: 57%;
}
#search-block-form{display:none;}
#search-block-form--2{float:right; width: 352px; display:block;}
#search-block-form--2 input.form-text {
    border: 1px solid #ccc;
    border-radius: 20px;
    box-shadow: 1px 1px 3px 1px rgba(204, 204, 204, 0.55) inset;
    color: #638e97;
    float: left;
    font-size: 14px;
    margin: 10px 5px 0 10px;
    max-width: 79%;
    padding: 3px 10px;
    width: 100%;
}

#search-block-form--2 input.form-submit {
background:url("../images/img-sprite.png") no-repeat scroll 0 0;
    border: medium none;
    font-size: 0;
    height: 34px;
    line-height: 0;
    margin-top: 6px;
    text-indent: -9999px;
    width: 34px;
}
body.page-search div#content ol.search-results{width: 90%; margin:5px 0 25px 5%; float: left;}
div#content ol.search-results li {
    font-size: 100%; width: 95%;
}
body.page-search  ol.search-results p.search-snippet{font-size: 0.875em;}
body.page-search  ol.search-results p.search-info-url {
    color: #12c2e9;
    font-size: 0.8em;
}
body.page-search ol.search-results h3.title a{ font-weight: bold;}

h2.search-title{}
body.page-search #search-form {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #d4e3e0 1%, #cad9d4 49%, #c1d0cb 100%) repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 1px 2px 2px rgba(102, 102, 102, 0.55);
    float: left;
    width: 100%;
    padding:5px;
    position:relative;
}
body.page-search #search-form label { font-size:16px; font-weight:normal;  margin: 5px 0 0 10px; float:left;}
body.page-search #search-form input.form-text {
    border: 1px solid #ccc;
    border-radius: 20px;
    box-shadow: 1px 1px 3px 1px rgba(204, 204, 204, 0.55) inset;
    color: #638e97;
    float: right;
    font-size: 14px;
    margin: 5px 3% 0 10px;
    max-width: 80%;
    padding: 3px 10px;
    width: 30%;
}
body.page-search #search-form input.form-submit {
background:url("../images/img-sprite.png") no-repeat scroll 0 0;
    border: medium none;
    font-size: 0;
    height: 34px;
    line-height: 0;
  
    text-indent: -9999px;
    width: 34px;
    position: absolute;
    right:0;
}
div#content div.left-column p{font-size:100%;}
.spelling-suggestions{display:none;}