img, media { max-width: 100%; } .view-product-line-up .view-content { height: 100%; text-align: center; } .view-product-line-up .specialist-products-line-up li.views-row-2 .active-wrapper .views-field-field-product-teaser p { line-height: 15px !important; } .view-product-line-up.main-menu-list-block { background: #333; opacity: 0.97; filter: alpha(opacity=97); display: none; left: 0; padding: 20px 15px 10px 20px; position: absolute; top: 20px; width: 97%; z-index: 5; /* Fix margin on Vision and Multigummies images */ } .view-product-line-up.main-menu-list-block a { color: #fff; } .view-product-line-up.main-menu-list-block a:hover { color: #0089cf; } .view-product-line-up.main-menu-list-block a.close { background: url("../images/general/btn/bt-products.png") no-repeat scroll 0 0 transparent; float: right; height: 11px; text-indent: -1000em; width: 11px; position: absolute; right: -9px; top: -50px; } .view-product-line-up.main-menu-list-block h3 { background: url("../images/general/bkg/h3-line2.gif") no-repeat scroll center left transparent; border: none; color: #fff; display: block; margin: 0; padding: 0; position: relative; text-align: left; text-transform: uppercase; } .view-product-line-up.main-menu-list-block ul { padding-top: 10px; } .view-product-line-up.main-menu-list-block ul li { display: block; float: left; width: 100px; padding: 0 8px; margin-top: 7px; /* Fix sizes of Multigummies and Vitamints images*/ /* Fix margin on Vision image */ } .view-product-line-up.main-menu-list-block ul li.centrum-multigummies img { margin-top: 11px; } .view-product-line-up.main-menu-list-block ul li.centrum-vitamints img { height: 91px; width: auto; } .view-product-line-up.main-menu-list-block ul li.centrum-silver-plus-vision img { margin-top: -5px; } .view-product-line-up.main-menu-list-block ul li img { margin-left: -2px; margin-top: 0; } .view-product-line-up.main-menu-list-block .find-yours-item-mega-nav { position: absolute; right: 85px; top: 10px; width: 189px; } .view-product-line-up.main-menu-list-block .find-yours-item-mega-nav h3 { display: none !important; } .view-product-line-up.main-menu-list-block .find-yours-item-mega-nav ul { position: relative; top: -30px; } .view-product-line-up.main-menu-list-block .find-yours-item-mega-nav ul li { margin-left: 20px; width: 160px; } .view-product-line-up.main-menu-list-block .find-yours-item-mega-nav ul li .views-field-field-product-overlay-title { position: relative; top: 28px; left: -100px; } .view-product-line-up.main-menu-list-block .find-yours-item-mega-nav ul li .find-yours-container .find-yours-lens { float: left; width: 80px; } .view-product-line-up.main-menu-list-block .find-yours-item-mega-nav ul li .find-yours-container .find-yours-lens img { margin-top: 10px; width: 80px; height: 120px; position: relative; left: 0; top: -10px; } .view-product-line-up.main-menu-list-block .find-yours-item-mega-nav ul li .find-yours-container .find-yours-text p { color: #FFFFFF; float: left; margin-left: 3px; padding-top: 6px; } .view-product-line-up.main-menu-list-block .find-yours-item-mega-nav ul li .views-field-field-product-image-listing { text-align: center; } .view-product-line-up.main-menu-list-block .find-yours-item-mega-nav ul li a { font-weight: bold; } .view-product-line-up.main-menu-list-block .find-yours-item-mega-nav ul li a img { margin-left: 12px; margin-top: 8px; } .view-product-line-up.main-menu-list-block .find-yours-item-mega-nav ul li #omniture-find-your-centrum-button { position: relative; display: block; z-index: 2; } .view-product-line-up.main-menu-list-block .find-yours-item-mega-nav .find-yours-container { height: 88px; display: block; } .view-product-line-up.main-menu-list-block .find-yours-item-mega-nav .find-yours-container .find-yours-text p { font: 13px/1.538em Open Sans,Helvetica,sans-serif; } .view-product-line-up.main-menu-list-block .item-list { clear: both; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper { float: left; clear: both; background: url("../images/general/meganav_right_line.png") no-repeat right 10px; margin-bottom: 1px; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper.centrum-silver-products-mega-nav .item-list h3 { background-position: 110px center; margin-top: 1px; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper.centrum-products-mega-nav .item-list h3 { background-position: 41px center; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper.specialty-products-mega-nav .item-list h3 { background-position: 32px center; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper.kids-products-mega-nav .item-list h3 { background-position: -14px center; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper.easy-to-take-products-mega-nav .item-list h3 { background-position: 67px center; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper.flavor-burst-products-mega-nav h3 { background: url("../images/general/bkg/h3-line2.gif") no-repeat scroll 25px center transparent; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper .item-list { background: url("../images/general/meganav_left_line.png") no-repeat left 9px; height: 50px; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper .item-list ul { float: left; width: 100%; margin: 0.25em 0; padding: 10px 0 0 0; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper .item-list ul li { margin-right: 0 !important; min-height: 130px; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper .item-list ul li .views-field-field-product-overlay-title { text-align: center; padding: 0; width: 100%; height: 29px; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper .item-list ul li .views-field-field-product-overlay-title a { color: #FFFFFF; font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper .item-list ul li .views-field-field-product-overlay-title a:hover { color: #0089cf; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper .item-list ul li .views-field-field-product-overlay-title a:hover p { color: #0089cf; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper .item-list ul li .views-field-field-product-overlay-title a p { color: #FFFFFF; margin: 0; font-size: 10px; font-weight: bold; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper .item-list h3 { padding-left: 25px; font-size: 18px; font-family: 'CenturyGothic', Arial, serif; font-weight: normal; } .view-product-line-up.main-menu-list-block .products-corner-arrow { background: url("../images/general/meganav_selector.png") no-repeat; width: 28px; height: 10px; position: absolute; left: 40px; top: -9px; display: none; } .view-product-line-up.main-product-line-up { margin: 0 auto; } .view-product-line-up.main-product-line-up:after { content: ""; clear: both; display: block; } .view-product-line-up.main-product-line-up .view-content .centrum-silver-products-line-up, .view-product-line-up.main-product-line-up .view-content .centrum-products-line-up, .view-product-line-up.main-product-line-up .view-content .specialty-products-line-up, .view-product-line-up.main-product-line-up .view-content .kids-products-line-up, .view-product-line-up.main-product-line-up .view-content .easy-to-take-products-line-up { display: inline-block; } @media (max-width: 375px) { .view-product-line-up.main-product-line-up .view-content .centrum-silver-products-line-up, .view-product-line-up.main-product-line-up .view-content .centrum-products-line-up, .view-product-line-up.main-product-line-up .view-content .specialty-products-line-up, .view-product-line-up.main-product-line-up .view-content .kids-products-line-up, .view-product-line-up.main-product-line-up .view-content .easy-to-take-products-line-up { display: table; margin: 0 auto; } } .view-product-line-up.main-product-line-up .view-content .centrum-silver-products-line-up ul li:last-child { margin-top: 4px; margin-right: -5px; margin-left: -11px; } .view-product-line-up.main-product-line-up .view-content .centrum-products-line-up ul li:last-child { margin-right: -12px; } .view-product-line-up.main-product-line-up .view-content .easy-to-take-products-line-up .item-list ul li { margin: 0; padding: 0; } .view-product-line-up.main-product-line-up .view-content .easy-to-take-products-line-up .item-list ul li.centrum-multigummies { padding-top: 10px; } .view-product-line-up.main-product-line-up .view-content .easy-to-take-products-line-up .item-list ul li.centrum-vitamints { margin-top: 0; margin-left: 2px; } .view-product-line-up.main-product-line-up .view-content .easy-to-take-products-line-up .item-list ul li:last-child { margin-right: -4px; } .view-product-line-up.main-product-line-up .view-content .item-list { background: url("../images/general/bkg/bkg_product_line_up2.png") no-repeat scroll right 18px transparent; margin-left: 0; } .view-product-line-up.main-product-line-up .view-content .item-list h3 { background: url("../images/general/bkg/bkg_product_line_up.png") no-repeat scroll left 18px transparent; border: medium none; display: block; font-weight: bold; margin: 0 0 0 3px; padding: 0 0 13px; position: relative; text-align: center; text-transform: uppercase; font-size: 10px; color: #777; font-family: 'CenturyGothicBold', Arial, serif; } .view-product-line-up.main-product-line-up .view-content .item-list ul { margin-top: 3px; padding: 0; } .view-product-line-up.main-product-line-up .view-content .item-list ul:after { content: ""; clear: both; display: block; } .view-product-line-up.main-product-line-up .view-content .item-list ul li { float: left; list-style: none; margin: 7px 0 0 -13px; position: relative; padding-top: 11px; } .view-product-line-up.main-product-line-up .view-content .item-list ul li:first-child { margin-left: 0; } .view-product-line-up.main-product-line-up .view-content .item-list ul li .image-off { display: none; } .view-product-line-up.main-product-line-up .view-content .item-list ul li .tooltip { display: none; } .view-product-line-up.main-product-line-up .find-yours-item-line-up { display: inline-block; margin: 0 10px 0 0; float: right; padding: 30px 0 0 0; position: relative; right: 10px; } .view-product-line-up.main-product-line-up .find-yours-item-line-up h3 { display: none; background: none; } .view-product-line-up.main-product-line-up .find-yours-item-line-up ul { padding: 0; margin: 0; } .view-product-line-up.main-product-line-up .find-yours-item-line-up ul li { list-style: none; } .view-id-product_line_up .view-footer { clear: both; } .view-product-line-up .additional-products { padding: 30px 20px 40px 30px; } .view-product-line-up .additional-products a { text-decoration: none; } .view-product-line-up .additional-products a:focus { outline: none; } .view-product-line-up .additional-products a:hover { color: #0089cf; } .view-product-line-up .additional-products h3 { font-size: 12px; background: none; } .view-product-line-up .additional-products h3:hover { color: #0089cf; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper .item-list ul li.views-row-first.centrum-vitamints .views-field-field-product-overlay-title { width: 90%; margin-right: auto; margin-left: auto; } #content_top .view-product-line-up .find-yours-item-line-up { display: none; } .html .tooltipster-default { opacity: 0.97; background: #333; color: #fff; text-align: left; border: none; } .html .tooltipster-default .tooltipster-content { overflow: hidden; } .html .tooltipster-default .tooltipster-content .image { float: left; margin: 5px 10px 0 0; } .html .tooltipster-default .tooltipster-content .description { color: #fff; } .html .tooltipster-default .tooltipster-content .description a { background: none; color: #fff; font: 14px/17px 'CenturyGothic', Arial, serif; padding: 0; position: relative; text-decoration: none; max-width: 95%; display: block; } .html .tooltipster-default .tooltipster-content .description a p { color: #fff; margin: 0; padding: 0; font: 14px/17px 'CenturyGothic', Arial, serif; } .html .tooltipster-default .tooltipster-content .description p { padding: 5px 0 0 10px; font-size: 11px; color: #FFFFFF; line-height: 18px; margin: 0; } .html .tooltipster-default .tooltipster-content .description .buttons { overflow: hidden; padding-top: 10px; } .html .tooltipster-default .tooltipster-content .description .buttons a { background: url("../images/general/btn/bt-products.png") no-repeat scroll 0 0 transparent; cursor: pointer; display: block; height: 24px; width: 63px; text-indent: 2000em; float: left; margin: 0 5px 0 0; } .html .tooltipster-default .tooltipster-content .description .buttons a.more { background-position: 0 -13px; } .html .tooltipster-default .tooltipster-content .description .buttons a.buy { background-position: 0 -40px; } .html .tooltipster-default .tooltipster-content .wrapper { position: relative; } .html .tooltipster-default .tooltipster-content .wrapper a.close { position: absolute; text-indent: -9999px; background: url("../images/general/btn/bt-products.png") no-repeat scroll 0 0 transparent; height: 11px; margin-right: 0; width: 11px; top: 0; right: 0; font-size: 0; z-index: 10; } /******************************************************************************************************/ /********************************** Tablet style starts here *****************************************/ /******************************************************************************************************/ @media (min-width: 768px) { .view-product-line-up.main-product-line-up .view-content .centrum-silver-products-line-up, .view-product-line-up.main-product-line-up .view-content .centrum-products-line-up, .view-product-line-up.main-product-line-up .view-content .specialty-products-line-up, .view-product-line-up.main-product-line-up .view-content .kids-products-line-up { margin: 0; } .view-product-line-up.main-product-line-up .view-content .item-list { margin-left: 30px; } } /******************************************************************************************************/ /********************************** Desktop style starts here *****************************************/ /******************************************************************************************************/ @media (min-width: 1024px) { .view-product-line-up .item-list ul .views-field-field-product-lineup-title .strong-new { display: none; } .view-product-line-up.main-menu-list-block { left: 0; top: 15px; width: 868px; background: none repeat scroll 0 0 #333333; opacity: 0.95; } .view-product-line-up.main-menu-list-block .find-yours-item-mega-nav { position: absolute; right: 60px; top: 10px; width: 189px; } .view-product-line-up.main-menu-list-block .find-yours-item-mega-nav .find-yours-container { height: 88px; display: block; } .view-product-line-up.main-menu-list-block .find-yours-item-mega-nav ul li { margin-left: 20px; } .view-product-line-up.main-menu-list-block .find-yours-item-mega-nav ul li a { font-weight: bold; } .view-product-line-up.main-menu-list-block .find-yours-item-mega-nav ul li a p { margin-left: 4px; width: 67px; } .view-product-line-up.main-menu-list-block .find-yours-item-mega-nav h3 { display: none !important; } .view-product-line-up.main-menu-list-block .view-header { position: absolute; right: 16px; top: 12px; } .view-product-line-up.main-menu-list-block .view-header a.close { right: -9px; top: -3px; } .view-product-line-up.main-menu-list-block .view-content:after { content: ""; clear: both; display: block; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper.centrum-silver-products-mega-nav .item-list h3 { background-position: 113px center; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper.specialty-products-mega-nav .item-list h3 { background-position: 32px center; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper.kids-products-mega-nav .item-list h3 { background-position: -14px center; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper.easy-to-take-products-mega-nav .item-list h3 { background-position: 67px center; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper .item-list h3 { font-weight: bold; font-family: 'CenturyGothic', Arial, serif; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper .item-list ul { float: left; width: 100%; margin: 0.25em 0; padding: 10px 0 0; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper .item-list ul li { margin-top: -8px; margin-right: 0; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper .item-list ul li .views-field-field-product-overlay-title { text-align: center; padding: 0; width: 100%; height: 29px; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper .item-list ul li .views-field-field-product-overlay-title a { font-family: 'CenturyGothic', Arial, serif; font-size: 12px; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper .item-list ul li .views-field-field-product-overlay-title a p { font-family: 'CenturyGothic', Arial, serif; font-size: 12px; margin-left: 4px; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper .contextual-links-wrapper { width: 70px; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper .contextual-links-wrapper ul { height: 22px; overflow: hidden; } .view-product-line-up.main-menu-list-block .view-content .flavor-burst-products-mega-nav .item-list ul li { width: 140px; } .view-product-line-up.main-menu-list-block .view-content .flavor-burst-products-mega-nav .item-list ul li a p { margin-left: 0; } .view-product-line-up.main-menu-list-block .view-content .specialist-products-mega-nav .item-list ul li { margin-right: 0; } .view-product-line-up.main-menu-list-block .view-content .silver-50-products-mega-nav h3 { width: 438px; } .view-product-line-up.main-menu-list-block .view-content .pronutrients-products-mega-nav ul li { width: 134px; } .view-product-line-up.main-menu-list-block .products-corner-arrow { left: 194px; top: -10px; display: none; } .view-product-line-up.main-product-line-up .view-content { height: 100%; } .view-product-line-up.main-product-line-up .find-yours-item-line-up { padding: 15px 0 0 0; } #content_top .view-product-line-up { margin-bottom: 40px; } #content.expanded .view-product-line-up.main-product-line-up .find-yours-item-line-up { padding: 30px 0 0 0; } body.admin-menu .view-product-line-up.main-menu-list-block { top: 0; } } @media only screen and (min-width: 825px) and (max-width: 1024px) { .view-product-line-up.main-menu-list-block .find-yours-item-mega-nav ul li .views-field-field-product-overlay-title { left: 110px; } } @media only screen and (max-width: 824px) { .view-product-line-up.main-menu-list-block .find-yours-item-mega-nav ul li .views-field-field-product-overlay-title { left: 50%; } } @media only screen and (max-width: 768px) { .view-product-line-up.main-menu-list-block { left: 4%; width: 87%; } } @media (min-width: 768px) { body.additional-products #product-page-strip { background: url("../images/top-rainbow.png") no-repeat; padding-top: 4px; height: 0; display: block; } } .additional-products .title-area { padding: 3px 0 11px; margin-bottom: 0; } .additional-products .title-area:after { content: ""; clear: both; display: block; } .additional-products a, .additional-products a:active, .additional-products a:visited, .additional-products a:hover { text-decoration: none; } .additional-products .product-details-wrapper { position: relative; } .additional-products #wrapper-content-internal { background: #FFF; padding: 0 0 0 1px; float: left; width: 100%; } .additional-products #wrapper-content-internal #content.expanded { margin-bottom: 20px; float: left; margin-left: 0; padding-bottom: 0; width: 98%; display: inline-block; } .additional-products #content .block-views { margin: 20px 0 0 23px; clear: both; } .additional-products #content .block-views h2 { text-align: center; background: url("../images/blocks/product-content-header.png") no-repeat left top; height: 54px; line-height: 54px; text-transform: uppercase; margin-bottom: 0; } .additional-products #content .block--views { clear: both; margin: 20px auto 0; } .additional-products #content .block--views h2 { color: #777; font-family: 'CenturyGothic', Arial, serif; font-size: 25px; font-weight: normal; margin: 0; padding: 0; text-align: center; background: url("../images/blocks/product-content-header.png") no-repeat center top; height: 54px; line-height: 54px; text-transform: uppercase; width: 100%; } .additional-products #content_sidebar { margin-left: 0; margin-top: 20px; width: 100%; clear: both; } .additional-products #content_sidebar .block--views, .additional-products #content_sidebar .coupon-block { width: 220px; clear: both; margin: 0 auto 20px; position: relative; } .additional-products #content_sidebar .block--views h2, .additional-products #content_sidebar .coupon-block h2 { background: url("../images/blocks/product-block-header.png") no-repeat center top; margin: 0; height: 38px; color: white; font-size: 18px; text-align: center; line-height: 38px; font-weight: normal; padding-left: 1px; } .additional-products #content_sidebar #block-views-browse-products-block-block-1 .product-category { padding: 10px 10px; border: 1px solid rgba(229, 229, 229, 0.43); background-color: #fff; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iNTclIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); background-image: -moz-linear-gradient(bottom, #f4f4f4 0%, #fff 56.74%, #fff 100%); background-image: -o-linear-gradient(bottom, #f4f4f4 0%, #fff 56.74%, #fff 100%); background-image: -webkit-linear-gradient(bottom, #f4f4f4 0%, #fff 56.74%, #fff 100%); background-image: linear-gradient(to top, #f4f4f4 0%, #ffffff 56.74%, #ffffff 100%); } .additional-products #content_sidebar #block-views-browse-products-block-block-1 .product-category ul.product-list { margin: 0 0 0 15px; padding-left: 15px; } .additional-products #content_sidebar #block-views-browse-products-block-block-1 .product-category ul.product-list li { margin: 0; padding: 0; list-style: none; } .additional-products #content_sidebar #block-views-browse-products-block-block-1 .product-category ul.product-list li a { margin: 3px 0; color: #158acd; text-transform: uppercase; font-weight: normal; line-height: 18px; display: inline-block; } .additional-products #content_sidebar #block-views-browse-products-block-block-1 .product-category ul.product-list li a p { padding: 0; margin: 0; color: #158acd; } .additional-products #content_sidebar #block-views-browse-products-block-block-1 .product-category sup { position: relative; } .additional-products #content_sidebar #block-views-browse-products-block-block-1 .product-category-name:hover { cursor: pointer; } .additional-products #content_sidebar #block-views-browse-products-block-block-1 .product-category-name h3 { text-transform: uppercase; padding: 0; margin: 0; border: none; display: inline; font-weight: bold; font-family: 'Helvetica', 'Arial', sans-serif; font-size: 13px; color: #777; } .additional-products #content_sidebar #block-views-browse-products-block-block-1 .product-category-name .expand-handle { display: inline-block; color: #208BCA; margin-right: 10px; font-weight: bold; width: 5px; } /** * Product list */ .view-additional-products { float: left; width: 100%; } .view-additional-products .views-row { max-width: 293px; width: 100%; height: 220px; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; position: relative; border: 1px solid #e5e5e5; float: none; background: url("../images/general/bg-available-in-grad.png") repeat-x center bottom; padding: 30px 20px 30px 0; margin: 20px auto; box-sizing: border-box; } .view-additional-products .views-field-title { color: #158acd; font-weight: 700; width: 150px; display: inline-block; line-height: 18px; font-size: 15px; } .view-additional-products .views-field-title a { color: #158acd; } .view-additional-products .views-field-title .field-content { color: #158acd; font-size: 15px; font-weight: 700; line-height: 18px; } .view-additional-products .views-field-field-product-main-image { float: left; height: 180px; } .view-additional-products .views-field-field-product-main-image .field-content { float: left; width: 120px; height: auto; text-align: right; -webkit-transform-style: preserve-3d; } .view-additional-products .views-field-field-product-main-image img { width: 120px; height: auto; position: relative; top: 0; } .view-additional-products .views-field-nothing a { text-transform: uppercase; font-size: 9px; outline: none; } .view-additional-products .row-node-1416 .views-field-field-product-main-image img { position: relative; top: -20px; } /******************************************************************************************************/ /********************************** Tablet style starts here *****************************************/ /******************************************************************************************************/ @media (min-width: 768px) { .additional-products #wrapper-content-internal #content { float: left; margin-bottom: 0; margin-right: 0; clear: both; width: 62%; min-width: 300px; max-width: 750px; } .additional-products #content_sidebar { clear: none; float: none; width: 100%; margin-top: 20px; min-width: 220px; display: block; margin: 0 auto; } .additional-products #content_sidebar .block--views { float: none; margin-bottom: 20px; width: 220px; } .additional-products #block-views-related-content-articles-block { margin-left: 5px; } .additional-products .view-additional-products .views-row { margin-top: 20px; margin-right: 20px; float: left; } .additional-products .view-additional-products .views-row.views-row-last { margin-right: 0px; } .additional-products .view-additional-products .views-row.views-row-even { margin-right: 0; } } /******************************************************************************************************/ /********************************** Desktop style starts here *****************************************/ /******************************************************************************************************/ @media (min-width: 1024px) { .additional-products #wrapper-content-internal #content { width: 70%; display: inline-block; margin-right: 3%; float: left; } .additional-products #wrapper-content-internal #content.expanded { margin-bottom: 0; margin-right: 1px; width: 656px; max-width: 656px; } .additional-products #wrapper-content-internal #content .block--views { clear: both; margin-left: 22px; margin-top: 20px; width: 609px; } .additional-products #content_sidebar { clear: none; display: inline-block; float: right; margin-left: 0; margin-right: 15px; margin-top: 20px; width: 220px; } .additional-products #content_sidebar .l-region:after { content: ''; display: block; clear: both; } .additional-products #content_sidebar #block-views-browse-products-block-block-1 { margin-left: 0px; } .additional-products #content_sidebar .block { margin: 0 0 20px; float: left; } .additional-products #content_sidebar .block--block img { width: 100%; height: auto; } } .additional-products .ui-dialog.product-labeling-dialog a.print-labeling { top: -4px; } .additional-products .ui-dialog .ui-dialog-content { overflow: initial; } body.offers #product-page-strip { background: url("../images/top-rainbow.png") no-repeat; padding-top: 4px; height: 0; display: block; } .offers .title-area { padding: 3px 0 11px; margin-bottom: 0; } .offers .title-area:after { content: ""; clear: both; display: block; } .offers a, .offers a:active, .offers a:visited, .offers a:hover { text-decoration: none; } .offers .product-details-wrapper { position: relative; } .offers #wrapper-content-internal { background: #FFF; padding: 0 0 0 1px; float: left; width: 100%; } .offers #wrapper-content-internal #content.expanded { margin-bottom: 20px; float: left; margin-left: 0; padding-bottom: 0; width: 98%; display: inline-block; } .offers #content .node--page { clear: both; margin: 20px auto 0; } .offers #content .node--page h2 { color: #777; font-family: 'CenturyGothic', Arial, serif; font-size: 25px; font-weight: normal; margin: 0; padding: 0; text-align: center; background: url("../images/blocks/product-content-header.png") no-repeat center top; height: 54px; line-height: 54px; text-transform: uppercase; width: 100%; } .offers #content_sidebar { margin-left: 0; margin-top: 20px; width: 100%; clear: both; } .offers #content_sidebar .block--views, .offers #content_sidebar .coupon-block { width: 220px; clear: both; margin: 0 auto 20px; position: relative; } .offers #content_sidebar .block--views h2, .offers #content_sidebar .coupon-block h2 { background: url("../images/blocks/product-block-header.png") no-repeat center top; margin: 0; height: 38px; color: white; font-size: 18px; text-align: center; line-height: 38px; font-weight: normal; padding-left: 1px; } .offers #content_sidebar #block-views-browse-products-block-block-1 .product-category { padding: 10px 10px; border: 1px solid rgba(229, 229, 229, 0.43); background-color: #fff; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iNTclIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); background-image: -moz-linear-gradient(bottom, #f4f4f4 0%, #fff 56.74%, #fff 100%); background-image: -o-linear-gradient(bottom, #f4f4f4 0%, #fff 56.74%, #fff 100%); background-image: -webkit-linear-gradient(bottom, #f4f4f4 0%, #fff 56.74%, #fff 100%); background-image: linear-gradient(to top, #f4f4f4 0%, #ffffff 56.74%, #ffffff 100%); } .offers #content_sidebar #block-views-browse-products-block-block-1 .product-category ul.product-list { margin: 0 0 0 15px; padding-left: 15px; } .offers #content_sidebar #block-views-browse-products-block-block-1 .product-category ul.product-list li { margin: 0; padding: 0; list-style: none; } .offers #content_sidebar #block-views-browse-products-block-block-1 .product-category ul.product-list li a { margin: 3px 0; color: #158acd; text-transform: uppercase; font-weight: normal; line-height: 18px; display: inline-block; } .offers #content_sidebar #block-views-browse-products-block-block-1 .product-category ul.product-list li a p { padding: 0; margin: 0; color: #158acd; } .offers #content_sidebar #block-views-browse-products-block-block-1 .product-category sup { position: relative; } .offers #content_sidebar #block-views-browse-products-block-block-1 .product-category-name:hover { cursor: pointer; } .offers #content_sidebar #block-views-browse-products-block-block-1 .product-category-name h3 { text-transform: uppercase; padding: 0; margin: 0; border: none; display: inline; font-weight: bold; font-family: 'Helvetica', 'Arial', sans-serif; color: #777; font-size: 13px; } .offers #content_sidebar #block-views-browse-products-block-block-1 .product-category-name .expand-handle { display: inline-block; color: #208BCA; margin-right: 10px; font-weight: bold; width: 5px; } .offer-item { padding: 50px 0; margin: 0 23px; border-bottom: 1px solid #A0A0A0; } .offer-item .item-image { float: left; min-width: 210px; margin-right: 20px; } .offer-item .item-content { display: inline-block; } .offer-item .item-content h4.product-title { margin-top: 5px; margin-bottom: 20px; font-size: 15px; color: #0089cf; } .offer-item .item-content h4.product-title a { font-size: 15px; padding-bottom: 20px; } .offer-item .item-content .coupon-button > a.buy { width: auto !important; padding: 6px 15px !important; margin-top: 10px; } .offer-item.last { border-bottom: none; } .centrum-silver .item-image { margin-right: 32px; } .multigummies .item-image { padding-left: 12px; } .vitamints .item-image { padding-left: 12px; } .vitamints .item-image img { width: 189px; height: auto; } .offer-item.multigummies, .offer-item.vitamints { display: block; } @media (max-width: 600px) { .centrum-silver .item-image, .multigummies .item-image, .vitamints .item-image { margin: 0 auto; text-align: center; padding: 0; float: none; } .offer-item .item-content { display: block; width: 100%; padding-top: 20px; text-align: center; } } /******************************************************************************************************/ /********************************** Tablet style starts here *****************************************/ /******************************************************************************************************/ @media (min-width: 768px) { .offers #content_sidebar { clear: none; float: none; width: 100%; margin-top: 20px; min-width: 220px; display: block; margin: 0 aut0 20px; } .offers #content_sidebar .block--views { float: none; margin-bottom: 20px; width: 220px; } } /******************************************************************************************************/ /********************************** Desktop style starts here *****************************************/ /******************************************************************************************************/ @media (min-width: 1024px) { .offers #wrapper-content-internal #content { width: 70%; display: inline-block; margin-right: 3%; float: left; } .offers #wrapper-content-internal #content.expanded { margin-bottom: 0; margin-right: 1px; width: 656px; max-width: 656px; } .offers #wrapper-content-internal #content .block--views { clear: both; margin-left: 22px; margin-top: 20px; width: 609px; } .offers #content_sidebar { clear: none; display: inline-block; float: right; margin-left: 0; margin-right: 15px; margin-top: 20px; width: 220px; } .offers #content_sidebar .l-region:after { content: ''; display: block; clear: both; } .offers #content_sidebar #block-views-browse-products-block-block-1 { margin-left: 0px; } .offers #content_sidebar .block { margin: 0 0 20px; float: left; } .offers #content_sidebar .block--block img { width: 100%; height: auto; } } .get-vitamints-coupon #wrapper-content-internal, .get-multigummies-coupon #wrapper-content-internal, .multigummies-coupon-registration #wrapper-content-internal, .vitamints-coupon-registration #wrapper-content-internal { padding-left: 0; } .get-vitamints-coupon #product-page-strip, .get-multigummies-coupon #product-page-strip, .multigummies-coupon-registration #product-page-strip, .vitamints-coupon-registration #product-page-strip { background: url("../images/top-rainbow.png") no-repeat; padding-top: 4px; height: 0; display: block; } .get-vitamints-coupon .field__item, .get-multigummies-coupon .field__item, .multigummies-coupon-registration .field__item, .vitamints-coupon-registration .field__item { position: relative; } .get-vitamints-coupon .content, .get-multigummies-coupon .content, .multigummies-coupon-registration .content, .vitamints-coupon-registration .content { position: relative; } .get-vitamints-coupon .webform-client-form, .get-multigummies-coupon .webform-client-form, .multigummies-coupon-registration .webform-client-form, .vitamints-coupon-registration .webform-client-form { position: relative; top: 0; right: 0; max-width: 389px; margin: -42px auto 0; border: 1px solid #E4E4E4; overflow: hidden; border-radius: 20px; background-color: #FFFFFF; } .get-vitamints-coupon .webform-client-form .webform-component, .get-multigummies-coupon .webform-client-form .webform-component, .multigummies-coupon-registration .webform-client-form .webform-component, .vitamints-coupon-registration .webform-client-form .webform-component { height: auto; margin: 0 0 6px; } .get-vitamints-coupon #webform-component-register-for-your-coupon p, .get-multigummies-coupon #webform-component-register-for-your-coupon p, .multigummies-coupon-registration #webform-component-register-for-your-coupon p, .vitamints-coupon-registration #webform-component-register-for-your-coupon p { text-align: center; color: #FFFFFF; font: normal 29px 'CenturyGothic', Arial, serif; background: #333333 url("../images/register-for-your-coupon-header.png") bottom center repeat-x; font-size: 16px; padding: 10px; margin: 0; text-transform: uppercase; } .get-vitamints-coupon #webform-component-field-required p, .get-multigummies-coupon #webform-component-field-required p, .multigummies-coupon-registration #webform-component-field-required p, .vitamints-coupon-registration #webform-component-field-required p { color: #ff0000; font-size: 10px; font-style: italic; margin: 0 0 -4px; padding-left: 30px; text-transform: none; } .get-vitamints-coupon .webform-component label, .get-multigummies-coupon .webform-component label, .multigummies-coupon-registration .webform-component label, .vitamints-coupon-registration .webform-component label { font-family: Arial, serif; font-size: 12px; font-weight: bold; text-transform: uppercase; float: left; text-align: right; width: 100px; margin: 6px 8px 0 0; padding: 0; } .get-vitamints-coupon #webform-component-first-name input, .get-vitamints-coupon #webform-component-last-name input, .get-vitamints-coupon #webform-component-email input, .get-vitamints-coupon #webform-component-zip-code input, .get-multigummies-coupon #webform-component-first-name input, .get-multigummies-coupon #webform-component-last-name input, .get-multigummies-coupon #webform-component-email input, .get-multigummies-coupon #webform-component-zip-code input, .multigummies-coupon-registration #webform-component-first-name input, .multigummies-coupon-registration #webform-component-last-name input, .multigummies-coupon-registration #webform-component-email input, .multigummies-coupon-registration #webform-component-zip-code input, .vitamints-coupon-registration #webform-component-first-name input, .vitamints-coupon-registration #webform-component-last-name input, .vitamints-coupon-registration #webform-component-email input, .vitamints-coupon-registration #webform-component-zip-code input { margin-left: 0; } .get-vitamints-coupon .webform-client-form .form-text, .get-multigummies-coupon .webform-client-form .form-text, .multigummies-coupon-registration .webform-client-form .form-text, .vitamints-coupon-registration .webform-client-form .form-text { width: 170px; padding: 5px 3px; } .get-vitamints-coupon .webform-client-form input, .get-vitamints-coupon .webform-client-form select, .get-multigummies-coupon .webform-client-form input, .get-multigummies-coupon .webform-client-form select, .multigummies-coupon-registration .webform-client-form input, .multigummies-coupon-registration .webform-client-form select, .vitamints-coupon-registration .webform-client-form input, .vitamints-coupon-registration .webform-client-form select { border: 1px solid #cccccc; border-radius: 3px; } .get-vitamints-coupon #webform-component-date-of-birth, .get-multigummies-coupon #webform-component-date-of-birth, .multigummies-coupon-registration #webform-component-date-of-birth, .vitamints-coupon-registration #webform-component-date-of-birth { height: auto; position: relative; border: 0; padding: 0; margin: 0 2px; } .get-vitamints-coupon #webform-component-date-of-birth .form-item, .get-multigummies-coupon #webform-component-date-of-birth .form-item, .multigummies-coupon-registration #webform-component-date-of-birth .form-item, .vitamints-coupon-registration #webform-component-date-of-birth .form-item { float: left; margin: 0 0 6px 0; } .get-vitamints-coupon #webform-component-date-of-birth #webform-component-date-of-birth--field-dob-month label, .get-multigummies-coupon #webform-component-date-of-birth #webform-component-date-of-birth--field-dob-month label, .multigummies-coupon-registration #webform-component-date-of-birth #webform-component-date-of-birth--field-dob-month label, .vitamints-coupon-registration #webform-component-date-of-birth #webform-component-date-of-birth--field-dob-month label { width: 100px; } .get-vitamints-coupon #webform-component-date-of-birth #webform-component-date-of-birth--field-dob-month select, .get-multigummies-coupon #webform-component-date-of-birth #webform-component-date-of-birth--field-dob-month select, .multigummies-coupon-registration #webform-component-date-of-birth #webform-component-date-of-birth--field-dob-month select, .vitamints-coupon-registration #webform-component-date-of-birth #webform-component-date-of-birth--field-dob-month select { padding: 5px 3px; color: #afafaf; margin: 0 5px 0 -1px; width: 83px; } .get-vitamints-coupon #webform-component-date-of-birth #webform-component-date-of-birth--field-dob-year, .get-multigummies-coupon #webform-component-date-of-birth #webform-component-date-of-birth--field-dob-year, .multigummies-coupon-registration #webform-component-date-of-birth #webform-component-date-of-birth--field-dob-year, .vitamints-coupon-registration #webform-component-date-of-birth #webform-component-date-of-birth--field-dob-year { float: left; } .get-vitamints-coupon #webform-component-date-of-birth #webform-component-date-of-birth--field-dob-year select, .get-multigummies-coupon #webform-component-date-of-birth #webform-component-date-of-birth--field-dob-year select, .multigummies-coupon-registration #webform-component-date-of-birth #webform-component-date-of-birth--field-dob-year select, .vitamints-coupon-registration #webform-component-date-of-birth #webform-component-date-of-birth--field-dob-year select { padding: 5px 3px; color: #afafaf; margin: 0 5px 0 -1px; width: 83px; } .get-vitamints-coupon #webform-component-zip-code input, .get-multigummies-coupon #webform-component-zip-code input, .multigummies-coupon-registration #webform-component-zip-code input, .vitamints-coupon-registration #webform-component-zip-code input { width: 78px; } .get-vitamints-coupon .webform-client-form .webform-component-radios .form-radios, .get-multigummies-coupon .webform-client-form .webform-component-radios .form-radios, .multigummies-coupon-registration .webform-client-form .webform-component-radios .form-radios, .vitamints-coupon-registration .webform-client-form .webform-component-radios .form-radios { margin: 1px 8px 0 0; overflow: hidden; display: inline-block; } .get-vitamints-coupon .webform-client-form .webform-component-radios .form-radios .form-item, .get-multigummies-coupon .webform-client-form .webform-component-radios .form-radios .form-item, .multigummies-coupon-registration .webform-client-form .webform-component-radios .form-radios .form-item, .vitamints-coupon-registration .webform-client-form .webform-component-radios .form-radios .form-item { float: left; clear: none; height: auto; padding: 2px; } .get-vitamints-coupon .webform-client-form .webform-component-radios .form-item.form-type-radio label, .get-multigummies-coupon .webform-client-form .webform-component-radios .form-item.form-type-radio label, .multigummies-coupon-registration .webform-client-form .webform-component-radios .form-item.form-type-radio label, .vitamints-coupon-registration .webform-client-form .webform-component-radios .form-item.form-type-radio label { display: inline-block; font-size: 1em; font-weight: normal; line-height: normal; text-align: left; margin: 0 10px 0 5px; text-transform: none; width: auto; float: none; vertical-align: bottom; } .get-vitamints-coupon #webform-component-choose-what-youd-like-to-receive p, .get-multigummies-coupon #webform-component-choose-what-youd-like-to-receive p, .multigummies-coupon-registration #webform-component-choose-what-youd-like-to-receive p, .vitamints-coupon-registration #webform-component-choose-what-youd-like-to-receive p { font-size: 1.2em; font-weight: bold; margin: 10px 15px; padding: 0 0 0 25px; text-align: left; color: #777; text-transform: uppercase; } .get-vitamints-coupon .webform-component-checkboxes .form-checkboxes input, .get-multigummies-coupon .webform-component-checkboxes .form-checkboxes input, .multigummies-coupon-registration .webform-component-checkboxes .form-checkboxes input, .vitamints-coupon-registration .webform-component-checkboxes .form-checkboxes input { float: left; position: relative; display: inline-block; } .get-vitamints-coupon #webform-component-error-message, .get-multigummies-coupon #webform-component-error-message, .multigummies-coupon-registration #webform-component-error-message, .vitamints-coupon-registration #webform-component-error-message { margin: -23px 0 6px 159px; } .get-vitamints-coupon .webform-component-checkboxes .form-checkboxes label, .get-multigummies-coupon .webform-component-checkboxes .form-checkboxes label, .multigummies-coupon-registration .webform-component-checkboxes .form-checkboxes label, .vitamints-coupon-registration .webform-component-checkboxes .form-checkboxes label { position: relative; display: inline-block; font-size: 0.85em !important; font-weight: normal; line-height: normal; text-transform: none; text-align: left; margin: 0 0 0 10px; width: 85% !important; top: 0; } .get-vitamints-coupon .webform-component-checkboxes .form-checkboxes label a, .get-multigummies-coupon .webform-component-checkboxes .form-checkboxes label a, .multigummies-coupon-registration .webform-component-checkboxes .form-checkboxes label a, .vitamints-coupon-registration .webform-component-checkboxes .form-checkboxes label a { font-size: 10px; text-decoration: none; color: #0089D0; } .get-vitamints-coupon #webform-component-you-must-be-18-years-or-older-to-register p, .get-multigummies-coupon #webform-component-you-must-be-18-years-or-older-to-register p, .multigummies-coupon-registration #webform-component-you-must-be-18-years-or-older-to-register p, .vitamints-coupon-registration #webform-component-you-must-be-18-years-or-older-to-register p { padding-left: 105px; color: #000; font-size: 10px; font-style: italic; } .get-vitamints-coupon .webform-client-form .webform-component-checkboxes, .get-multigummies-coupon .webform-client-form .webform-component-checkboxes, .multigummies-coupon-registration .webform-client-form .webform-component-checkboxes, .vitamints-coupon-registration .webform-client-form .webform-component-checkboxes { position: relative; padding: 0 20px; overflow: hidden; } .get-vitamints-coupon .webform-component-checkboxes .form-checkboxes, .get-multigummies-coupon .webform-component-checkboxes .form-checkboxes, .multigummies-coupon-registration .webform-component-checkboxes .form-checkboxes, .vitamints-coupon-registration .webform-component-checkboxes .form-checkboxes { margin: 5px 0 0 0; } .get-vitamints-coupon .webform-component-checkboxes .form-checkboxes .form-item, .get-multigummies-coupon .webform-component-checkboxes .form-checkboxes .form-item, .multigummies-coupon-registration .webform-component-checkboxes .form-checkboxes .form-item, .vitamints-coupon-registration .webform-component-checkboxes .form-checkboxes .form-item { overflow: hidden; height: auto; clear: both; } .get-vitamints-coupon .webform-client-form .captcha, .get-multigummies-coupon .webform-client-form .captcha, .multigummies-coupon-registration .webform-client-form .captcha, .vitamints-coupon-registration .webform-client-form .captcha { width: 80%; margin: 1.5em auto; } .get-vitamints-coupon .webform-client-form .form-actions, .get-multigummies-coupon .webform-client-form .form-actions, .multigummies-coupon-registration .webform-client-form .form-actions, .vitamints-coupon-registration .webform-client-form .form-actions { margin: 15px 0 0; padding: 0; text-align: center; } .get-vitamints-coupon .webform-client-form .form-actions .form-submit, .get-multigummies-coupon .webform-client-form .form-actions .form-submit, .multigummies-coupon-registration .webform-client-form .form-actions .form-submit, .vitamints-coupon-registration .webform-client-form .form-actions .form-submit { font-size: 12px; text-indent: 0; letter-spacing: 1px; margin: 5px 8px 20px 0; height: 30px; border: 1px solid #158acd; border-radius: 3px; color: white; display: inline-block; font-family: "CenturyGothic","Helvetica","Arial",sans-serif; padding: 6px 12px; text-shadow: 1px 1px 1px #1d679a; text-transform: uppercase; width: 139px; background: linear-gradient(to bottom, #2caee6 0%, #1d679a 100%); background: -moz-linear-gradient(top, #2caee6 0%, #1d679a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2caee6), color-stop(100%, #1d679a)); background: -webkit-linear-gradient(top, #2caee6 0%, #1d679a 100%); background: -o-linear-gradient(top, #2caee6 0%, #1d679a 100%); background: -ms-linear-gradient(top, #2caee6 0%, #1d679a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2caee6',endColorstr='#1d679a',GradientType=0); } .get-multigummies-coupon .webform-client-form, .multigummies-coupon-registration .webform-client-form { margin: -18px auto 0; } .vitamints { display: none; } .mobile-vitamints { display: block; } .mobile-vitamints img { width: 100%; } .vitamints-text, .multigummies-text { width: 100%; text-align: left; position: absolute; top: 5px; left: 4.5%; } .vitamints-text h2, .multigummies-text h2 { font-family: CenturyGothicBold,Arial,Helvetica,sans-serif; font-size: 34px; color: #1364a7; margin: 10px 0 0; } .vitamints-text h3, .multigummies-text h3 { font-family: CenturyGothic,Arial,Helvetica,sans-serif; font-size: 16px; line-height: 1.2; border-bottom: none; text-transform: uppercase; color: #1364a7; margin: 0; font-weight: normal; } .multigummies-text h2, .multigummies-text h3 { color: #5e5e5e; } .multigummies-text h2 { font-size: 24px; } .multigummies-text h3 { width: 50%; } .multigummies { display: none; } .mobile-multigummies { display: block; } .mobile-multigummies img { width: 100%; } /******************************************************************************************************/ /********************************** Tablet style starts here *****************************************/ /******************************************************************************************************/ @media (min-width: 768px) { .get-vitamints-coupon .webform-component label, .get-multigummies-coupon .webform-component label, .multigummies-coupon-registration .webform-component label, .vitamints-coupon-registration .webform-component label { width: 120px; } .get-vitamints-coupon .webform-client-form, .get-multigummies-coupon .webform-client-form, .multigummies-coupon-registration .webform-client-form, .vitamints-coupon-registration .webform-client-form { margin: -42px auto 0; } .get-vitamints-coupon #webform-component-you-must-be-18-years-or-older-to-register p, .get-multigummies-coupon #webform-component-you-must-be-18-years-or-older-to-register p, .multigummies-coupon-registration #webform-component-you-must-be-18-years-or-older-to-register p, .vitamints-coupon-registration #webform-component-you-must-be-18-years-or-older-to-register p { padding-left: 125px; } .get-vitamints-coupon #webform-component-date-of-birth #webform-component-date-of-birth--field-dob-month label, .get-multigummies-coupon #webform-component-date-of-birth #webform-component-date-of-birth--field-dob-month label, .multigummies-coupon-registration #webform-component-date-of-birth #webform-component-date-of-birth--field-dob-month label, .vitamints-coupon-registration #webform-component-date-of-birth #webform-component-date-of-birth--field-dob-month label { width: 120px; } .get-vitamints-coupon #webform-component-field-required p, .get-multigummies-coupon #webform-component-field-required p, .multigummies-coupon-registration #webform-component-field-required p, .vitamints-coupon-registration #webform-component-field-required p { padding-left: 50px; } .vitamints-text, .multigummies-text { width: 100%; text-align: left; position: absolute; top: 25px; left: 4.5%; } .vitamints-text h2, .multigummies-text h2 { font-family: CenturyGothicBold,Arial,Helvetica,sans-serif; font-size: 50px; color: #1364a7; margin: 10px 0; } .vitamints-text h3, .multigummies-text h3 { font-family: CenturyGothic,Arial,Helvetica,sans-serif; font-size: 26px; line-height: 1.2; border-bottom: none; text-transform: uppercase; color: #1364a7; margin: 0; font-weight: normal; } .multigummies-text h2, .multigummies-text h3 { color: #5e5e5e; } .multigummies-text h3 { width: 50%; } .get-multigummies-coupon .webform-client-form, .multigummies-coupon-registration .webform-client-form { margin: -42px auto 0; } } /******************************************************************************************************/ /********************************** Desktop style starts here *****************************************/ /******************************************************************************************************/ @media (min-width: 1024px) { .get-vitamints-coupon .webform-client-form, .get-multigummies-coupon .webform-client-form, .multigummies-coupon-registration .webform-client-form, .vitamints-coupon-registration .webform-client-form { position: absolute; top: 30px; right: 15px; max-width: 389px; margin-top: 0; } .get-vitamints-coupon .webform-component label, .get-multigummies-coupon .webform-component label, .multigummies-coupon-registration .webform-component label, .vitamints-coupon-registration .webform-component label { width: 140px; } .get-vitamints-coupon #webform-component-you-must-be-18-years-or-older-to-register p, .get-multigummies-coupon #webform-component-you-must-be-18-years-or-older-to-register p, .multigummies-coupon-registration #webform-component-you-must-be-18-years-or-older-to-register p, .vitamints-coupon-registration #webform-component-you-must-be-18-years-or-older-to-register p { padding-left: 145px; } .get-vitamints-coupon #webform-component-date-of-birth #webform-component-date-of-birth--field-dob-month label, .get-multigummies-coupon #webform-component-date-of-birth #webform-component-date-of-birth--field-dob-month label, .multigummies-coupon-registration #webform-component-date-of-birth #webform-component-date-of-birth--field-dob-month label, .vitamints-coupon-registration #webform-component-date-of-birth #webform-component-date-of-birth--field-dob-month label { width: 140px; } .get-vitamints-coupon #webform-component-field-required p, .get-multigummies-coupon #webform-component-field-required p, .multigummies-coupon-registration #webform-component-field-required p, .vitamints-coupon-registration #webform-component-field-required p { padding-left: 70px; } .vitamints { display: block; } .vitamints-text, .multigummies-text { position: absolute; top: 35px; left: 10px; width: 50%; text-align: center; } .vitamints-text h2, .multigummies-text h2 { font-family: CenturyGothicBold,Arial,Helvetica,sans-serif; font-size: 62px; color: #1364a7; margin: 10px 0; } .vitamints-text h3, .multigummies-text h3 { font-family: CenturyGothic,Arial,Helvetica,sans-serif; font-size: 22px; line-height: 1.2; border-bottom: none; text-transform: uppercase; color: #1364a7; margin: 0; font-weight: normal; } .multigummies-text { top: 15px; } .multigummies-text h2, .multigummies-text h3 { color: #5e5e5e; } .multigummies-text h2 { margin-bottom: 0; font-size: 52px; } .multigummies-text h3 { width: auto; } .mobile-vitamints { display: none; } .multigummies { display: block; } .mobile-multigummies { display: none; } } .get-vitamints-coupon #wrapper-content-internal, .get-multigummies-coupon #wrapper-content-internal, .multigummies-coupon-registration #wrapper-content-internal, .vitamints-coupon-registration #wrapper-content-internal { padding-left: 0; padding-bottom: 0; } .get-vitamints-coupon #content_bottom, .get-multigummies-coupon #content_bottom, .multigummies-coupon-registration #content_bottom, .vitamints-coupon-registration #content_bottom { padding-top: 0; } .get-vitamints-coupon #content_bottom .l-region, .get-multigummies-coupon #content_bottom .l-region, .multigummies-coupon-registration #content_bottom .l-region, .vitamints-coupon-registration #content_bottom .l-region { padding-top: 0; } html { background: #fff !important; } body { background: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 12px; color: #000; } h1, h2, h3, h4, h5, ol li, ul li, p, a, table, span { font-size: 9px; } a:active, a:visited, a:focus { * border: none; * outline: none; } /* Font */ @font-face { font-family: 'CenturyGothic'; src: url("../fonts/century_gothic.eot"); src: url("../fonts/century_gothic.eot?#iefix") format("embedded-opentype"), url("../fonts/century_gothic.woff") format("woff"), url("../fonts/century_gothic.ttf") format("truetype"), url("../fonts/century_gothic.svg#CenturyGothicRegular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'CenturyGothicItalic'; src: url("../fonts/century_gothic_italic.eot"); src: url("../fonts/century_gothic_italic.eot?#iefix") format("embedded-opentype"), url("../fonts/century_gothic_italic.woff") format("woff"), url("../fonts/century_gothic_italic.ttf") format("truetype"), url("../fonts/century_gothic_italic.svg#CenturyGothicRegular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'CenturyGothicBold'; src: url("../fonts/centurygothicbold.eot"); src: url("../fonts/centurygothicbold.eot?#iefix") format("embedded-opentype"), url("../fonts/centurygothicbold.woff") format("woff"), url("../fonts/centurygothicbold.ttf") format("truetype"), url("../fonts/centurygothicbold.svg#CenturyGothicRegular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'CenturyGothicItalicBold'; src: url("../fonts/trcenturygothicbolditalic.eot"); src: url("../fonts/trcenturygothicbolditalic.eot?#iefix") format("embedded-opentype"), url("../fonts/trcenturygothicbolditalic.woff") format("woff"), url("../fonts/trcenturygothicbolditalic.ttf") format("truetype"), url("../fonts/trcenturygothicbolditalic.svg#CenturyGothicRegular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'brandon_grotesquebold'; src: url("../fonts/brandongrotesque-bold.eot"); src: url("../fonts/brandongrotesque-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/brandongrotesque-bold.woff") format("woff"), url("../fonts/brandongrotesque-bold.ttf") format("truetype"), url("../fonts/brandongrotesque-bold.svg#brandon_grotesquebold") format("svg"); font-weight: normal; font-style: normal; } /* [end of] Font */ body.not-logged-in .messages.error { display: none; } a { color: #666; } a.link { color: #666; } a:hover { color: #0089cf; } a.active { color: #0089cf; } a.btn-more { background: url("../images/general/sprite-btns.png") repeat-y scroll 0 0 transparent; display: block; text-indent: -9999px; width: 75px; height: 35px; } .btn, .blue-button, .offer-item .item-content .coupon-button > a.buy, #content_bottom #block-views-expert-corner-block-3 .container-btn-learn-more a, #content_bottom #block-views-expert-corner-block-3 .views-field-view-node a, #content_bottom #block-views-expert-corner-block-3 .container-btn-sign-up a, #content_bottom .sign-up-block .container-btn-learn-more a, #content_bottom .sign-up-block .views-field-view-node a, #content_bottom .sign-up-block .container-btn-sign-up a, #content_bottom .try-vitamins-free-block .container-btn-learn-more a, #content_bottom .try-vitamins-free-block .views-field-view-node a, #content_bottom .try-vitamins-free-block .container-btn-sign-up a, .grey-button, .red-button { background-clip: padding-box; border-radius: 3px; display: inline-block; margin-right: 8px; padding: 6px 0; text-align: center; width: 150px; font-family: 'CenturyGothic', 'Helvetica', 'Arial', sans-serif; text-transform: uppercase; font-size: 12px; margin-bottom: 5px; } .btn:hover, .blue-button:hover, .offer-item .item-content .coupon-button > a.buy:hover, #content_bottom #block-views-expert-corner-block-3 .container-btn-learn-more a:hover, #content_bottom #block-views-expert-corner-block-3 .views-field-view-node a:hover, #content_bottom #block-views-expert-corner-block-3 .container-btn-sign-up a:hover, #content_bottom .sign-up-block .container-btn-learn-more a:hover, #content_bottom .sign-up-block .views-field-view-node a:hover, #content_bottom .sign-up-block .container-btn-sign-up a:hover, #content_bottom .try-vitamins-free-block .container-btn-learn-more a:hover, #content_bottom .try-vitamins-free-block .views-field-view-node a:hover, #content_bottom .try-vitamins-free-block .container-btn-sign-up a:hover, .grey-button:hover, .red-button:hover { opacity: 0.8; } .blue-button, .offer-item .item-content .coupon-button > a.buy, #content_bottom #block-views-expert-corner-block-3 .container-btn-learn-more a, #content_bottom #block-views-expert-corner-block-3 .views-field-view-node a, #content_bottom #block-views-expert-corner-block-3 .container-btn-sign-up a, #content_bottom .sign-up-block .container-btn-learn-more a, #content_bottom .sign-up-block .views-field-view-node a, #content_bottom .sign-up-block .container-btn-sign-up a, #content_bottom .try-vitamins-free-block .container-btn-learn-more a, #content_bottom .try-vitamins-free-block .views-field-view-node a, #content_bottom .try-vitamins-free-block .container-btn-sign-up a { border: 1px solid #1589cd; color: #fff; text-shadow: 1px 1px #237AAE; background-color: #fbfdef; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1NS43NDQxMDIyNTIwOTg4JSIgeTE9IjEwNC42NTE0ODIyODg3ODklIiB4Mj0iNDQuMjU1ODk3NzQ3OTAxMiUiIHkyPSItNC42NTE0ODIyODg3ODkxMyUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMWQ2Nzk5IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmJhZGU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d6799',endColorstr='#2bade5',GradientType=0); background-image: -webkit-linear-gradient(354deg, #1d6799 0%, #2bade5 100%); background-image: -moz-linear-gradient(354deg, #1d6799 0%, #2bade5 100%); background-image: -o-linear-gradient(354deg, #1d6799 0%, #2bade5 100%); background-image: linear-gradient(354deg, #1d6799 0%, #2bade5 100%); } .blue-button:hover, .offer-item .item-content .coupon-button > a.buy:hover, #content_bottom #block-views-expert-corner-block-3 .container-btn-learn-more a:hover, #content_bottom #block-views-expert-corner-block-3 .views-field-view-node a:hover, #content_bottom #block-views-expert-corner-block-3 .container-btn-sign-up a:hover, #content_bottom .sign-up-block .container-btn-learn-more a:hover, #content_bottom .sign-up-block .views-field-view-node a:hover, #content_bottom .sign-up-block .container-btn-sign-up a:hover, #content_bottom .try-vitamins-free-block .container-btn-learn-more a:hover, #content_bottom .try-vitamins-free-block .views-field-view-node a:hover, #content_bottom .try-vitamins-free-block .container-btn-sign-up a:hover { color: #fff; } .grey-button { color: #2788c6; padding: 6px 20px; border: 1px solid #e2e2e2; text-shadow: 1px 1px #e5e5e5; background-color: #fbfdef; background-image: url(data:image/svg+xml;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAAAfCAIAAAC9Pq7UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzlCRTk2MDMwQzQ4MTFFNDk3MTlFQzUxNUEwNTA3ODgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzlCRTk2MDQwQzQ4MTFFNDk3MTlFQzUxNUEwNTA3ODgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3OUJFOTYwMTBDNDgxMUU0OTcxOUVDNTE1QTA1MDc4OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3OUJFOTYwMjBDNDgxMUU0OTcxOUVDNTE1QTA1MDc4OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po7+eOEAAAE2SURBVHja7JrRCoMwDEVXWq0giPj/v+e7CKIv1gUcMmRsVRtn6s3LHKRpCcfLVaOcc23bdl03juMDES601nmeF0WhmqYZhqEsyzRNfy6bpsmnuk9awFLcO+5bSMj2fW+tVXVdV1VFV7E2yDOH4wx0QQphqNnE72m7ioPxyBlmlo3PAkG9vsINsQoDGLnT1hQDxuBp34QCMAYpxavFMcH4Ny2+p1PelOOlxYAxgBaLQ0PQjoyOIjIYD2nxbnFAr/f4YsDIosWA8VRfDBihxfJ9MWAMXgpaDF8s7annM8XwxRxvZpacyLX4Cq+3DGDkPoMMLb4CjIcchSAtlvil/FQtFg2jMC2+w9jGHEopo7Wmn/cBFhEwiui1tdY595ppo0bTH8AYsFSSJNTVLMsUJjOZYpnMfAowAOBqttU1rO7oAAAAAElFTkSuQmCC); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dfdfdf',GradientType=0); background-image: -webkit-linear-gradient(354deg, #dfdfdf 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(354deg, #dfdfdf 0%, #FFFFFF 100%); background-image: -o-linear-gradient(354deg, #dfdfdf 0%, #FFFFFF 100%); background-image: linear-gradient(354deg, #dfdfdf 0%, #ffffff 100%); } .grey-button:hover { color: #2788c6; } .red-button { display: none; color: #ffffff; background-color: #ea212d; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEA212D', endColorstr='#FFCC0C17'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhMjEyZCIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZTgyMDJjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2MwYzE3Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ea212d), color-stop(40%, #e8202c), color-stop(100%, #cc0c17)); background-image: -moz-linear-gradient(top, #ea212d 0%, #e8202c 40%, #cc0c17 100%); background-image: -webkit-linear-gradient(top, #ea212d 0%, #e8202c 40%, #cc0c17 100%); background-image: linear-gradient(to bottom, #ea212d 0%, #e8202c 40%, #cc0c17 100%); border: 1px solid #ad232f; text-shadow: 1px 2px 1px #970f18; font-weight: bold; font-size: 21px; font-family: 'Arial', sans-serif; padding: 10px 25px; width: auto; letter-spacing: 1px; } .red-button:hover { color: #ffffff; } .product-info .buttons { display: block; text-align: left; float: left; position: relative; top: -15px; * top: -21px; } .product-info .buttons a.video { background: url("../images/general/sprite-btns.png") no-repeat scroll -513px -77px transparent; display: block; float: left; height: 36px; text-indent: -9999em; width: 80px; } .product-info .buttons a.get-coupon, .product-info .buttons a.buy { display: inline-block; font-family: 'CenturyGothic', 'Helvetica', 'Arial', sans-serif; text-transform: uppercase; color: white !important; padding: 6px 12px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin-right: 8px; } .product-info .buttons a.get-coupon:hover, .product-info .buttons a.buy:hover { opacity: 0.8; } .product-info .buttons .blue { background-color: #fbfdef; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1NS43NDQxMDIyNTIwOTg4JSIgeTE9IjEwNC42NTE0ODIyODg3ODklIiB4Mj0iNDQuMjU1ODk3NzQ3OTAxMiUiIHkyPSItNC42NTE0ODIyODg3ODkxMyUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMWQ2Nzk5IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmJhZGU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); background-image: -webkit-linear-gradient(354deg, #1d6799 0%, #2bade5 100%); background-image: -moz-linear-gradient(354deg, #1d6799 0%, #2bade5 100%); background-image: -o-linear-gradient(354deg, #1d6799 0%, #2bade5 100%); background-image: linear-gradient(354deg, #1d6799 0%, #2bade5 100%); text-shadow: 1px 1px #237AAE; border: 1px solid #1589cd; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .product-info .buttons .red { background-color: rgba(235, 49, 59, 0.99); background-image: -webkit-linear-gradient(top, rgba(235, 49, 59, 0.99) 0%, rgba(201, 36, 48, 0.99) 100%); background-image: -o-linear-gradient(top, rgba(235, 49, 59, 0.99) 0%, rgba(201, 36, 48, 0.99) 100%); background-image: -ms-linear-gradient(top, rgba(235, 49, 59, 0.99) 0%, rgba(201, 36, 48, 0.99) 100%); background-image: -moz-linear-gradient(top, rgba(235, 49, 59, 0.99) 0%, rgba(201, 36, 48, 0.99) 100%); background-image: linear-gradient(to bottom, rgba(235, 49, 59, 0.99) 0%, rgba(201, 36, 48, 0.99) 100%); text-shadow: 1px 1px #C92430; border: 1px solid #EB313B; -moz-border-radius: 3px; -webkit-border-radius: 3px; } li a.active { color: #0089cf; } .upper-italic { text-transform: uppercase; font-style: italic; } sup { font-family: Arial, Helvetica, sans-serif; font-size: 71%; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; vertical-align: middle; } /* Firefox Hack */ @-moz-document url-prefix() { h1 sup, h2 sup, h3 sup { font-size: 71%; font-family: Arial, serif; font-weight: normal; padding: 0 1px; position: relative; } } h1 { font-family: 'CenturyGothic', Arial, serif; font-size: 25px; margin: 0 0 8px 0; clear: both; } h2 { font-family: 'CenturyGothic', Arial, serif; font-size: 25px; margin-bottom: 8px; } h3 { font-family: 'CenturyGothic', Arial, serif; font-size: 12px; border-bottom: 1px solid #bebdbd; margin: 0 25px 20px 0; padding: 0 0 22px; } h4 { font-family: 'CenturyGothicItalic', Arial, serif; font-size: 12px; font-weight: bold; margin-bottom: 6px; } #container { width: 92%; overflow: hidden; margin: 0 auto 20px; float: none; clear: both; border: 13px solid #000; box-shadow: 5px 0 40px -4px #999, -5px 0 40px -4px #999; min-width: 273px; } #container #wrapper-main-navigation { background: url("../images/general/bkg/bkg-right-menu.png") no-repeat scroll 0 top transparent; float: right; height: 938px; width: 0; display: none; } #container #wrapper-main-navigation #mega-navigation .l-region--mega-navigation { position: relative; } #container #wrapper-main-navigation #main-navigation { border-top: 23px solid #000000; } #wrapper_content { float: left; clear: none; width: 100%; background: url("../images/general/bkg/bkg-content-internal.png") repeat-y scroll 1px 0 transparent; position: relative; } #wrapper_content #header { height: 100px; padding-top: 12px; background: url("../images/general/bkg/bkg-header.png") no-repeat scroll right bottom transparent; width: 99.9%; } #wrapper_content #header #logo { height: 64px; margin-top: 1px; } #wrapper_content #header .l-region--header { position: relative; z-index: 20; } #wrapper_content #header .l-region--header .block-block-3 { width: 161px; margin: 0 5px 0 27px; } #wrapper_content #header #block-country-selector-dropdown { display: none; } #wrapper_content #expert_corner .l-region--expert-corner { display: none; } body.front { /* video -- start */ /* video -- end */ } body.front #block-system-main, body.front .panel-flexible { margin: 0; padding: 0 25px 20px 37px; } body.front #block-system-main .pane-node h2, body.front .panel-flexible .pane-node h2 { display: none; } body.front #wrapper-content-internal { background: url("../images/general/bkg/bkg_home_internal.png") no-repeat scroll 0 0 transparent; padding: 20px 0 0; position: relative; z-index: 11; } body.front #wrapper-content-internal #content, body.front #wrapper-content-internal #content.expanded { display: table; background: url("../images/general/bkg/bkg_shelft_assistment.png") repeat-x scroll 0 -16px transparent; padding: 0 0 10px; } body.front #wrapper-content-internal #content .panel-flexible, body.front #wrapper-content-internal #content.expanded .panel-flexible { display: none; } body.front #wrapper-content-internal #content .finder-menu, body.front #wrapper-content-internal #content.expanded .finder-menu { background: url("../images/general/bkg/bkg_shelft_assistment.png") repeat-x scroll left bottom transparent; margin-top: 0; margin-bottom: 15px; padding-top: 15px; } body.front #content { background: url("../images/general/bkg/bkg_home_bottom.png") repeat-x scroll 0 130px transparent; overflow: visible !important; } body.front #block-views-rotation-promotion-block .view-content .flexslider { border: none; margin: 0; } body.front #block-views-rotation-promotion-block .view-content .flexslider .flex-control-nav { top: 10px; bottom: auto; z-index: 2; } @media screen and (max-width: 768px) { body.front #block-views-rotation-promotion-block .view-content .flexslider .flex-control-nav { display: none; } } body.front #block-views-rotation-promotion-block .view-content .flexslider .flex-control-nav li a { width: 11px; height: 11px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: block; background: none; border: 2px solid #ddd; cursor: pointer; text-indent: -9999px; box-shadow: none; } body.front #block-views-rotation-promotion-block .view-content .flexslider .flex-control-nav li a:hover, body.front #block-views-rotation-promotion-block .view-content .flexslider .flex-control-nav li a.flex-active { background-position: 0 0; background-color: #ddd; } body.front #block-views-rotation-promotion-block .view-content .flexslider .flex-direction-nav a { text-indent: -9999px; width: 35px; height: 69px; color: transparent; background: url("../images/home-slider-arrows.png") no-repeat; } body.front #block-views-rotation-promotion-block .view-content .flexslider .flex-direction-nav .flex-nav-prev a.flex-prev:before { content: ""; } body.front #block-views-rotation-promotion-block .view-content .flexslider .flex-direction-nav .flex-nav-next a.flex-next { background-position: -45px 0; } body.front #block-views-rotation-promotion-block .view-content .flexslider .flex-direction-nav .flex-nav-next a.flex-next:before { content: ""; } body.front #block-views-rotation-promotion-block .promotion-rotation-pager { margin: 0; } body.front .front_video_in_modal { width: 266px !important; } body.front .front_video_in_modal.ui-dialog .ui-dialog-buttonpane button.fb-share-button { background: url("../images/modal/btn_fb_share.png") no-repeat scroll 0 0 transparent !important; height: 40px; line-height: 0; margin-left: 22px; text-indent: -9999em; width: 168px !important; float: left; border: none; } body.front .front_video_in_modal.ui-dialog .ui-dialog-buttonpane button.btn_close { background: url("../images/modal/btn_close_big.png") no-repeat scroll 0 0 transparent !important; display: block; line-height: 0; text-indent: -9999em; margin: 0 0 0 20%; width: 100px !important; height: 40px; float: left; border: none; } body.front .front_video_in_modal.ui-dialog .ui-dialog-buttonpane button.btn_mail { background: url("../images/modal/btn_mail.png") no-repeat scroll 0 0 transparent !important; display: block; line-height: 0; text-indent: -9999em; width: 62px !important; height: 40px; border: none; float: right; margin: 0 20px 0 0; } body.front .view-rotation-promotion ul { margin: 0; padding: 0; list-style: none; } .product-description p { color: #222222 !important; } #breadcrumb { padding: 10px; color: #999; font-size: 9px; text-transform: none; top: 93px; text-decoration: none; } #breadcrumb a { color: #999; font-size: 9px; text-transform: none; top: 93px; text-decoration: none; } /* Safari 3 e 4 , Chrome 1+ */ .block-block-46 { padding: 15px 0 21px 0; } .block-block-46 p { color: #CCC; font-family: 'CenturyGothic', Arial, serif; font-size: 18px; margin: 0; } .block-block-46 p a, .block-block-46 p span { color: #CCC; font-family: 'CenturyGothic', Arial, serif; font-size: 18px; margin: 0; } .block-block-46 p a, .block-block-46 p a:active, .block-block-46 p a:visited { text-decoration: none; color: #FFFFFF; } .block-block-46 p a:hover { color: #0089CF; text-decoration: none; } .block-block-45 h2 { color: #0089CF; font-family: 'CenturyGothic', Arial, serif; font-size: 18px; font-weight: bold; } #mega-navigation { /* It solves the bug related at PES-964. */ z-index: 990; } #mega-navigation h2 { clear: both; color: #CACACA; float: left; font-family: 'CenturyGothicItalic', Arial, serif; font-size: 11px; font-weight: bold; letter-spacing: 1px; margin: 0; padding-top: 2px; text-transform: uppercase; } #mega-navigation a.mega-nav-close-btn { float: right; height: 13px; margin: 0 2px 11px 0; text-indent: -1000em; width: 11px; background: url(../images/general/btn/bt-products.png) no-repeat scroll 0 2px transparent; } #mega-navigation .top-corners, #mega-navigation .bottom-corners { width: 289px; background: url(../images/general/sprite-btns.png) no-repeat scroll -151px -364px transparent; height: 10px; overflow: hidden; } #mega-navigation .bottom-corners { background-position: -151px -383px; } #mega-navigation .news-menu, #mega-navigation .contact-menu, #mega-navigation .facebook-menu, #mega-navigation .finder-menu, #mega-navigation .buy-menu { width: 283px; display: none; float: right; right: 56px; padding: 10px 15px 19px 15px; background: url(../images/general/bkg/overlay-bg.png) repeat scroll 0 0; position: absolute; z-index: 30; color: #CACACA; } #mega-navigation .buy-menu { top: 57px; } #mega-navigation .buy-menu .content { background: none; padding: 0; margin-left: 0; clear: both; } #mega-navigation .news-menu { top: 113px; } #mega-navigation .contact-menu { top: 169px; z-index: 100; } #mega-navigation .contact-menu .call-us-wrapper, #mega-navigation .contact-menu .write-us-wrapper { background: url(../images/general/bkg/dot.jpg) repeat-x scroll left bottom transparent; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 0 0 17px; } #mega-navigation .contact-menu .call-us-wrapper img, #mega-navigation .contact-menu .write-us-wrapper img { float: left; margin: 0 30px 35px 10px; } #mega-navigation .contact-menu .call-us-wrapper p.line-break { margin-top: 16px; } #mega-navigation .contact-menu .write-us-wrapper { padding: 15px 0 20px; } #mega-navigation .contact-menu .wholesalers-wrapper { width: 245px; float: left; } #mega-navigation .contact-menu .wholesalers-wrapper a { width: 105px; height: 25px; float: right; display: block; background: url(../images/general/sprite-btns.png) no-repeat scroll -515px -40px transparent; text-indent: -9999px; margin: 16px 2px 10px; } #mega-navigation .facebook-menu { top: 225px; } #mega-navigation .offers-menu { background: url(../images/general/bkg/overlay-bg.png) repeat scroll 0 0; color: #cacaca; display: none; float: right; height: 339px; padding: 7px 10px 19px; position: absolute; right: 56px; width: 383px; z-index: 10; top: 0; } #mega-navigation .offers-menu .view-display-id-mega_nav_coupons_block .views-row { background-color: #FFFFFF; float: left; height: 271px; overflow: hidden; position: relative; width: 185px; } #mega-navigation .offers-menu .view-display-id-mega_nav_coupons_block .views-row .views-field-field-coupon-offers-list-title div { color: #0089CF; font-size: 30px; text-align: center; text-transform: uppercase; } #mega-navigation .offers-menu .view-display-id-mega_nav_coupons_block .views-row .views-field-body { color: #888888; margin: 18px auto 15px; width: 162px; background: none; height: 37px; padding: 0; } #mega-navigation .offers-menu .view-display-id-mega_nav_coupons_block .views-row .views-field-body .field-content p { font-size: 11px; line-height: 15px; } #mega-navigation .offers-menu .view-display-id-mega_nav_coupons_block .views-row .views-field-nid { background: url("../images/general/right-arrow.png") no-repeat scroll 0 3px transparent; position: absolute; bottom: 8px; left: 10px; padding: 3px 0 0 11px; } #mega-navigation .offers-menu .view-display-id-mega_nav_coupons_block .views-row .views-field-nid a { color: #0089cf; font-size: 11px; font-weight: bold; text-transform: uppercase; position: relative; top: -2px; } #mega-navigation .offers-menu .view-display-id-mega_nav_coupons_block .views-row-first { margin: 0 10px 10px 0; clear: both; } #mega-navigation .offers-menu .view-display-id-mega_nav_coupons_block .container-meganav-offers-btn { background-color: #E8E8E8; border: 2px solid #FFFFFF; clear: both; height: 35px; width: 378px; } #mega-navigation .offers-menu .view-display-id-mega_nav_coupons_block .container-meganav-offers-btn a { display: block; width: 159px; height: 26px; padding: 14px 0 0 21px; background: url("../images/articles/read-full-article-largest.png"); font-size: 11px; font-weight: bold; color: #FFF; text-transform: uppercase; position: relative; top: -3px; margin: 0 auto; } #mega-navigation .offers-menu .views-field-field-coupon-offers-detail-image img { display: block; margin: 15px auto 10px; } #mega-navigation .offers-menu .block__content { background: none; } #mega-navigation .offers-menu .bottom-corners.hidden { display: none; } #mega-navigation .finder-menu { top: 56px; } #mega-navigation .block__content { background: url(../images/general/bkg/bkg-mega-navigation.png) repeat-y; margin-left: 2px; zoom: 1; clear: both; } body.health-center .article-content { overflow: hidden; background: url("../images/articles/articles_bar.png") 0 0 no-repeat; padding: 10px 0; } body.health-center .article-content h1 { color: #0089d0; font-family: Arial,Helvetica,sans-serif; font-size: 25px; font-weight: normal; height: auto; line-height: normal; margin: 0; padding: 15px 0 0 5px; text-transform: none; } body.health-center .article-content .article-body { clear: both; } body.health-center .article-content .little-breadcrumb, body.health-center .article-content .author-and-date { margin: 0; padding: 0 0 0 5px; font-weight: bold; } body.health-center .article-content .little-breadcrumb { color: #747474; font-family: 'CenturyGothicItalic', Arial, serif; font-size: 14px; text-transform: uppercase; } body.health-center .article-content .author-and-date { color: #333; font-family: Arial,Helvetica,sans-serif; font-style: italic; font-size: 12px; } body.health-center .article-content .author-and-date span { color: #333; font-family: Arial,Helvetica,sans-serif; font-style: italic; font-weight: bold; font-size: 12px; } body.health-center .article-content .article-image img { display: block; margin: 20px 24px 20px 0; } #contact-us-block { padding: 9px 20px 15px; } /*Buy centrum Block MegaNav*/ .ui-tabs .ui-tabs-nav { padding: 0; } .ui-tabs .ui-tabs-nav li { top: 0; margin: 0; } .buy-menu .ui-corner-all { border-radius: 0; } .buy-menu .ui-widget-content { background: none; border: none; width: 278px; } .buy-menu .content { padding: 2px; } .buy-menu .content p { color: #000; padding: 10px 15px 10px 15px; } .buy-menu .tabs { height: 119px; } .buy-menu ul { border: none; width: 278px; background: none; border: 0; display: block; font-family: 'CenturyGothic', Arial, serif; position: relative; z-index: 50; } .buy-menu li { border: 0; background: none; font-size: 11px; text-transform: uppercase; width: 37%; } .buy-menu li.first { width: 63%; } .buy-menu li.first.ui-state-default a { width: 151px; } .buy-menu li.ui-state-default { background: none; border: 0; font-weight: bold; padding-bottom: 3px; padding-top: 1px; top: 3px !important; } .buy-menu li.ui-state-default a { color: #fff; text-align: center; width: 80px; background-color: transparent; font-family: 'CenturyGothic', Arial, serif; font-size: 11px; } .buy-menu li.ui-state-active { border: 0; background: none; } .buy-menu li.ui-state-active a { color: #024a84; } .buy-menu li.ui-corner-top { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .buy-menu #tab-1, .buy-menu #tab-2 { background: url("../images/general/bkg/bkg-tab01-meganav-on.png") no-repeat scroll 0 0 transparent; font-family: Arial, Helvetica, sans-serif; padding: 45px 10px 0 7px; position: relative; top: -29px; } .buy-menu #tab-1 p, .buy-menu #tab-2 p { color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 65%; padding: 0 0 0 4px; } .buy-menu #tab-1 input.form-submit { background: url("../images/general/sprite-btns.png") no-repeat scroll -433px 0 transparent; border: none; cursor: pointer; display: block; font-size: 0; line-height: 0; height: 36px; left: 180px; overflow: hidden; outline: none; position: absolute; text-indent: -9999px; top: 45px; width: 74px; } .buy-menu #tab-1 .error p { color: #ff0000; } .buy-menu #tab-2 { background: url("../images/general/bkg/bkg-tab02-meganav-on.png") no-repeat scroll 0 0 transparent; } .buy-menu #tab-2 p { padding: 39px 0 0 4px; } .buy-menu #tab-2 a.gmapslivesearch-goto-online-store { background: url("../images/general/sprite-btns.png") no-repeat scroll -433px 0 transparent; border: none; cursor: pointer; display: block; font-size: 0; line-height: 0; height: 36px; left: 180px; overflow: hidden; outline: none; position: absolute; text-indent: -9999px; top: 45px; width: 74px; } .buy-menu #tab-2 .error p { color: #ff0000; } .buy-menu #tab-2 .jqTransformSelectWrapper { margin-top: -6px; } .buy-menu .find-store-box-wrapper, .buy-menu .buy-online-box-wrapper { height: 100px; } .buy-menu .error { position: absolute; top: 34px; left: 10px; } .buy-menu .ui-tabs-hide { background: none; } .buy-menu .jqTransformInputWrapper { float: left; padding-bottom: 13px; } .buy-menu .jqTransformInputInner, .buy-menu .jqTransformSelectWrapper { background: url("../images/general/sprite-btns.png") no-repeat scroll -5px -317px transparent; padding: 5px 9px 0; width: 150px; float: left; } .buy-menu .jqTransformInputInner div { height: 26px; width: 150px !important; } .buy-menu .jqTransformInputInner input { background: none repeat scroll 0 0 transparent; height: 20px; font-size: 75%; padding-top: 4px; width: 150px !important; } /* News Block MegaNav*/ .news-menu .wrapper-news-menu { padding: 13px 10px 18px 15px; overflow: hidden; } .news-menu .wrapper-news-menu p { color: #333; } .news-menu .wrapper-news-menu p span { text-transform: uppercase; font-size: 13px; font-weight: bold; margin-bottom: 13px; display: block; } .news-menu .wrapper-news-menu a { background: url("../images/general/sprite-btns.png") repeat-y scroll -434px 0 transparent; display: block; height: 35px; text-indent: -9999px; width: 73px; float: left; } .news-menu .wrapper-news-menu.news-menu-content, .news-menu .wrapper-news-menu.news-menu-link { float: left; width: 147px; color: #666; font-size: 13px; line-height: 16px; } .news-menu .wrapper-news-menu.news-menu-link { margin-left: 18px; width: 72px; } #block-system-main { margin: 0 25px 20px 37px; } #block-views-rotation-promotion-block-2 ul.rotation-promotion li { height: auto !important; padding: 15px 0 0; } #block-views-rotation-promotion-block-2 ul.rotation-promotion li.views-row-1 img { width: 100%; max-height: 295px; height: 100%; padding: 0 0 0 0; max-width: 691px; } #block-views-rotation-promotion-block-2 ul.rotation-promotion li.views-row-2 img { max-width: 691px; width: 100%; max-height: 295px; height: 100%; } #block-views-rotation-promotion-block-2 ul.rotation-promotion li .views-field-body { width: 100%; padding: 0; height: inherit; } .title-marquee-hp strong { font-style: italic; } .title-marquee-hp strong sup { font-style: italic; position: relative; left: 3px; } body.page-new-home #content_top { background-color: #ffffff; max-height: 430px; height: auto; overflow: hidden; clear: both; } body.page-new-home .promotion-rotation-pager { position: absolute; right: 45% !important; top: 0; z-index: 10; margin-top: 11px; } body.page-new-home .promotion-rotation-pager a { text-indent: 0; display: block; background: url("../images/general/bkg/sprite-marquee-pager2.png") no-repeat scroll 0 0 transparent; width: 23px; height: 23px; float: left; cursor: pointer; } body.page-new-home .promotion-rotation-pager a.activeSlide { background-position: -23px 0; } body.page-new-home .promotion-rotation-pager span { font-family: 'CenturyGothicItalicBold', Arial, serif !important; font-weight: normal !important; color: #FFF; font-style: normal; font-size: 11px; position: relative; top: 4px; left: 8px; } body.page-new-home .promotion-rotation-mobile-pager { position: absolute; right: 45%; top: -12px; z-index: 10; margin-top: 11px; } #block-views-rotation-promotion-block .view-rotation-promotion ul.rotation-promotion li.views-row-2 .views-field-body .silver-women { width: auto !important; background-size: 100% !important; } .promotion-rotation-mobile-pager a { text-indent: 0; display: block; background: url("../images/general/bkg/sprite-marquee-pager2.png") no-repeat scroll 0 0 transparent; width: 23px; height: 23px; float: left; cursor: pointer; } .promotion-rotation-mobile-pager a.activeSlide { background-position: -23px 0; } .promotion-rotation-mobile-pager span { font-family: 'CenturyGothicItalicBold', Arial, serif !important; font-weight: normal !important; color: #FFF; font-style: normal; font-size: 11px; position: relative; top: 4px; left: 8px; } .view-clone-of-taxonomy-term p.little-breadcrumb { font-family: 'CenturyGothicItalic', Arial, Helvetica, sans-serif; font-weight: bold; color: #747474; font-size: 14px; text-transform: uppercase; } /* Safari 3 e 4 , Chrome 1+ */ .find-your-centrum #wrapper-content-internal { padding: 0 0 10px 0; } body.health-center #wrapper-content-internal .region-content { background: no-repeat 0 0; padding-top: 40px; } body.page-search #wrapper-content-internal .region-content, .our-blog #wrapper-content-internal .region-content { background-image: url("../images/general/header_background.png") no-repeat -120px 0; padding-top: 40px; position: relative; } body.page-taxonomy #wrapper-content-internal .region-content { padding-top: 40px; } .l-region--footer { padding: 0 15px; } #wrapper_footer { background: url("../images/general/bkg/bkg-content-internal.png") repeat-y scroll 1px 0 transparent; } #wrapper_footer #footer { background: url("../images/general/bkg/product-bkg.png") repeat-x scroll 1px 0 transparent; width: auto; padding-top: 8px; margin-left: -6px; overflow: hidden; clear: both; margin-top: 6px; } #wrapper_footer #footer #block-menu-menu-footer-menu { margin-bottom: 20px; } #wrapper_footer #footer #block-menu-menu-footer-menu ul.menu { padding-left: 0; margin: 12px 0 5px; width: 300px; overflow: hidden; } #wrapper_footer #footer #block-menu-menu-footer-menu ul.menu li { display: inline; list-style: none outside none; margin: 0; padding: 10px 4px 0 0; float: left; width: 145px; } #wrapper_footer #footer #block-menu-menu-footer-menu ul.menu li.first { background: none; padding-left: 0; } #wrapper_footer #footer #block-menu-menu-footer-menu ul.menu li a { font-size: 11px; font-weight: bold; color: #666; text-decoration: none; } #wrapper_footer #footer #block-menu-menu-footer-menu ul.menu li a.active { color: #666; } #wrapper_footer #footer #block-menu-menu-footer-menu ul.menu li a:hover { color: #0089cf; } #wrapper_footer #footer .footer-notes { margin: 0 0 12px; clear: both; padding-top: 5px; *zoom: 1; } #wrapper_footer #footer .footer-notes:after { content: ""; display: block; width: 0; height: 0; clear: both; visibility: hidden; } #wrapper_footer #footer .footer-notes p { line-height: 19px; font-size: 10px; color: #666; margin: 0; padding: 0; display: block; } #wrapper_footer #footer .footer-notes p.first-notes { font-size: 11px; color: #777; } #wrapper_footer #footer .footer-notes p.footer-border { border: 1px solid #A0A0A0; margin: 0 0 7px 0px; padding-left: 6px; width: 98%; max-width: 760px; } #wrapper_footer #footer .footer-notes p.bullet { clear: both; } #wrapper_footer #footer .footer-notes p.bullet span.left-part-of-foot-notes { display: inline-block; float: left; width: 2%; } #wrapper_footer #footer .footer-notes p.bullet span.right-part-of-foot-notes { display: inline-block; float: right; width: 98%; } #wrapper_footer #footer .footer-notes p span { font-size: 10px; color: #666; } #wrapper_footer #footer .footer-notes p sup { font-size: 100%; } #content { width: 100%; } #content .promotion-rotation-wrapper { position: absolute; width: 300px; top: 15px; left: 0; } #content .promotion-rotation-wrapper span { font-family: 'CenturyGothicItalic', Arial, Helvetica, sans-serif; font-weight: bold; color: #747474; font-size: 14px; text-transform: uppercase; } #content .promotion-rotation-wrapper .promotion-rotation-pager { position: absolute; left: 150px; top: -3px; z-index: 30; } #content .promotion-rotation-wrapper .promotion-rotation-pager a { text-indent: 0; display: block; background: url("../images/general/bkg/sprite-marquee-pager2.png") no-repeat scroll 0 0 transparent; width: 23px; height: 23px; float: left; cursor: pointer; } #content .promotion-rotation-wrapper .promotion-rotation-pager a.activeSlide { background-position: -23px 0; } #content .promotion-rotation-wrapper .promotion-rotation-pager span { font-family: 'CenturyGothicItalicBold', Arial, serif !important; font-weight: normal !important; color: #FFF; font-style: normal; font-size: 11px; position: relative; top: 4px; left: 8px; } .flavor-burst-products-line-up ul li.views-row-2 .views-field-field-product-teaser p { line-height: 15px !important; } .flavor-burst-products-line-up li.views-row-1.image-highlight { z-index: 10000 !important; } .flavor-burst-products-line-up h3 { width: 98px; } .silver-50-products-line-up h3 { width: 143px; } .under-50-products-line-up h3 { width: 188px; } .specialist-products-line-up h3 { width: 233px; } .specialist-products-line-up a img { position: relative; top: 0; } .pronutrients-products-line-up ul li { position: relative; left: 8px; } body.page-whats-inside #content_top .view-product-line-up .view-header { position: relative; /*z-index: 100;*/ } body.page-whats-inside #content_top .view-product-line-up .view-header .by_products_menu { font-weight: bold; padding-bottom: 20px; position: relative; text-transform: uppercase; width: 100%; text-align: center; } body.page-whats-inside #content_top .view-product-line-up .view-header .by_products_menu a span { color: #797979; text-decoration: underline; } body.page-whats-inside #content_top .view-product-line-up .view-header .by_products_menu span { color: #09AAE6; padding: 0 5px; font-size: 11px; } body.page-whats-inside-product #wrapper_content { background: url("../images/general/bkg/bkg-whatsinside-shadow.png") repeat-y scroll 0 130px transparent; } /* Product Line Up */ .pronutriens-products-line-up li { position: relative; left: 6px; } .find-yours-item-line-up li { position: relative; left: 0; } .omega-3-products-line-up h3 { width: 69px; } .omega-3-products-line-up ul li { margin: 0 0 0 7px; } .omega-3-products-line-up ul li.active .active-wrapper { padding: 10px !important; } /* [end of] Product Line */ .product-info .product-description p { text-align: justify; } /* Product List Menu hover */ .omega-3-products-mega-nav ul li .views-field-field-product-image-listing img { margin: 0; } /** Line height changed from 6 to 16px **/ /* [End of] Product List Menu hover */ body.page-node-363 .content iframe, body.page-node-366 .content iframe, body.page-node-367 .content iframe { left: 46px !important; position: relative !important; top: -176px !important; } li.image-highlight { z-index: 4; } /* RESULT BOX */ .result-box { font-family: Arial, Helvetica, sans-serif; color: #DDD; padding-bottom: 25px; } .result-box .single-result { padding-bottom: 25px; } .result-box .single-result h2 { font-family: Arial, Helvetica, sans-serif; width: 155px; height: 42px; float: left; padding: 5px 0 0 26px; font-size: 25px; text-align: left; font-weight: normal; text-transform: none; position: absolute; color: #DDD; } .result-box .two-results h2 { font-family: Arial, Helvetica, sans-serif; width: 155px; height: 42px; float: left; padding: 5px 0 0 26px; font-size: 25px; text-align: left; font-weight: normal; text-transform: none; position: absolute; color: #DDD; } .result-box .two-results-and-add h2 { font-family: Arial, Helvetica, sans-serif; width: 155px; height: 42px; /* border-right: 1px solid #888; */ float: left; padding: 5px 10px 0 16px; font-size: 25px; text-align: left; font-weight: bold; text-transform: uppercase; margin-top: 0; } .result-box .two-results-and-add .single-result h2 { font-family: Arial, Helvetica, sans-serif; width: 155px; height: 42px; float: left; padding: 5px 0 0 26px; font-size: 25px; text-align: left; font-weight: normal; text-transform: none; position: absolute; color: #DDD; } .result-box .two-results-and-add .two-results { padding-bottom: 25px; } .result-box .two-results-and-add .two-results h2 { font-family: Arial, Helvetica, sans-serif; width: 155px; height: 42px; float: left; padding: 5px 0 0 26px; font-size: 25px; text-align: left; font-weight: normal; text-transform: none; position: absolute; color: #DDD; } .result-box .title { font-weight: bold; } .result-box .product .pipe { font-weight: normal; } .result-box h2, .result-box span { color: #DDD; } .result-box span sup { color: #DDD; } .result-box p { margin: 0; padding: 0; line-height: 18px; font-size: 12px; color: #DDD; } .result-box a { text-transform: uppercase; color: #DDD; } .result-box a.More { padding-right: 5px; color: #ffffff; text-decoration: underline; font-size: 12px; } .result-box a.Buy { padding-left: 5px; color: #ffffff; text-decoration: underline; font-size: 12px; } .product.we-recommend { padding: 55px 10px 0 25px; line-height: 10px; } .product.we-recommend span { text-transform: uppercase; font-weight: bold; } .product.we-recommend span.title { font-size: 12px; color: #ddd; font-family: Arial,Helvetica,sans-serif; } .product.we-recommend span.lower-span { text-transform: none; font-size: 12px; } .product.we-recommend .key-claim .lower-span { color: #ffff00; } .product.we-recommend .key-claim .lower-span sup { color: #ffff00; } .product.we-recommend .key-claim p span span { font-weight: normal; text-transform: none; } .product.also-consider { padding: 19px 10px 0 25px; line-height: 10px; } .product.also-consider span { font-weight: bold; text-transform: uppercase; } .product.also-consider .title { font-size: 12px; color: #ddd; font-family: Arial,Helvetica,sans-serif; } .product.also-consider .key-claim .lower-span { color: #ffff00; } .product.also-consider .key-claim .lower-span sup { color: #ffff00; } .product.also-consider .key-claim p span span { font-weight: normal; text-transform: none; } .product.and-product { padding: 55px 0 0 25px; } .product.and-product .key-claim { line-height: 10px; } .product.and-product .key-claim .lower-span { color: #ffff00; } .product.and-product .key-claim .lower-span sup { color: #ffff00; } .product.and-product .key-claim p span { font-weight: bold; } .key-claim { padding-bottom: 5px; } .key-claim p span { text-transform: none; font-size: 12px; } li#glass-item { /* z-index: 9999; */ } img.glass-open { display: block; } img.glass-close { display: none; } .jqTransformSelectWrapper div > span { display: block; width: 150px; } .finder-menu { display: none; z-index: 1000; } .view-header { position: relative; /*z-index:100;*/ } /* Boxs */ #content.expanded #block-multiblock-1 .view-formula-finder .view-header { color: #ffffff; margin: 0 auto 11px; padding: 10px 0 0; width: 94%; } #content #block-multiblock-1 .view-formula-finder .view-header { margin: 10px 0 11px 63px; color: #ffffff; } #content #block-multiblock-1 .view-formula-finder .view-header * { display: inline; } #content #block-multiblock-1 .view-formula-finder .view-header span { display: block; color: #FFFFFF; } #content #block-multiblock-1 .view-formula-finder .view-header span a { color: #f7941e; } #content #block-multiblock-1 .view-formula-finder .view-header p, #content #block-multiblock-1 .view-formula-finder .view-header h2 { font-family: Arial, serif !important; color: #eeeeee; font-size: 25px; font-weight: normal; } #content #block-multiblock-1 .view-formula-finder .view-content { margin-top: 10px; } #content #block-multiblock-1 .formula-finder .options { display: table-header-group; padding: 0 8px; text-align: center; } #content #block-multiblock-1 .formula-finder .options .try-again { vertical-align: bottom; margin-right: 8px; } #content #block-multiblock-1 .formula-finder .options .select-goal .select-age-goal { font: normal 15px 'CenturyGothicBold'; padding: 33px 0 8px 0; text-align: center; color: #eeeeee; display: block; } #content #block-multiblock-1 .formula-finder .options .select-goal .select-age-goal span { color: #eeeeee; font: normal 15px 'CenturyGothicBold'; text-align: center; } #content #block-multiblock-1 .formula-finder .options .select-gender .select-gender-title { font: normal 15px 'CenturyGothicBold'; padding: 33px 0 8px 0; text-align: center; color: #eeeeee; display: block; } #content #block-multiblock-1 .formula-finder .options .select-gender .select-gender-title span { color: #eeeeee; font: normal 15px 'CenturyGothicBold'; text-align: center; } #content #block-multiblock-1 .formula-finder .options .select-age .select-age-title { font: normal 15px 'CenturyGothicBold'; padding: 33px 0 8px 0; text-align: center; color: #eeeeee; display: block; } #content #block-multiblock-1 .formula-finder .options .select-age .select-age-title span { color: #eeeeee; font: normal 15px 'CenturyGothicBold'; text-align: center; } #content #block-multiblock-1 .formula-finder .options > div { height: 137px; width: 203px; margin: 10px 8px; display: inline-block; text-align: left; } #content #block-multiblock-1 .formula-finder .options > .select-gender { background: url("../images/general/bkg/bkg_step_1.png") no-repeat left top; } #content #block-multiblock-1 .formula-finder .options > .select-age { background: url("../images/general/bkg/bkg_step_2.png") no-repeat left top; } #content #block-multiblock-1 .formula-finder .options > .select-goal { background: url("../images/general/bkg/bkg_step_3.png") no-repeat left top; } #content #block-multiblock-1 .formula-finder .options > .try-again { background: url("../images/general/bkg/bkg_step_4.png") no-repeat left top; } #content #block-multiblock-1 .formula-finder .options > .try-again span { font: normal 15px 'CenturyGothicBold'; padding: 33px 0 8px 0; text-align: center; color: #eeeeee; display: block; } #content #block-multiblock-1 .formula-finder .options > .try-again a.find-button { width: 102px; height: 40px; background: url("../images/general/btn/finder_go_btn.png") no-repeat left top; display: block; text-transform: uppercase; color: #FFF; font-weight: bold; padding: 14px 0 0 0; text-align: center; cursor: pointer; margin-left: 49px; } #content #block-multiblock-1 .jqTransformSelectWrapper { width: 110px; position: relative; top: 10px; height: 19px; background: url("../images/transform/bkg_input.png") repeat-x left top #DDD; margin: auto; border: solid 2px #ececec; text-transform: uppercase; } #content #block-multiblock-1 .jqTransformSelectWrapper.openSelect { width: 110px; position: relative; height: 19px; background: url("../images/transform/bkg_input.png") repeat-x left top #DDD; margin: auto; border: solid 2px #ececec !important; color: #333; } #content #block-multiblock-1 .jqTransformSelectWrapper.openSelect a.jqTransformSelectOpen { top: -1px; } #content #block-multiblock-1 .jqTransformSelectWrapper ul { background: #e9e9e9; border: 1px solid #ededee; display: none; list-style: none outside none; margin: 0; overflow-x: hidden; overflow-y: auto; position: absolute; top: 21px; left: -2px; width: 92px !important; z-index: 10; padding-left: 0; } #content #block-multiblock-1 .jqTransformSelectWrapper ul:focus { outline: 1px dotted; } #content #block-multiblock-1 .jqTransformSelectWrapper ul li:focus { outline: 1px dotted; } #content #block-multiblock-1 .jqTransformSelectWrapper ul li a:focus { outline: 1px dotted; } #content #block-multiblock-1 .jqTransformSelectWrapper ul a { color: #4C4C4C; display: block; font-size: 11px; font-style: italic; height: 11px; line-height: 10px; * line-height: 15px; padding: 7px 10px; text-decoration: none; text-transform: uppercase; } #content #block-multiblock-1 .jqTransformSelectWrapper ul a:hover, #content #block-multiblock-1 .jqTransformSelectWrapper ul a.selected { background: #afaeae; } #content #block-multiblock-1 .jqTransformSelectWrapper li { overflow: hidden; width: 100%; margin: 0; display: block; } #content #block-multiblock-1 .jqTransformSelectWrapper div span { cursor: pointer; float: none; font-size: 11px; height: 19px; line-height: 19px; overflow: hidden; padding: 0 0 0 4px; position: absolute; font-style: italic; color: #333; } #content #block-multiblock-1 .jqTransformSelectWrapper a.jqTransformSelectOpen { background: url("../images/transform/select_combo.png") no-repeat scroll left top transparent; display: block; height: 28px; position: absolute; right: 0; width: 21px; } #content #block-multiblock-1 .jqTransformSelectWrapper a.jqTransformSelectOpen:focus { outline: 1px dotted; } #content #block-multiblock-1 .select-goal .jqTransformSelectWrapper { width: 180px; position: relative; top: 10px; height: 19px; background: url("../images/transform/bkg_input.png") repeat-x left top #DDD; margin: auto; border: solid 2px #ececec; color: #333; } #content #block-multiblock-1 .select-goal .jqTransformSelectWrapper ul { background-color: #DDD; color: #333; border: 1px solid #ededee; display: none; list-style: none outside none; margin: 0; overflow-x: hidden; overflow-y: auto; position: absolute; top: 21px; left: -2px; width: 230px !important; z-index: 10; } /** * Hidden Elements */ .jqTransformHidden { display: none; } /* Find yours */ #block-views-more-popular-article-block-1 .item-list ul.pager { width: 640px; float: right; margin: 10px 10px 0 0; clear: both; padding-top: 0; text-align: right; text-transform: uppercase; } #block-views-more-popular-article-block-1 .item-list ul.pager li { display: inline; color: #666; padding: 0 5px; font-size: 14px; } #block-views-more-popular-article-block-1 .item-list ul.pager li a { color: #666; } #block-views-more-popular-article-block-1 .item-list ul.pager li.pager-item a { color: #0089cf; } #block-views-more-popular-article-block-2 .item-list ul.pager { width: 640px; float: right; margin: 10px 10px 0 0; clear: both; padding-top: 0; text-align: right; text-transform: uppercase; } #block-views-more-popular-article-block-2 .item-list ul.pager li { display: inline; color: #666; padding: 0 5px; font-size: 14px; } #block-views-more-popular-article-block-2 .item-list ul.pager li a { color: #666; } #block-views-more-popular-article-block-2 .item-list ul.pager li.pager-item a { color: #0089cf; } #block-views-more-popular-article-block-2 .view-content-most-recent ul.pager li.pager-next a, #block-views-more-popular-article-block-2 .view-content-most-recent ul.pager li.pager-last a { color: #666; } .item-list ul.pager { width: 640px; float: right; margin: 10px 10px 0 0; clear: both; padding-top: 0; text-align: right; text-transform: uppercase; } .item-list ul.pager li { display: inline; color: #666; padding: 0 5px; font-size: 14px; } .item-list ul.pager li a { color: #666; } .item-list ul.pager li.pager-item a { color: #0089cf; } .separator-featured-article { clear: both; } ul.pager .ajax-progress .ajax-progress-throbber { display: none !important; position: absolute !important; } #content_bottom { position: relative; clear: both; width: 98.8%; } #content_bottom .try-vitamins-free-block.block h3 a.btn-fpo-header-is-here { font-size: 16px !important; } #content_bottom .try-vitamins-free-block.block .container-btn-learn-more { margin: 1em 0; } #content_bottom .l-region { padding: 6px 5px 0; } #content_bottom .l-region:after { content: ''; display: block; clear: both; } #content_bottom #block-views-expert-corner-block-3, #content_bottom .sign-up-block, #content_bottom .try-vitamins-free-block { background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 13px; background-clip: padding-box; box-sizing: border-box; width: 88%; max-width: 420px; margin: 0 auto 10px; overflow: hidden; } #content_bottom #block-views-expert-corner-block-3 h2, #content_bottom .sign-up-block h2, #content_bottom .try-vitamins-free-block h2 { margin: 0; background: url("../images/blocks/product-block-header-with-corners.png") no-repeat center top; background-size: 100% 100%; height: 38px; color: white; font: normal 18px/38px "CenturyGothic", Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; } #content_bottom #block-views-expert-corner-block-3.introducing-block h2:after, #content_bottom .sign-up-block.introducing-block h2:after, #content_bottom .try-vitamins-free-block.introducing-block h2:after { content: '~'; vertical-align: super; font-size: 71%; line-height: 0; } #content_bottom #block-views-expert-corner-block-3 h3, #content_bottom .sign-up-block h3, #content_bottom .try-vitamins-free-block h3 { border: none; margin: 0 0 10px; padding: 0; letter-spacing: -0.1px; } #content_bottom #block-views-expert-corner-block-3 p, #content_bottom .sign-up-block p, #content_bottom .try-vitamins-free-block p { padding: 0 10px; font-size: 12px; } #content_bottom #block-views-expert-corner-block-3 img, #content_bottom .sign-up-block img, #content_bottom .try-vitamins-free-block img { width: 100%; height: auto; padding: 0; display: inline-block; vertical-align: top; } #content_bottom #block-views-expert-corner-block-3 .article-title-link, #content_bottom #block-views-expert-corner-block-3 .article-title-link a, #content_bottom #block-views-expert-corner-block-3 h3 a, #content_bottom .sign-up-block .article-title-link, #content_bottom .sign-up-block .article-title-link a, #content_bottom .sign-up-block h3 a, #content_bottom .try-vitamins-free-block .article-title-link, #content_bottom .try-vitamins-free-block .article-title-link a, #content_bottom .try-vitamins-free-block h3 a { color: #0089D0; font: bold 17px Arial; padding: 4px 10px 2px; text-decoration: none; text-align: center; display: block; } @media (min-width: 1024px) { #content_bottom #block-views-expert-corner-block-3 .article-title-link, #content_bottom #block-views-expert-corner-block-3 .article-title-link a, #content_bottom #block-views-expert-corner-block-3 h3 a, #content_bottom .sign-up-block .article-title-link, #content_bottom .sign-up-block .article-title-link a, #content_bottom .sign-up-block h3 a, #content_bottom .try-vitamins-free-block .article-title-link, #content_bottom .try-vitamins-free-block .article-title-link a, #content_bottom .try-vitamins-free-block h3 a { text-align: left; } } #content_bottom #block-views-expert-corner-block-3 .views-field-view-node, #content_bottom #block-views-expert-corner-block-3 .container-btn-sign-up, #content_bottom .sign-up-block .views-field-view-node, #content_bottom .sign-up-block .container-btn-sign-up, #content_bottom .try-vitamins-free-block .views-field-view-node, #content_bottom .try-vitamins-free-block .container-btn-sign-up { margin: 1em 0; } #content_bottom #block-views-expert-corner-block-3 .views-field-body a, #content_bottom .sign-up-block .views-field-body a, #content_bottom .try-vitamins-free-block .views-field-body a { font-weight: bold; } #content_bottom #block-views-expert-corner-block-3 .introdusing-centrum-vitamins-btn, #content_bottom .sign-up-block .introdusing-centrum-vitamins-btn, #content_bottom .try-vitamins-free-block .introdusing-centrum-vitamins-btn { margin: 1.5em 0 1em; } #content_bottom #block-views-expert-corner-block-3 .container-btn-learn-more a, #content_bottom #block-views-expert-corner-block-3 .views-field-view-node a, #content_bottom #block-views-expert-corner-block-3 .container-btn-sign-up a, #content_bottom .sign-up-block .container-btn-learn-more a, #content_bottom .sign-up-block .views-field-view-node a, #content_bottom .sign-up-block .container-btn-sign-up a, #content_bottom .try-vitamins-free-block .container-btn-learn-more a, #content_bottom .try-vitamins-free-block .views-field-view-node a, #content_bottom .try-vitamins-free-block .container-btn-sign-up a { display: block; margin: 0 auto; color: #ffffff; text-align: center; text-decoration: none; } #content_bottom #block-views-expert-corner-block-3 .views-field-field-bright-vid-preview-image, #content_bottom .sign-up-block .views-field-field-bright-vid-preview-image, #content_bottom .try-vitamins-free-block .views-field-field-bright-vid-preview-image { border-bottom: 1px solid #eeeeee; } #content_bottom #block-views-expert-corner-block-1 { box-shadow: 5px 0 40px -4px #999, -5px 0 40px -4px #999; background: #FFFFFF; border: 1px solid #666666; float: none; margin: 20px auto 20px auto; padding: 0 10px 10px 0; position: relative; max-width: 400px; z-index: 10; width: 88%; } #content_bottom #block-views-expert-corner-block-1 h2 { font-size: 14px; text-transform: uppercase; color: #666; margin: 8px 0 0 0; font-family: 'CenturyGothicItalic', Arial, serif; float: left; background-color: #FFF; display: none; padding: 5px 10px 5px 8px; } #content_bottom #block-views-expert-corner-block-1 .view-expert-corner { margin-left: 0; z-index: 1; } #content_bottom #block-views-expert-corner-block-1 .view-expert-corner ul { padding: 0 10px; } #content_bottom #block-views-expert-corner-block-1 .view-header h2 { display: block; } #content_bottom #block-views-expert-corner-block-1 .views-field-title { padding: 0; display: block; border: none; clear: both; } #content_bottom #block-views-expert-corner-block-1 .views-field-title a { color: #0089D0; font: normal 20px Arial; padding: 4px 0 2px; text-decoration: none; } #content_bottom #block-views-expert-corner-block-1 .views-field-field-expert { color: #000; font-weight: bold; font-style: italic; padding: 2px 0; } #content_bottom #block-views-expert-corner-block-1 .views-field-field-article-teaser { padding: 6px 0 0 0; color: #666666; font-size: 12px; text-align: justify; } #content_bottom #block-views-expert-corner-block-1 .views-field-field-article-teaser p { font: 16px Arial; color: #777777; } #content_bottom #block-views-expert-corner-block-1 .views-field-view-node { background: url("../images/general/right-arrow.png") no-repeat scroll 0 0 transparent; left: 283px; padding: 1px 0 0 9px; position: relative; top: 0; } #content_bottom #block-views-expert-corner-block-1 .views-field-view-node span a { color: #0089cf; font-size: 11px; font-weight: bold; text-transform: uppercase; position: relative; top: -2px; } #content_bottom #block-views-expert-corner-block-1 img { display: block; width: 260px; height: 175px; margin: 12px auto 0; } #content_bottom #block-views-expert-corner-block-1 .views-field-field-article-image { clear: both; width: 260px; margin: 0 auto; } #content_bottom #block-views-expert-corner-block-1 .item-list ul li { margin: 0; list-style: none; } #content_bottom #block-views-expert-corner-block-1 ul li { * padding-top: 1px; } #content_bottom #block-views-expert-corner-block-3 .block__content .view-content { margin: 0; padding: 0; } #content_bottom #block-views-expert-corner-block-3 .block__content .view-content .views-field-field-bright-vid-preview-image { position: relative; max-height: 213px; overflow: hidden; } #content_bottom #block-views-expert-corner-block-3 .block__content .view-content .views-field-field-bright-vid-preview-image .btn_play_video { background: url("../images/modal/btn_play.png") no-repeat scroll center center transparent !important; position: absolute; text-align: center; display: block; height: 51px; top: 37%; width: 66px; left: 43%; overflow: hidden; cursor: pointer; border-radius: 12px; } @media (max-width: 560px) { #content_bottom #block-views-expert-corner-block-3 .block__content .view-content .views-field-field-bright-vid-preview-image .btn_play_video { left: 39.5%; } } #content_bottom .block-block-40 { box-shadow: 5px 0 40px -4px #999, -5px 0 40px -4px #999; background: #FFFFFF; border: 1px solid #666666; float: none; margin: 20px auto 20px auto; padding: 0 10px 10px 0; position: relative; max-width: 400px; z-index: 10; width: 88%; } #content_bottom .block-block-40 h2 { font-size: 14px; text-transform: uppercase; color: #666; margin: 8px 0 0 0; padding: 5px 10px 5px 4px; font-family: 'CenturyGothicItalic', Arial, serif; float: left; background-color: #FFF; } #content_bottom .block-block-40 h3 { padding: 14px 0 0 0; display: block; border: none; clear: both; margin: 0; } #content_bottom .block-block-40 h3 a { color: #0089D0; font-family: Arial, Helvetica, sans-serif; font-size: 23px !important; font-weight: normal; padding: 4px 0 2px; } #content_bottom .block-block-40 .content { padding-top: 1px; } #content_bottom .block-block-40 p { padding: 7px 0 0 0; color: #666666; font-size: 12px; text-align: justify; } #content_bottom .block-block-40 img { display: block; width: 260px; height: 175px; margin: 12px auto 0; } #content_bottom .block-block-22, #content_bottom .block-block-54 { display: none; } .front #content_bottom .try-vitamins-free-block.block .container-btn-learn-more { margin: 1em 0; } /* Video BrightCove */ #block-views-brightcove-video-block { left: 8px; z-index: 1; background: url("../images/general/bkg/home_blocks_background.png") no-repeat scroll left -24px transparent; float: left; height: 428px; margin: 0 2px; padding: 21px 20px 0; position: relative; max-width: 400px; width: 100%; } #block-views-brightcove-video-block h2 { padding: 5px 10px 5px 8px; background-color: #FFFFFF; color: #666666; float: left; font-family: 'CenturyGothicItalic', Arial, serif; font-size: 14px; margin: 8px 0 0; text-transform: uppercase; } #block-views-brightcove-video-block .views-field-field-bright-vid-preview-image { display: block; max-width: 313px; width: 100%; margin-left: auto; margin-right: auto; margin-top: 10px; height: 221px; cursor: pointer; } #block-views-brightcove-video-block .views-field-field-bright-vid-subtitle { font-family: Arial, serif; font-size: 25px; color: #0089D0; padding: 19px 0 2px 13px; clear: both; } #block-views-brightcove-video-block .views-field-body { font-family: Arial, serif; font-size: 16px; color: #777777; line-height: 20px; padding: 4px 14px 2px 14px; } #block-views-brightcove-video-block-1, #block-views-brightcove-video-block-2, #block-views-brightcove-video-block-3 { background: none repeat scroll 0 0 #ffffff; display: none; max-height: 511px; padding: 20px 0; position: fixed; top: -10000px; visibility: hidden; max-width: 771px; z-index: 9001; width: 94%; height: auto; } #block-views-brightcove-video-block-1 sup, #block-views-brightcove-video-block-2 sup, #block-views-brightcove-video-block-3 sup { font-family: Arial, serif; font-size: 59%; font-weight: normal; padding: 0 1px; position: relative; } #block-views-brightcove-video-block-1 .views-field-title, #block-views-brightcove-video-block-2 .views-field-title, #block-views-brightcove-video-block-3 .views-field-title { font-family: Arial, serif; font-size: 25px; margin-top: 20px; padding-left: 5px; width: 98%; color: #319ecb; } #block-views-brightcove-video-block-1 .views-field-title span, #block-views-brightcove-video-block-2 .views-field-title span, #block-views-brightcove-video-block-3 .views-field-title span { color: #319ecb; font-family: Arial, serif; font-size: 25px; } #block-views-brightcove-video-block-1 .views-field-field-bright-vid-brightcove-code, #block-views-brightcove-video-block-2 .views-field-field-bright-vid-brightcove-code, #block-views-brightcove-video-block-3 .views-field-field-bright-vid-brightcove-code { width: 94%; max-width: 626px; height: 360px; margin: 40px auto 0 auto; background: url("../images/general/loader.gif") no-repeat 77px; } #block-views-brightcove-video-block-1 object, #block-views-brightcove-video-block-2 object, #block-views-brightcove-video-block-3 object { max-width: 626px; max-height: 360px; width: 100%; height: auto; } p a.btn-fpo-header-is-here { float: left; position: relative; left: -8px; width: 89px; height: 27px; padding: 11px 0 0 16px; background: url("../images/articles/get-started.png"); font-size: 11px; font-weight: bold; color: #FFF; text-transform: uppercase; } ul.rotation-promotion li .views-field-field-expert-image-promotion img, .view-clone-of-taxonomy-term img.myclass { left: 0; } .view-expert-corner-line-up .expert-list .views-field-name .field-content a { display: block; padding-top: 2px; width: 90px; text-decoration: none; } /************** quality-new **************/ body.quality-new #wrapper-content-internal p { font-size: 17px; margin-bottom: 15px; margin-top: 0; } body.quality-new #content_top .l-region--content-top { float: right; z-index: 90; right: 0; margin-right: 15px; padding: 0; top: 147px; left: 30px; } body.quality-new #node-291 { margin: 0 0 0 5px; padding: 0; } body.quality-new #node-291 .content { margin: 0; padding: 0; font-family: Arial,Helvetica,sans-serif; font-size: 12px; color: #777; } body.quality-new #node-291 .content .field--name-body { margin: 1px 25px 20px 22px; } body.quality-new #node-291 .content-background-quality h2 { font-size: 16px; color: #666; font-weight: bolder; letter-spacing: -1px; } body.quality-new #node-291 .content-background-quality p { color: #666; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; margin-top: 0; } body.quality-new #node-291 ul { padding: 0; margin: 0; } body.quality-new #node-291 ul li { color: #666; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin: 0 0 10px 15px; padding: 0; width: 90%; } body.quality-new #node-291 ul li span { font-size: 12px; margin-bottom: 15px; color: #666; font-family: Arial, Helvetica, sans-serif; } body.quality-new #node-291 .ad_header h1 { font-size: 24px; letter-spacing: -1px; margin: 0 0 8px 0; clear: both; color: #777; font-weight: normal; } body.quality-new #node-291 .ad_header h1 span { color: #15a6e1; font-size: 27px; letter-spacing: -1px; font-weight: bolder; } /** Padding-left is added **/ #block-communication-tools-communication-tools-addthis, .communication_tools_addthis_instance { float: left; font-size: 71%; font-weight: bold; text-transform: uppercase; padding-left: 6px; } #block-communication-tools-communication-tools-email a, .communication_tools_email_instance a { background: url("../images/general/btn/email.gif") no-repeat scroll 0 0 transparent; color: #0089D0; display: block; height: 8px; line-height: 6px; text-indent: -9999em; width: 33px; } #block-communication-tools-communication-tools-print a, .communication_tools_print_instance a { background: transparent url("../images/general/btn/print.gif") no-repeat scroll 0 0; color: #0089D0; display: block; height: 8px; line-height: 6px; text-indent: -9999em; width: 33px; } .quality-new .l-region--content-top { display: flex; top: 150px; z-index: 90; right: 0; margin-right: 20px; } #node-291 > div > div > div > div > .content-background-quality > div { margin: 0; padding: 0; } #block-communication-tools-communication-tools-print, .communication_tools_print_instance { border-right: 1px solid #0089D0; float: left; font-size: 71%; font-weight: bold; text-transform: uppercase; padding-right: 4px; padding-left: 6px; } #block-communication-tools-communication-tools-email, .communication_tools_email_instance { border-right: 1px solid #0089D0; float: left; font-size: 71%; font-weight: bold; text-transform: uppercase; padding-right: 5px; padding-left: 6px; } /*** physicians health study / most Studied***/ .block-block-26 div p:nth-child(2) { margin: 0; } body.section-physicians-health-study-new img.big-news-marquee-cupom-button-2 { display: none; } body.section-physicians-health-study-new #content_top > div { position: relative; } body.section-physicians-health-study-new .communication_tools_print_instance, body.section-physicians-health-study-new .communication_tools_email_instance, body.section-physicians-health-study-new .communication_tools_addthis_instance { left: 15%; position: absolute; top: 75% !important; margin-top: 5px; } body.section-physicians-health-study-new .communication_tools_email_instance { margin-left: 45px; } body.section-physicians-health-study-new .communication_tools_addthis_instance { margin-left: 92px; } body.section-physicians-health-study-new .big-news-middle-header { clear: both; color: #297ED3; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; padding: 0 0 0 0; } body.section-physicians-health-study-new .block-block-31 .big-news-middle-text { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0 0 20px 0; line-height: 15px; } body.section-physicians-health-study-new .block-block-31 > div > div:nth-child(11) { margin: 20px 0 3px !important; font-size: 16px; } #block-communication-tools-communication-tools-addthis a, .communication_tools_addthis_instance a { background: transparent url("../images/general/btn/share.gif") no-repeat scroll 0 0; height: 8px; line-height: 9px; width: 34px; display: block; } .page-node-363 .big-news-middle-text li, .page-node-366 .big-news-middle-text li, .page-node-367 .big-news-middle-text li { list-style-type: disc; } /****************** FAQ theme for mobile **********************/ .faq-header h1 { color: #777; font-family: 'CenturyGothic', Arial, serif; font-size: 25px; clear: both; font-weight: normal; } .faq-header h3 { font-family: 'CenturyGothic', Arial, serif; font-size: 12px; border-bottom: 1px solid #bebdbd; padding: 0 0 21px; font-weight: normal; color: #777; } .block--views-exp-faqs-faqs-page h2 { color: #4a4a4a; float: left; font-family: 'CenturyGothicItalic', Arial, serif; font-size: 18px; font-weight: bold; margin: 0; padding: 10px 5px; text-transform: uppercase; width: 95%; } .block--views-exp-faqs-faqs-page .block__content { width: 95%; clear: both; padding: 10px 5px; } .view-id-faqs { clear: both; } #block-views-exp-faqs-faqs-page #edit-tid-wrapper { float: left; width: 90%; padding: 0; min-width: 270px; margin-right: 20px; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page #edit-search-wrapper { float: left; width: 120px; margin-top: 0; padding: 0; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page #edit-search-wrapper label { display: none; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page #edit-search-wrapper .jqTransformInputWrapper { width: 182px !important; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page #edit-search-wrapper .jqTransformInputInner #edit-search { width: 105px; background: none; margin-left: 0; margin-top: 0; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page .views-submit-button { border: 0 none; cursor: pointer; display: block; float: left; height: 40px; line-height: 0; text-indent: -9999px; width: 60px; padding: 0; margin-top: 0; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page .views-submit-button input#edit-submit-faqs { background: url("../images/general/sprite-btns.png") no-repeat scroll 0 -122px transparent; width: 60px; height: 40px; border: 0; cursor: pointer; display: block; text-indent: -9999px; margin: 0; line-height: 0; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page .form-type-bef-link { width: 150px; float: left; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page .form-type-bef-link a { color: #666; outline: none; text-decoration: none; font-size: 12px; text-transform: uppercase; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page #edit-field-faq-question-value-wrapper { display: none; } .view-display-id-faqs_page .view-content .views-field-field-faq-question span.views-label-field-faq-question { padding-right: 5px; float: left; clear: both; font-size: 12px; color: #777; } .views-field-field-faq-question p.field-content { font-size: 12px; margin: 12px 0 12px 0; } .views-field-field-faq-answer { color: #0089d0; padding-top: 0; padding-bottom: 7px; padding-left: 17px; } .views-field-field-faq-answer .field-content p { margin-top: 0; line-height: 18px; font-size: 12px; } .views-field-field-faq-answer .views-label-field-faq-answer { color: #0089d0; line-height: 18px; padding-right: 5px; float: left; font-size: 12px; } .view-display-id-faqs_page .view-content { padding-top: 15px; padding-bottom: 50px; } /*********** Expert corner inner page theme for mobile **************/ .body_header_article p { margin-top: 0; margin-bottom: 0; color: #666; } body.page-taxonomy-term .view-health-center-external-articles .view-header h2 { color: #747474; font-family: 'CenturyGothicItalicBold', Arial, serif; font-size: 14px; margin: 0; padding: 5px 0 19px 5px; text-transform: uppercase; } .view-health-center-external-articles { margin: -20px 0 20px 0; background: url("../images/articles/articles_bar.png") no-repeat top left; padding-top: 10px; } .view-health-center-external-articles li.views-row-first .views-field-title a { color: #0089D0; font-family: Arial,Helvetica,sans-serif; font-size: 25px; font-weight: normal; height: auto; line-height: normal; margin: 0; padding: 15px 0 0 0; text-transform: none; width: 608px; outline: none; text-decoration: none; } .view-health-center-external-articles li { list-style: none none; } .view-health-center-external-articles ul { margin: 0; padding: 0; } .view-health-center-external-articles li.views-row-first .views-field-field-expert { color: #333333; font-family: Arial,Helvetica,sans-serif; font-style: italic; font-weight: bold; padding: 5px 0 0 0; } .view-health-center-external-articles li.views-row-first .views-field-field-expert.field-content span { font-size: 12px; } .view-health-center-external-articles li.views-row-first .views-field-field-article-image { float: left; margin: 20px 15px 10px 0; } .view-health-center-external-articles li.views-row-first .views-field-field-article-teaser { margin-top: 20px; } .view-health-center-external-articles li.views-row-first .views-field-field-article-teaser p { color: #777; font-size: 12px; } .view-health-center-external-articles li.views-row-first .expert-corner-link-read-more { background: url("../images/general/right-arrow.png") no-repeat scroll 0 0 transparent; float: left; padding: 1px 0 0 9px; position: relative; text-transform: uppercase; } .view-health-center-external-articles li.views-row-first .expert-corner-link-read-more a { color: #0089cf; font-size: 11px; font-weight: bold; position: relative; text-transform: uppercase; top: -3px; } #block-views-8d1f69f540555b9f4052775e29be4778 .view-header { margin-top: 10px; } .view-health-center-external-articles .view-content-most-recent .views-field-title a { outline: none; text-decoration: none; color: #0089D0; font: normal 20px Arial; text-transform: none; width: 608px; } .view-health-center-external-articles .view-content-most-recent .views-field-field-article-teaser p { line-height: 18px; margin: 0; color: #777; font-size: 11px; } #block-views-c3404e354e80af36761cc7f466ac3e36 .pager { width: 56%; float: right; margin: 10px 10px 0 0; clear: both; padding-top: 0; text-align: right; text-transform: uppercase; display: block; } #block-views-c3404e354e80af36761cc7f466ac3e36 .pager li { display: inline; color: #666; padding: 0 5px; font-size: 14px; } #block-views-c3404e354e80af36761cc7f466ac3e36 .pager li a { color: #666; font-size: 12px; } #block-views-c3404e354e80af36761cc7f466ac3e36 .pager li.pager-item a { color: #0089cf; font-size: 14px; } #block-views-c3404e354e80af36761cc7f466ac3e36 .view-header #recent_btn_recent { font-size: 14px; text-transform: uppercase; font-style: italic; color: #0089d0 !important; text-decoration: none !important; padding-right: 15px; } #block-views-c3404e354e80af36761cc7f466ac3e36 .view-content .views-row { border-bottom: 1px dotted #555555; display: block; margin-right: 18px; overflow: hidden; padding: 18px 0; } #block-views-c3404e354e80af36761cc7f466ac3e36 .view-content .views-field-field-expert { color: #333333; font: bold 12px Arial; font-style: italic; padding-top: 5px; } #block-views-c3404e354e80af36761cc7f466ac3e36 .view-content .views-field-field-expert .field-content span { font-size: 12px; } #block-views-c3404e354e80af36761cc7f466ac3e36 .view-content .views-field-field-article-teaser { padding: 12px 0; } #block-views-c3404e354e80af36761cc7f466ac3e36 .view-content .views-field-view-node { background: url("../images/general/right-arrow.png") no-repeat scroll 0 0 transparent; float: left; padding: 1px 0 0 9px; text-transform: uppercase; position: relative; } #block-views-c3404e354e80af36761cc7f466ac3e36 .view-content .views-field-view-node span a { color: #0089CF; font-size: 11px; font-weight: bold; position: relative; text-transform: uppercase; top: -3px; } #left_sidebar { background: url("../images/general/leftmenu_top.png") no-repeat left top; float: left; width: 220px; margin-top: 10px; } #left_sidebar .l-region--left-sidebar { background: url("../images/general/leftmenu_fill.png") center bottom; margin-top: 20px; padding: 0 15px 16px; width: 189px; } #left_sidebar .l-region--left-sidebar h2 { font-family: 'CenturyGothicItalic', Arial, serif; font-weight: normal !important; font-size: 18px; text-transform: uppercase; color: #4a4a4a; margin: 0; padding: 5px 0 5px 10px; } #left_sidebar .l-region--left-sidebar h2 a.title-expert-corner-link { text-decoration: none; } #left_sidebar .l-region--left-sidebar ul { margin-top: 2px; margin-bottom: 1px; padding-left: 20px; } #left_sidebar .l-region--left-sidebar ul li { list-style: none none; } #left_sidebar .l-region--left-sidebar ul li a { color: #0089cf; font-weight: bold; text-decoration: none; font-size: 12px; } #left_sidebar .l-region--left-sidebar #block-views-more-popular-article-block-3 { margin-top: 20px; background: url("../images/general/leftmenu_shadowbox_top.png") top no-repeat; } #left_sidebar .l-region--left-sidebar #block-views-more-popular-article-block-3 h2 { font-size: 14px; text-transform: uppercase; color: #666; padding-bottom: 10px; } #left_sidebar .l-region--left-sidebar #block-views-more-popular-article-block-3 .view-more-popular-article { background: url("../images/general/leftmenu_shadowbox_bottom.png") bottom no-repeat; } #left_sidebar .l-region--left-sidebar #block-views-more-popular-article-block-3 ul.item-list { padding: 0 10px; } #left_sidebar .l-region--left-sidebar #block-views-more-popular-article-block-3 ul.item-list li { padding: 8px 0; border-bottom: 1px dotted #747474; } #left_sidebar .l-region--left-sidebar #block-views-more-popular-article-block-3 ul.item-list li.views-row-last { border-bottom: none; padding-bottom: 15px; } #left_sidebar .l-region--left-sidebar #block-menu-menu-more-benefits h2, #left_sidebar .l-region--left-sidebar #block-menu-menu-health-topics-articles h2, #left_sidebar .l-region--left-sidebar #block-menu-menu-health-benefits-topics h2 { width: 140px; height: 20px; background: url("../images/general/expert_notitle.gif") no-repeat; text-indent: 180px; overflow: hidden; padding: 0; margin: 0 0 0 10px; } #left_sidebar .region-left-sidebar h2 { font-size: 18px; text-transform: uppercase; color: #4a4a4a; margin: 0; padding: 10px 0 5px 10px; font-family: 'CenturyGothicItalic', Arial, serif; } #left_sidebar .visit-our-blog-left-side-bar { background: url("../images/general/leftmenu_shadowbox.png") no-repeat; height: 33px; width: 181px; margin: 0 0 4px 4px; } #left_sidebar .visit-our-blog-left-side-bar #toggle_image { display: inline-block; float: left; height: 16px; margin-left: 7px; margin-top: 10px; width: 16px; cursor: pointer; } #left_sidebar .visit-our-blog-left-side-bar #toggle_image.collapse { background: url("../images/general/expert_corner_collapse.png") no-repeat scroll left top transparent; } #left_sidebar .visit-our-blog-left-side-bar #toggle_image.expand { background: url("../images/general/expert_corner_expand.png") no-repeat scroll left top transparent; } #left_sidebar .visit-our-blog-left-side-bar .expert-corner-title-left-side-bar { font-family: 'CenturyGothic', Arial, serif; text-decoration: none; text-transform: none; font-style: normal; padding: 7px 0 0 7px; margin: 0; } #left_sidebar .visit-our-blog-left-side-bar .expert_corner_header { display: inline-block; float: left; width: 155px; margin-left: 0; } #left_sidebar .visit-our-blog-left-side-bar a { color: #0089CF; font-family: 'CenturyGothicItalic', Arial, serif; font-size: 17px; font-weight: bold; text-transform: uppercase; } #left_sidebar .visit-our-blog-left-side-bar h2 a.title-expert-corner-link { font-family: 'CenturyGothic', Arial, serif; padding: 7px 0 0 10px; text-transform: none; font-style: normal; } #wrapper-content-internal { background: url("../images/general/header_background.png") no-repeat scroll 0 0 transparent; height: auto !important; padding: 0 0 50px 10px; clear: both; } #wrapper-content-internal #content { width: 100%; padding-bottom: 0; float: left; min-width: 270px; margin-left: 0; margin-bottom: -6px; } body.not-found #wrapper-content-internal { padding: 50px 20px; } a#popular_btn_popular, a.view-content-most-close { display: none !important; } a#recent_btn_popular, a#popular_btn_popular, #block-views-8d1f69f540555b9f4052775e29be4778 { display: none; } #block-views-d88bccdc665b12d4f28ec1edad43bdbd .view-content .views-field-field-expert, #block-views-9980654258968c57e2c3af7112360099 .view-content .views-field-field-expert, #block-views-8d1f69f540555b9f4052775e29be4778 .view-content .views-field-field-expert { color: #333333; font: bold 12px Arial; font-style: italic; padding-top: 5px; } #block-views-d88bccdc665b12d4f28ec1edad43bdbd .view-content .views-field-view-node, #block-views-9980654258968c57e2c3af7112360099 .view-content .views-field-view-node, #block-views-8d1f69f540555b9f4052775e29be4778 .view-content .views-field-view-node { background: url("../images/general/right-arrow.png") no-repeat scroll 0 0 transparent; float: left; padding: 1px 0 0 9px; text-transform: uppercase; position: relative; } .view-health-center-external-articles li.views-row-first .views-field-field-article-teaser .field-content { clear: both; } /***************** Expert corner page theme for mobile *****************/ body.health-center .article-content .article-image { margin-left: 8px; } body.health-center .article-content .article-body { color: #666666; margin: 0 8px; padding-top: 52px; text-align: justify; } body.health-center .article-content ul li { color: #666; } body.health-center .article-content p, body.health-center .article-content h3, body.health-center .article-content ul li { line-height: 150%; font-size: 12px; } body.health-center .article-content .article-topics strong { font-size: 12px; } a.article-topic-link { color: #0089cf; font-weight: bold; font-size: 12px; } .health-blog #wrapper-content-internal { background: url("../images/general/header_background.png") no-repeat scroll 0 0 transparent; height: auto !important; padding-bottom: 50px; padding-left: 10px; padding-right: 0; } /**************************Facebook***********************************/ .facebook-menu .content .top-corners, .contact-menu .content .top-corners { display: block; } .facebook-menu #visit-us-facebook span { color: #666; font-family: 'CenturyGothic', Arial, serif; font-weight: bold; font-size: 12px; float: left; margin: 10px 33px 0 13px; } .facebook-menu .content { background: url(../images/general/bkg/bkg-mega-navigation.png) repeat-y; margin-left: 2px; zoom: 1; clear: both; height: 89px; } .facebook-menu #visit-us-facebook > span { margin: 12px 16px 0 13px !important; } .facebook-menu #visit-us-facebook a { background: url(../images/general/sprite-btns.png) repeat-y scroll -434px 0 transparent; display: block; height: 35px; text-indent: -9999px; width: 73px; float: left; } .facebook-menu #visit-us-facebook { background: url(../images/general/bkg/dot.jpg) repeat-x scroll left top transparent; margin: 0 9px; overflow: hidden; padding: 12px 0 22px 0; width: 260px; } /********************* Signin block ***************************/ .news-menu .wrapper-news-menu { padding: 0 10px 15px 15px; } .news-menu > div > .wrapper-news-menu > p.news-menu-title { margin-top: 24px; } .news-menu > div > .wrapper-news-menu > p.news-menu-content, .news-menu > div > .wrapper-news-menu > p.news-menu-link { margin-top: 1px; } /**********************Contact block********************************************/ .contact-menu .block__content { height: 310px; } .contact-menu .top-corners { display: block; } .contact-menu #contact-us-block .call-us-content > p { line-height: 18px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; margin: 0; } .contact-menu #contact-us-block .call-us-content > p.line-break { line-height: 18px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0; } .contact-menu #contact-us-block .write-us-content > p { line-height: 18px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; margin: 0; } /********************* Locator block ***************************/ .buy-menu li.first.ui-state-default a, .buy-menu .gmapslivesearch-find-online-form div div ul.ui-corner-all > li.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active > a { font-family: CenturyGothic, Arial, serif; font-size: 11px !important; } .buy-menu .tabs a:hover { /*background-color:#eee !important;*/ } .buy-menu #gmapslivesearch-find-online-form > div > div { padding-top: 3px; padding-left: 1px; } .buy-menu #gmapslivesearch-find-online-form div > ul > li.first.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active { padding-top: 1px; } .buy-menu #tab-1 { font-family: Arial, Helvetica, sans-serif; padding: 35px 10px 0 7px; } #mega-navigation .news-menu, #mega-navigation .contact-menu, #mega-navigation .facebook-menu, #mega-navigation .finder-menu, #mega-navigation .buy-menu { right: 99%; } /***************** Email to a friend page theme for mobile *****************/ body.node-type-product .ui-dialog.send_to_a_friend { width: 96% !important; max-width: 442px !important; } body.node-type-product .send_to_a_friend .ui-widget-header { background: none; border: none; margin: 0; padding: 0; } body.node-type-product .send_to_a_friend .ui-widget-header span { background: transparent url("../images/general/sprite-btns.png") no-repeat scroll -8px -280px; font-family: 'CenturyGothic', Arial, serif; color: #0976c3; font-size: 25px; font-weight: normal; height: 32px; width: 386px; margin: 0; padding: 2px 0 0 14px; } body.node-type-product .send_to_a_friend .ui-dialog-titlebar-close { display: none; } body.node-type-brightcove-video #wrapper-content-internal #content { float: none; width: 98%; } body.node-type-brightcove-video .ui-dialog.send_to_a_friend { width: 96% !important; top: 20% !important; } body.node-type-brightcove-video .l-region--content-top { left: 41px; } body.node-type-brightcove-video .send_to_a_friend .ui-widget-header { background: none; border: none; margin: 0; padding: 0; } body.node-type-brightcove-video .send_to_a_friend .ui-widget-header span { font-family: 'CenturyGothic', Arial, serif; color: #0976c3; font-size: 25px; font-weight: normal; height: 32px; width: 386px; margin: 0; padding: 2px 0 0 14px; } body.node-type-brightcove-video .send_to_a_friend .ui-dialog-titlebar-close { display: none; } body.node-type-page .ui-dialog.send_to_a_friend { width: 96% !important; max-width: 442px !important; } body.node-type-page #communication_tools_overlay { padding: 10px 0 7px !important; height: auto !important; } body.page-send-to-a-friend .element-invisible { display: none; } body.page-send-to-a-friend #communication-tools-send-form p { background: url("../images/general/right-arrow.jpg") no-repeat scroll 0 0 transparent; padding-left: 10px; font-weight: bold; } body.page-send-to-a-friend #communication-tools-send-form fieldset { border: 0; margin-bottom: 0; padding: 5px 0 9px 0; } body.page-send-to-a-friend #communication-tools-send-form fieldset .form-item { margin-left: 0; overflow: hidden; width: 350px; margin-bottom: 0; } body.page-send-to-a-friend #communication-tools-send-form fieldset .form-item input[type=text] { width: 345px; } body.page-send-to-a-friend #communication-tools-send-form fieldset#edit-name { margin-bottom: 0; padding: 0; } body.page-send-to-a-friend #communication-tools-send-form .fieldset-description { margin: 4px 0 4px 0; line-height: 20px; letter-spacing: 0.3px; } body.page-send-to-a-friend #communication-tools-send-form label { display: block; color: #59544e; float: left; width: 80px; text-align: right; padding: 10px 0 0 0; font-weight: bold; text-transform: uppercase; font-size: 9px; } body.page-send-to-a-friend #communication-tools-send-form label span { color: #59544e; } body.page-send-to-a-friend #communication-tools-send-form .jqTransformInputWrapper { width: 170px !important; float: left; } body.page-send-to-a-friend #communication-tools-send-form .jqTransformInputInner { width: 170px; padding: 5px 9px 0; background: url(../images/general/sprite-btns.png) no-repeat scroll -5px -317px transparent; margin-bottom: 5px; } body.page-send-to-a-friend #communication-tools-send-form .jqTransformInputInner div { height: 26px; width: 170px !important; } body.page-send-to-a-friend #communication-tools-send-form .jqTransformInputInner input { height: 20px; margin-top: 4px; width: 150px !important; background: none; } body.page-send-to-a-friend #communication-tools-send-form .container-buttons { clear: both; padding-top: 12px; } body.page-send-to-a-friend #communication-tools-send-form .container-buttons iframe { width: 110px; float: right; } body.page-send-to-a-friend #communication-tools-send-form #recaptcha_area .jqTransformInputInner { background: none; padding-top: 2px; padding-left: 1px; padding-bottom: 1px; } body.page-send-to-a-friend a#send-to-a-friend-cancel { background: url(../images/general/sprite-btns.png) no-repeat scroll -268px 0 transparent; border: 0 none; cursor: pointer; display: block; font-size: 0; height: 37px; line-height: 0; text-indent: -999em; width: 90px; margin-right: 12px; float: right; outline: none; } body.page-send-to-a-friend #thank-you-page { padding-top: 128px; } body.page-send-to-a-friend #thank-you-page p { background: transparent url(../images/general/sprite-btns.png) no-repeat scroll -6px -439px; font-family: 'CenturyGothic', Arial, serif; color: #0976c3; font-size: 12px; width: 100%; max-width: 442px; text-align: center; margin: 0 auto; height: 33px; padding-top: 12px; } body.page-send-to-a-friend #thank-you-page a.close-send-to-friend { background: url(../images/general/sprite-btns.png) no-repeat scroll -81px 1px transparent; border: 0 none; cursor: pointer; display: block; font-size: 0; height: 37px; line-height: 0; text-indent: -999em; width: 188px; outline: none; margin: 10px auto; float: none; } body.page-send-to-a-friend .jqTransformInputInner input.form-text { border: 0; color: #4c4c4c; font-size: 11px; outline: none; } body.page-send-to-a-friend #communication-tools-confirm-button { float: left; } body.page-send-to-a-friend #communication-tools-confirm-button input { background: url(../images/general/sprite-btns.png) no-repeat scroll -358px 0 transparent; border: 0 none; cursor: pointer; display: block; font-size: 0; height: 37px; line-height: 0; text-indent: -999em; width: 75px; outline: none; } body.page-send-to-a-friend .messages { border-width: 0; color: #d60000; font-weight: bold; margin: 0 0 5px 0; padding: 0; } body.page-send-to-a-friend .messages ul li { color: #d60000; font-weight: bold; list-style: none; font-family: Arial,Helvetica,sans-serif; font-size: 12px; } .send_to_a_friend #communication_tools_overlay_iframe { display: block; width: 100%; padding: 0 !important; height: 520px !important; margin: 0; overflow: hidden; } .silver-women p.text { display: none; } .article-content #social-networks .tool_box a { display: block; height: 8px; width: 33px; text-indent: -9999px; } .article-content #block-communication-tools-communication-tools-addthis a { position: relative; left: -2px; } /* [end of] Inside of the Box */ .product-labeling-content { width: 95% !important; display: none; } /*Product Labeling*/ .product-labeling-dialog .product-labeling-content { color: #000 !important; font-family: Arial; font-size: 12px; padding: 20px 20px 7px 5px !important; position: static; } .product-labeling-dialog .product-labeling-content p { line-height: 16px; padding-bottom: 10px; } .product-labeling-dialog .product-labeling-content p.information { line-height: 16px; } .product-labeling-dialog .product-labeling-content table tr.line-big td { border-bottom: 12px solid #000; } .product-labeling-dialog .product-labeling-content table tr td.line-high { border-bottom: 6px solid #000; } .product-labeling-dialog .product-labeling-content .border.ingredients, .product-labeling-dialog .product-labeling-content .border.warning { border: 1px solid #000; margin-bottom: 10px; padding: 2px 5px; line-height: 16px; } .product-labeling-dialog .product-labeling-content .border.warning { margin-bottom: 14px; margin-top: 3px; } .product-labeling-dialog .product-labeling-content sub { vertical-align: sub; font-size: 71%; } .ui-dialog.product-labeling-dialog { color: #000 !important; font-family: Arial, serif; border-radius: 0 0 0 0; margin: -224.5px auto 0; padding: 5px 5px 0; max-width: 790px !important; width: 95% !important; } .ui-dialog.product-labeling-dialog .ui-dialog-titlebar { padding: 0; background: none; border: none; } .ui-dialog.product-labeling-dialog .ui-dialog-titlebar-close { border: none; background: url("../images/general/sprite-btns.png") repeat-y scroll -665px -7px transparent; height: 24px; margin: 3px 15px 0 0; padding: 1px; position: absolute; right: 0.3em; top: 50%; width: 24px; z-index: 999; } .ui-dialog.product-labeling-dialog .ui-dialog-titlebar-close:hover { border: none; } .ui-dialog.product-labeling-dialog .ui-dialog-titlebar-close span.ui-button-icon-primary:first-child { display: none; } .ui-dialog.product-labeling-dialog a.print-labeling { background: url("../images/general/sprite-btns.png") repeat-y scroll -621px -8px transparent; display: block; height: 21px; position: absolute; right: 92px; text-indent: -9999px; top: 20px; width: 34px; outline: none; } .ui-dialog.product-labeling-dialog p.document-number { color: #c9c9c9; } .ui-dialog.product-labeling-dialog h1 { font-family: arial, serif; font-size: 24px; font-weight: bold; margin: 16px 0 0 0; color: #000000; } .ui-dialog.product-labeling-dialog table { width: 100%; border: 1px solid #000; margin-bottom: 15px; } .ui-dialog.product-labeling-dialog table tr { border-bottom: 1px solid #000; } .ui-dialog.product-labeling-dialog table tr td, .ui-dialog.product-labeling-dialog table tr th { padding: 3px 5px; } .ui-dialog.product-labeling-dialog table tr td.no-bottom, .ui-dialog.product-labeling-dialog table tr th.no-bottom { border-bottom: 0; } .ui-dialog.product-labeling-dialog table tr th.first-head { font-family: 'Arial Black',Arial, serif; font-size: 16px; padding-bottom: 2px; padding-top: 2px; } .ui-dialog.product-labeling-dialog table tr td { border-bottom: 1px solid #000; } .ui-dialog.product-labeling-dialog table tr td.first-line td { border: none; } .ui-dialog.product-labeling-dialog table tr td.line-high, .ui-dialog.product-labeling-dialog table tr td.line-mid { border-bottom: 6px solid #000; } .ui-dialog.product-labeling-dialog table tr td.no-top-right { border-top: 0; border-right: 0; } .ui-dialog.product-labeling-dialog table tr td.no-top-left { border-top: 0; border-left: 0; } .ui-dialog.product-labeling-dialog table tr td.no-left { border-left: 0; width: 75px; } .ui-dialog.product-labeling-dialog table tr td.no-right { border-right: 0; } .ui-dialog.product-labeling-dialog table tr.line-big td { border-bottom: 12px solid #000; } .ui-dialog.product-labeling-dialog table tr.no-top { border-top: 0; } .ui-dialog.product-labeling-dialog table tr.no-bottom { border-bottom: 0; } .ui-dialog.product-labeling-dialog table tr .first-head { font-weight: bold; } .ui-dialog.product-labeling-dialog .border { border: 1px solid #000; padding: 10px 5px; } .ui-dialog.product-labeling-dialog .border.ingredients, .ui-dialog.product-labeling-dialog .border.warning { border: 1px solid #000; margin-bottom: 10px; padding: 2px 5px; line-height: 16px; } .ui-dialog.product-labeling-dialog .border.warning { margin-bottom: 14px; margin-top: 3px; } .ui-dialog.product-labeling-dialog .product-labeling-content h4 { font-family: Arial, serif !important; font-size: 12px !important; font-weight: normal !important; } .views-field-field-bright-vid-brightcove-code { height: auto !important; } iframe#homepage_video_iframe { width: 100%; max-width: 640px; max-height: 360px; min-height: 200px; } .clear_both { clear: both; } /* Overlay - Extlink */ .extlink-message .ui-widget-header { background: url("../images/general/sprite-btns.png") no-repeat scroll -98px -40px #F4F4F4 !important; border: 0 none !important; height: 35px; width: 402px; padding: 0; border-radius: 0; } .extlink-message .ui-state-default:first-child { background-position: -75px 0 !important; float: left; margin-left: 10px; width: 192px !important; height: 38px; border: 0; border-radius: 0; } .extlink-message .ui-state-default:first-child, .ui-dialog .ui-dialog-buttonpane button { background: url("../images/general/sprite-btns.png") no-repeat scroll 0 0 transparent; display: block; line-height: 0; text-indent: -9999em; } .ui-dialog .ui-dialog-content { padding: 22px 10px 7px !important; height: auto !important; color: #666; font-size: 12px; } .ui-dialog .ui-dialog-buttonpane { padding: 0; } .ui-dialog .ui-dialog-buttonpane button { background-position: -265px 0 !important; float: left; /* margin-left: 88px; */ width: 94px !important; height: 38px; border: 0; border-radius: 0; } .ui-dialog-buttonset { float: left !important; } /* Thank you page */ body.page-node-286 #wrapper-content-internal { padding-bottom: 20px; padding-left: 20px; } body.page-node-286 #wrapper-content-internal #content { float: none; } #sign-up-thankyou-page { padding-top: 30px; } #sign-up-thankyou-page p { font-family: 'CenturyGothic', Arial, serif; font-size: 25px; margin: 0 0 8px; color: #777; padding: 9px 0 0; } #sign-up-thankyou-page a { font-size: 12px; line-height: 20px; text-indent: 0; letter-spacing: 1px; margin: 15px 8px 0 0; height: 20px; left: 0; background-clip: padding-box; background: #2caee6; background: -moz-linear-gradient(top, #2caee6 0%, #1d679a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2caee6), color-stop(100%, #1d679a)); background: -webkit-linear-gradient(top, #2caee6 0%, #1d679a 100%); background: -o-linear-gradient(top, #2caee6 0%, #1d679a 100%); background: -ms-linear-gradient(top, #2caee6 0%, #1d679a 100%); background: linear-gradient(to bottom, #2caee6 0%, #1d679a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2caee6',endColorstr='#1d679a',GradientType=0); border: 1px solid #158acd; border-radius: 3px; color: white; display: inline-block; font-family: "CenturyGothic","Helvetica","Arial",sans-serif; padding: 6px 12px; text-shadow: 1px 1px 1px #1d679a; text-transform: uppercase; width: auto; text-decoration: initial; } .coupon-thank-page input#coupon-print-button { background: url("../images/general/sprite-btns.png") no-repeat scroll -444px -401px transparent; border: 0 none; clear: both; cursor: pointer; display: block; font-size: 0; height: 35px; line-height: 0; text-indent: -9999px; width: 125px; margin: 10px 0 0 4px; } /* [end] Thank you page */ /**** captcha style for mobile starts here ****/ #recaptcha_widget_div { max-width: 290px; border-radius: 4px; margin: 0 0 10px 5px; } #recaptcha_area, #recaptcha_table { width: 90% !important; max-width: 290px !important; } #recaptcha_area { background: #DFDFDF; border: 1px solid #AAAAAA; border-radius: 4px; } .recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r2_c2, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1 { background: none !important; } .recaptchatable .recaptcha_r4_c4 { background-position: -214px 4px !important; } .recaptchatable .recaptcha_image_cell { background: transparent !important; } .recaptchatable #recaptcha_image #recaptcha_challenge_image { border: 1px solid #FFFFFF !important; } #recaptcha_image { width: 100% !important; height: auto !important; } #recaptcha_image img { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: auto; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 3px solid #FFF; } .recaptcha_is_showing_audio embed { height: 0; width: 0; overflow: hidden; } .recaptcha_is_showing_audio #recaptcha_image { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 60px; background: #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 3px solid #FFF; } .recaptcha_is_showing_audio #recaptcha_image br { display: none; } .recaptcha_is_showing_audio #recaptcha_image #recaptcha_audio_download { display: block; } .recaptcha_input { background: #FFDC73; color: #000; font: 13px/1.5 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; margin: 4px 0 0; padding: 0 4px 4px; border: 4px solid #FFDC73; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .recaptcha_input label { margin: 0 0 6px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .recaptcha_input input { width: 100%; } .recaptcha_options { list-style: none; margin: 4px 0 0; height: 18px; } .recaptcha_options li { float: left; margin: 0 4px 0 0; } .recaptcha_options li a { text-decoration: none; text-shadow: 0 1px 1px black; font-size: 16px; color: white; display: block; width: 20px; height: 18px; } .recaptcha_options li a:active { position: relative; top: 1px; text-shadow: none; } .captcha_hide { display: none; } /**** captcha style for mobile starts here ****/ .promotion-rotation-mobile-controls, .promotion-rotation-controls { display: none; } /*************** Expert corner left sidebar toggle for mobile ***************/ .nav_wrapper, #block-views-more-popular-article-block-3 { display: none; } .find-your-centrum .view-more-popular-article .pager { display: block; float: none; } .view-more-popular-article .pager li { padding: 0 2px !important; font-size: 10px !important; } ul.pager li.pager-first a, ul.pager li.pager-previous a, ul.pager li.pager-next a, ul.pager li.pager-last a { font-size: 10px !important; } ul.pager li.pager-item a { font-size: 10px !important; } .clear { clear: both; height: 0; margin: 0; padding: 0; } #popup_bg { background: url("../images/general/pop-bg.png") transparent; display: none; left: 0; top: 0; z-index: 999; width: 100%; position: absolute; } .close_popup.button { display: block; width: 104px; height: 40px; background: url("../images/blocks/close-btn.jpg") no-repeat; text-indent: -9999px; cursor: pointer; margin: 0 auto; } .close_popup.arr { cursor: pointer; height: 35px; position: absolute; right: 10px; text-indent: -9999px; top: 0; width: 35px; background: url("../images/blocks/close-arr.jpg") no-repeat; } .ui-dialog { max-width: 690px !important; overflow: hidden; padding: 0.2em; position: absolute; width: 94% !important; } .extlink-message { border: 1px solid #ccc !important; border-radius: 0; height: auto !important; /* left: 65% !important; */ margin-left: -208px !important; margin-top: -200px !important; padding: 6px; position: fixed; top: 50% !important; max-width: 402px !important; width: 94% !important; } .ui-dialog.front_video_in_modal .ui-dialog-buttonpane .fb-share-button { background: url("../images/modal/btn_fb_share.png") no-repeat scroll 0 0 transparent !important; height: 40px; line-height: 0; margin-left: 22px; text-indent: -9999em; width: 168px !important; float: left; border: none; } .ui-dialog.front_video_in_modal .ui-dialog-buttonpane button.btn_close { background: url("../images/modal/btn_close_big.png") no-repeat scroll 0 0 transparent !important; display: block; line-height: 0; text-indent: -9999em; margin-left: 100px; width: 100px !important; height: 40px; float: left; border: none; } .ui-dialog.front_video_in_modal .ui-dialog-buttonpane button.btn_mail { background: url("../images/modal/btn_mail.png") no-repeat scroll 0 0 transparent !important; display: block; line-height: 0; text-indent: -9999em; margin-left: 121px; width: 62px !important; height: 40px; float: left; border: none; } /* End video pop up */ #block-communication-tools-communication-tools-email, .communication_tools_email_instance { border-right: 1px solid #0089D0; float: left; font-size: 71%; font-weight: bold; text-transform: uppercase; padding-right: 5px; } #block-communication-tools-communication-tools-email, #block-communication-tools-communication-tools-addthis, .communication_tools_print_instance, .communication_tools_email_instance, .communication_tools_addthis_instance, #block-communication-tools-communication-tools-print, .communication_tools_print_instance { padding-left: 6px; margin: 10px 0; } #block-communication-tools-communication-tools-addthis, .communication_tools_addthis_instance { float: left; font-size: 71%; font-weight: bold; text-transform: uppercase; /* text-indent: -999px; */ /* It causes issue in displaying addThis dropdown */ } #block-communication-tools-communication-tools-print a, .communication_tools_print_instance a { background: transparent url("../images/general/btn/print.gif") no-repeat scroll 0 0; color: #0089D0; display: block; height: 8px; line-height: 6px; text-indent: -9999em; width: 33px; } #block-communication-tools-communication-tools-email a, .communication_tools_email_instance a { background: url("../images/general/btn/email.gif") no-repeat scroll 0 0 transparent; color: #0089D0; display: block; height: 8px; line-height: 6px; text-indent: -9999em; width: 33px; } #block-social-network-actions-facebook-like-block-bottom { height: 25px; margin-left: 4px; /*overflow: hidden;*/ clear: both; } #block-communication-tools-communication-tools-addthis a, .communication_tools_addthis_instance a { background: transparent url("../images/general/btn/share.gif") no-repeat scroll 0 0; height: 8px; line-height: 9px; width: 34px; display: block; } #block-communication-tools-communication-tools-addthis img { border: 0; visibility: hidden; /*height: 0;*/ } /* [end of] Extlink */ .extlink-message .ui-state-default:first-child { margin-left: 0; } /******************* Find you centrum tool on home page ********************/ #block-multiblock-1 .view-formula-finder .formula-finder.jqtransformdone { display: table; } .result-box .two-results-and-add .two-results h2, .result-box .two-results h2, .result-box .two-results-and-add .single-result h2, .result-box .single-result h2 { color: #ddd; float: none; font-family: Arial,Helvetica,sans-serif; font-size: 25px; font-weight: normal; padding: 5px 0 0 26px; position: static; text-align: left; text-transform: none; width: 155px; height: auto; } .product.we-recommend { line-height: 10px; padding: 15px 10px 0 25px; } .key-claim { padding: 10px 0; } .ui-dialog.send_to_a_friend { max-width: 442px !important; } body.node.section-node .article-content { width: 98%; margin: 0 auto; } body.node.section-node .article-content h1 { clear: both; font-family: 'CenturyGothic', Arial, serif; font-size: 25px; margin: 0 0 8px; color: #777; font-weight: normal; } body.node.section-node .article-content .little-breadcrumb { color: #777; line-height: 18px; margin-top: 0; margin-bottom: 0; } body.node.section-node .article-body p { color: #666; line-height: 18px; font-size: 12px; } body.node.section-node ul.pager { clear: both; display: block; float: none; margin: 10px 10px 0 0; padding-top: 0; text-align: right; text-transform: uppercase; } body.node.section-node ul.pager li { color: #666; display: inline; font-size: 10px; padding: 0 2px; list-style: none; } body.node.section-node ul.pager li a { font-size: 10px; color: #666 !important; text-decoration: none; } body.node.section-node ul.pager li.pager-first a, body.node.section-node ul.pager li.pager-previous a { color: #666 !important; } body.node.section-node ul.pager li.pager-item a { color: #0089cf; } body.page-node-250.page-node-done #wrapper-content-internal { padding-bottom: 20px; padding-left: 37px; } body.page-node-250.page-node-done #content .webform-confirmation { padding-top: 30px; } body.page-node-250.page-node-done #content .webform-confirmation p { font-family: 'CenturyGothic', Arial, serif; font-size: 25px; margin: 0 0 8px; color: #777; padding: 9px 0 0; } body.page-node-250.page-node-done #content .webform-confirmation a { background: url("../images/general/sprite-btns.png") repeat-y scroll -433px 312px transparent; display: block; height: 35px; text-indent: -9999px; width: 168px; margin-top: 34px; } body.page-node-250.page-node-done #content .links { display: none; } body.page-node-1551.page-node-done #content, body.page-node-1543.page-node-done #content { height: 100%; } body.page-node-1551.page-node-done #content iframe, body.page-node-1543.page-node-done #content iframe { height: 460px; } body.safari .buy-menu li.ui-state-default { font-weight: normal; } .page-not-found #wrapper-content-internal { padding: 50px 0 50px 50px; } .iphone body.quality-new #content_top .l-region--content-top { margin-bottom: 10px; } .iphone body.page-send-to-a-friend #communication-tools-send-form .container-buttons { width: 95%; margin: 0 auto; } .iphone body.page-send-to-a-friend #communication-tools-send-form .container-buttons iframe { margin-right: 30px; } .iphone body.page-send-to-a-friend a#send-to-a-friend-cancel { float: left; } .iphone body.front .view-rotation-promotion ul { /*height: 210px !important;*/ } .iphone #left_sidebar .visit-our-blog-left-side-bar #toggle_image { margin-top: 7px; } .iphone #content #block-multiblock-1 .formula-finder .options > div { margin-left: 0; text-align: left; } .iphone #content_bottom #block-views-brightcove-video-block-1 object, .iphone #content_bottom #block-views-brightcove-video-block-2 object, .iphone #content_bottom #block-views-brightcove-video-block-3 object { height: 160px; width: 260px; } /******************************************************************************************************/ /********************************** Tablet style starts here *****************************************/ /******************************************************************************************************/ @media (min-width: 768px) { .extlink-message .ui-state-default:first-child { margin-left: 10px; } #newDlButton { position: relative; right: 65px; background: none; } .l-region--footer { padding: 0 15px 0 27px; } .view-rotation-promotion .views-field-body { width: 100%; } .view-rotation-promotion ul.rotation-promotion li { min-height: 366px; } .view-rotation-promotion ul.rotation-promotion li.views-row-1 .views-field-body { background-size: 100%; } .view-rotation-promotion ul.rotation-promotion li.views-row-1 .views-field-body .marquee-centrum-silver { margin: 36% 0 0 49%; } .view-rotation-promotion ul.rotation-promotion .views-field-body .marquee-centrum-silver { text-align: center; font-family: CenturyGothic, Arial, serif; display: inline-block; font-size: 14px; text-transform: uppercase; color: #3b71b8; font-weight: bold; word-spacing: -1px; } .view-rotation-promotion .views-row-1 .views-field-body { width: 100%; background-size: 100%; } body.front .front_video_in_modal { width: 619px !important; } body.front .front_video_in_model .ui-dialog-titlebar, body.front .front_video_in_model .views-field-field-bright-vid-brightcove-code, body.front .front_video_in_model .ui-dialog-buttonpane { width: 589px; } body.front .front_video_in_model .views-field-field-bright-vid-brightcove-code iframe { width: 575px; height: 301px; } body.front #block-views-rotation-promotion-block { display: block; } body.front #block-views-rotation-promotion-block-2 { display: none; } body.front #wrapper-content-internal #content { display: block; } body.front #wrapper-content-internal #content.expanded { background: url("../images/general/bkg/bkg_shelft_assistment.png") repeat-x scroll 0 -16px transparent; } body.front #wrapper-content-internal #content.expanded .panel-flexible { display: block; } body.front #wrapper-content-internal #content .finder-menu { margin-top: 0; background: none; margin-bottom: 0; } .ui-dialog.front_video_in_modal .ui-dialog-buttonpane .fb-share-button { background: url("../images/modal/btn_fb_share.png") no-repeat scroll 0 0 transparent !important; height: 40px; line-height: 0; margin-left: 22px; text-indent: -9999em; width: 168px !important; float: left; border: none; } .ui-dialog.front_video_in_modal .ui-dialog-buttonpane button.btn_close { background: url("../images/modal/btn_close_big.png") no-repeat scroll 0 0 transparent !important; display: block; line-height: 0; text-indent: -9999em; margin-left: 100px; width: 100px !important; height: 40px; float: left; border: none; } .ui-dialog.front_video_in_modal .ui-dialog-buttonpane button.btn_mail { background: url("../images/modal/btn_mail.png") no-repeat scroll 0 0 transparent !important; display: block; line-height: 0; text-indent: -9999em; margin-left: 121px; width: 62px !important; height: 40px; float: left; border: none; } #container-top { width: 90%; background: #000000; margin: 0 auto; height: 13px; float: none; clear: both; border: 16px solid #000; border-width: 0 16px 0 16px; box-shadow: 5px 0 40px -4px #999, -5px 0 40px -4px #999; } #breadcrumb { padding: 10px 34px; height: 12px; margin: 23px 0 0 0; text-decoration: none; text-transform: none; z-index: 49; position: absolute; top: 108px; } #container { width: 90%; overflow: hidden; float: none; clear: both; border-width: 13px 15px; } #container #wrapper-main-navigation { background: url("../images/general/bkg/bkg-right-menu.png") no-repeat scroll 0 top transparent; float: right; height: 938px; width: 6%; display: block !important; } #container #wrapper-main-navigation #main-navigation { border-top: 23px solid #000000; display: block !important; } #wrapper_content { float: left; clear: none; width: 94%; background: url("../images/general/bkg/bkg-content-internal.png") repeat-y scroll 1px 0 #FFFFFF; position: relative; } #wrapper_content #header { height: 100px; padding-top: 40px; background: url("../images/general/bkg/bkg-header.png") no-repeat scroll right bottom transparent; width: 99.9%; } #wrapper_content #header #block-country-selector-dropdown { position: absolute; right: 43px; top: -15px; z-index: 200; display: block; } #wrapper_content #expert_corner .l-region--expert-corner { background: #333 url("../images/general/meganav_lines.png") no-repeat; opacity: 0.95; filter: alpha(opacity=95); left: 5%; padding: 10px 15px 10px 20px; position: absolute; top: 150px; width: 620px; height: 400px; z-index: 500; } #wrapper_content #expert_corner .l-region--expert-corner .expert-corner-arrow { background: url("../images/general/meganav_selector.png") no-repeat; width: 28px; height: 10px; position: absolute; right: 290px; top: -10px; } #wrapper_content #expert_corner .l-region--expert-corner ul.expert-list { margin: 15px 0 0 0; padding: 0; } #wrapper_content #expert_corner .l-region--expert-corner ul.expert-list li { display: block; float: left; overflow: hidden; width: 122px; } #wrapper_content #expert_corner .l-region--expert-corner .item-list { clear: both; } #wrapper_content #expert_corner .l-region--expert-corner a { color: #fff; } #wrapper_content #expert_corner .l-region--expert-corner a:hover { color: #0089cf; } #wrapper_content #expert_corner .l-region--expert-corner .expert-corner-overlay-list a.close { background: url("../images/general/btn/bt-products.png") no-repeat scroll 0 0 transparent; float: right; height: 11px; margin-bottom: 10px; text-indent: -1000em; width: 11px; position: absolute; right: -4px; top: -70px; } #wrapper_content #expert_corner .l-region--expert-corner h2 { font-size: 12px; border: none; color: #fff; display: block; margin: 0 0 10px 0; padding: 0; position: relative; text-align: left; text-transform: uppercase; font-weight: normal; font-family: 'CenturyGothic', Arial, serif; } #wrapper_content #expert_corner .l-region--expert-corner .block-block-36 { height: 65px; /* Icons */ } #wrapper_content #expert_corner .l-region--expert-corner .block-block-36 p { background: url("../images/general/dot_0_0.png") no-repeat left 7px; color: #cccccc; text-indent: 13px; margin-left: 15px; padding-top: 4px; } #wrapper_content #expert_corner .l-region--expert-corner .block-block-36 p a { text-decoration: underline; } #wrapper_content #expert_corner .l-region--expert-corner .block-block-36 p a:hover { color: #0089cf; } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block { width: 620px; height: 165px; } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block h2 { margin: 0 20px 0 0; } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block .view-content { position: absolute; } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-1, #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-2, #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-3, #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-4 { position: static; } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-1 ul, #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-2 ul, #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-3 ul, #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-4 ul { position: absolute; top: 330px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 1px; padding: 0; margin: 0; } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-1 ul li, #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-2 ul li, #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-3 ul li, #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-4 ul li { background: no-repeat center left; padding: 2px 0 2px 14px; list-style: none; } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-1 { height: 150px; } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-1 ul { left: 35px; } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-1 ul li.views-row-1 { background-image: url("../images/general/dot_1_1.png"); } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-1 ul li.views-row-2 { background-image: url("../images/general/dot_1_2.png"); } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-1 ul li.views-row-3 { background-image: url("../images/general/dot_1_3.png"); } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-1 ul li.views-row-4 { background-image: url("../images/general/dot_1_4.png"); } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-2 ul { left: 150px; } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-2 ul li.views-row-1 { background-image: url("../images/general/dot_2_1.png"); } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-2 ul li.views-row-2 { background-image: url("../images/general/dot_2_2.png"); } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-2 ul li.views-row-3 { background-image: url("../images/general/dot_2_3.png"); } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-2 ul li.views-row-4 { background-image: url("../images/general/dot_2_4.png"); } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-3 ul { left: 520px; } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-3 ul li.views-row-1 { background-image: url("../images/general/dot_4_1.png"); } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-3 ul li.views-row-2 { background-image: url("../images/general/dot_4_2.png"); } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-3 ul li.views-row-3 { background-image: url("../images/general/dot_4_3.png"); } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-3 ul li.views-row-4 { background-image: url("../images/general/dot_4_4.png"); } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-4 ul { left: 335px; } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-4 ul li.views-row-1 { background-image: url("../images/general/dot_3_1.png"); } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-4 ul li.views-row-2 { background-image: url("../images/general/dot_3_2.png"); } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-4 ul li.views-row-3 { background-image: url("../images/general/dot_3_3.png"); } #wrapper_content #expert_corner .l-region--expert-corner #block-views-expert-corner-line-up-block-4 ul li.views-row-4 { background-image: url("../images/general/dot_3_4.png"); } #wrapper_content #expert_corner .l-region--expert-corner .view-expert-corner-line-up a { color: #CCC !important; text-decoration: none; } #wrapper_content #expert_corner .l-region--expert-corner .view-expert-corner-line-up a:hover { color: #0089cf !important; } #wrapper_content #expert_corner .l-region--expert-corner .view-expert-corner-line-up .expert-corner-overlay-taxonomy-list li a { font-size: 11px; } #container-bottom { width: 90%; margin: 0 auto 40px; float: none; clear: both; border: 16px solid #000; border-width: 0 16px 0 16px; box-shadow: 5px 0 40px -4px #999, -5px 0 40px -4px #999; height: 15px; background: #000000; } .l-region--mega-navigation { position: relative; } .ipad #container #main-navigation { right: 5%; } body.page-new-home .promotion-rotation-pager { right: 360px; } /* [End Of] Icons */ .expert-corner .rotation-promotion-footer { margin-top: 25px; } .expert-corner .rotation-promotion-full-article { float: left; position: relative; left: -8px; width: 124px; height: 27px; padding: 13px 0 0 16px; background: url("../images/articles/read-full-article.png"); } .expert-corner .views-field-field-article-teaser .rotation-promotion-full-article { display: none; } .section-expert-corner #block-views-c3404e354e80af36761cc7f466ac3e36 ul.pager { margin: 0; padding: 18px 10px 15px 0; position: relative; width: 98.5%; float: right; } /****************** FAQ theme for tab **********************/ .faq-header h1 { color: #777; font-family: 'CenturyGothic', Arial, serif; font-size: 25px; clear: both; font-weight: normal; } .faq-header h3 { font-family: 'CenturyGothic', Arial, serif; font-size: 12px; border-bottom: 1px solid #bebdbd; padding: 0 0 21px; font-weight: normal; color: #777; } .block--views-exp-faqs-faqs-page { font: 13px/1.231 arial, helvetica, clean, sans-serif; } .block--views-exp-faqs-faqs-page h2 { color: #4a4a4a; float: left; font-family: 'CenturyGothicItalic', Arial, serif; font-size: 18px; font-weight: bold; margin: 0; padding: 10px 5px; text-transform: uppercase; width: 95%; } .block--views-exp-faqs-faqs-page .block__content { /* max-width: 460px;*/ clear: both; padding: 10px 5px; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page .form-type-bef-link { width: 150px; float: left; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page .form-type-bef-link a { color: #666; outline: none; text-decoration: none; font-size: 12px; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page #edit-search-wrapper { float: left; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page #edit-search-wrapper label { display: none; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page #edit-search-wrapper .jqTransformInputInner { background: url("../images/general/sprite-btns.png") no-repeat scroll -4px -83px transparent; padding: 5px 9px; width: 100px; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page #edit-search-wrapper .jqTransformInputInner input#edit-search { font-style: italic; width: 105px; background: none; margin: 0; border: none; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page #edit-search-wrapper .jqTransformInputWrapper { width: 111px; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page .views-submit-button { width: 60px; height: 40px; border: 0; cursor: pointer; display: block; text-indent: -9999px; line-height: 0; float: left; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page .views-submit-button #edit-submit-faqs { background: url("../images/general/sprite-btns.png") no-repeat scroll 0 -122px transparent; width: 60px; height: 40px; border: 0; cursor: pointer; display: block; text-indent: -9999px; margin-left: 0; line-height: 0; } .views-field-field-faq-question p { width: 100%; } .views-field-field-faq-question p.field-content { margin: 12px 0 12px 0; color: #777; width: 100%; float: none; line-height: 15px; font-size: 12px; } #block-views-exp-faqs-faqs-page #edit-tid-wrapper { padding: 0; /* max-width: 270px; */ float: left; width: 70%; margin-right: 0; } .view-id-faqs { clear: both; } .views-field-field-faq-answer { color: #0089d0; padding-top: 0; padding-bottom: 7px; padding-left: 17px; } .views-field-field-faq-answer span, .views-field-field-faq-answer p { color: #0089d0; line-height: 18px; } .views-field-field-faq-answer span.views-label-field-faq-answer { color: #0089d0; line-height: 18px; padding-right: 5px; float: left; font-size: 12px; } .views-field-field-faq-answer .field-content p { margin-top: 0; font-size: 12px; } #block-views-exp-faqs-faqs-page .views-exposed-widgets { width: 100%; } #block-views-exp-faqs-faqs-page .bef-select-as-links .form-item #edit-tid-7 { margin: 0 0 0 0; } #block-views-exp-faqs-faqs-page #edit-tid-wrapper .form-item-tid { margin-bottom: 0; } .view-display-id-faqs_page .view-content .views-field-field-faq-question span.views-label-field-faq-question { padding-right: 5px; float: left; clear: both; font-size: 12px; } .view-display-id-faqs_page .view-content { padding-top: 15px; padding-bottom: 50px; } /******* quality-new *******/ body.quality-new #node-291 .ad_header h1 { font-size: 26px; } body.quality-new #node-291 div div .field__items div .ad_header h1 span { font-size: 29px; } /******* Most studied *******/ #block-fblikebutton-fblikebutton-static-block > div > iframe { border: none; overflow: hidden; width: 47px; height: 44px; left: 46px; top: -100px; position: relative; } body.section-physicians-health-study-new .communication_tools_print_instance, body.section-physicians-health-study-new .communication_tools_email_instance, body.section-physicians-health-study-new .communication_tools_addthis_instance { left: 17%; position: absolute; top: 46% !important; margin-top: 5px; } body.section-physicians-health-study-new .communication_tools_email_instance { margin-left: 45px; } body.section-physicians-health-study-new .communication_tools_addthis_instance { margin-left: 92px; } body.section-physicians-health-study-new .big-news-middle-header { clear: both; color: #297ED3; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; padding: 0 0 0 30px; } body.section-physicians-health-study-new .block-block-31 .big-news-middle-text { padding: 0 0 20px 30px; } body.section-physicians-health-study-new .block-block-31 > div > div:nth-child(11) { font-style: italic; margin: 5% 0 3px 15% !important; font-size: 18px; } /***************** Email to a friend page theme for tablet *****************/ body.page-send-to-a-friend form#communication-tools-send-form fieldset .form-item { margin-left: 34px; } #content_bottom { padding: 3px 5px 0 7px; } #content_bottom #block-views-expert-corner-block-1 { background: url("../images/general/bkg/home_blocks_background.png") no-repeat scroll left -24px transparent; float: none; height: 428px; margin: 0 auto 0; padding: 21px 20px 0; position: relative; width: 400px; z-index: 10; box-shadow: none; border: 0 solid #FFFFFF; max-width: inherit; } #content_bottom #block-views-expert-corner-block-1 .view-expert-corner ul { padding: 0 15px; } #content_bottom #block-views-expert-corner-block-1 .views-field-title { padding: 20px 0 0 0; display: block; border: none; clear: both; } #content_bottom #block-views-expert-corner-block-1 .views-field-title a { color: #0089D0; font: normal 20px Arial; padding: 4px 0 2px; text-decoration: none; } #content_bottom .block-block-40 { background: url("../images/general/bkg/home_blocks_background.png") no-repeat scroll left -24px transparent; float: none; height: 428px; margin: 0 auto 0; padding: 21px 20px 0; position: relative; width: 400px; z-index: 10; box-shadow: none; border: 0 solid #FFFFFF; max-width: inherit; } #wrapper_footer #footer { padding-top: 6px; margin-top: 3px; } #wrapper_footer #footer #block-menu-menu-footer-menu ul.menu { padding-left: 0; margin: 14px 0 0; width: 100%; } #wrapper_footer #footer #block-menu-menu-footer-menu ul.menu li { margin: 0; padding: 0 4px 0 6px; width: auto; background: url("../images/general/bkg/separator_menu_footer.gif") no-repeat scroll 0 4px transparent; } #wrapper_footer #footer #block-copyright-block-copyright-block { margin-top: 12px; font-size: 10px; color: #777; } #wrapper_footer #footer .footer-notes { margin: 0 0 12px; } .buy-menu .jqTransformInputInner input { border: none; } .buy-menu .jqTransformInputWrapper { width: 170px !important; } .buy-menu #tab-2 .jqTransformSelectWrapper { margin-top: -12px; height: 27px; } .buy-menu #tab-2 .jqTransformSelectWrapper div span { cursor: pointer; color: #4C4C4C; float: none; font-size: 75%; height: 18px; outline: none; padding: 3px 0 0 0; position: absolute; white-space: nowrap; width: 133px; line-height: 19px; overflow: hidden; } .buy-menu #tab-2 .jqTransformSelectWrapper a.jqTransformSelectOpen { background: url("../images/general/sprite-btns.png") no-repeat scroll -514px -7px transparent; display: block; height: 21px; outline: none; position: relative; right: -4px; top: 2px; width: 20px; float: right; } .buy-menu #tab-2 .jqTransformSelectWrapper ul { padding: 0; background-color: #FFFFFF; border: 1px solid #CCCCCC; display: block; left: 10px; font-family: Arial, Helvetica, sans-serif; list-style: none outside none; margin: 0; position: absolute; top: 77px; width: 158px !important; z-index: 999; } .buy-menu #tab-2 .jqTransformSelectWrapper ul li { text-transform: none; width: 100%; } .buy-menu #tab-2 .jqTransformSelectWrapper ul a { display: block; padding: 0 10px; text-decoration: none; color: #4c4c4c; font-size: 11px; height: 31px; line-height: 31px; } .buy-menu #tab-2 .jqTransformSelectWrapper ul a:hover, .buy-menu #tab-2 .jqTransformSelectWrapper ul a.selected { background: #d2d2d2; } .ipad body.quality-new #content_top .l-region--content-top { position: absolute; margin-top: 90px; left: 40px; } .ipad body.quality-new #node-291 .content-background-quality { margin-top: 30px; } .views-field-field-bright-vid-brightcove-code { height: 390px !important; } iframe#homepage_video_iframe { width: 100%; height: 360px; } /**** Country Selector ****/ #country-selector-dropdown li.first a, .country-select-open ul#country-selector-dropdown > li > a, ul#sublist_countries li.country_option a span { font-size: 9px; } body.node-type-product .ui-dialog.send_to_a_friend, body.expert-corner .ui-dialog.send_to_a_friend, body.node-type-brightcove-video .ui-dialog.send_to_a_friend, body.node-type-page .ui-dialog.send_to_a_friend { width: auto !important; } body.page-send-to-a-friend form#communication-tools-send-form label, body.node-type-brightcove-video form#communication-tools-send-form label { display: block; color: #59544e; float: left; width: 110px; text-align: right; padding: 10px 10px 0 0; font-weight: bold; text-transform: uppercase; font-size: 12px; } body.page-send-to-a-friend form#communication-tools-send-form fieldset .form-item, body.node-type-brightcove-video form#communication-tools-send-form fieldset .form-item { width: 290px; } body.node-type-product #communication_tools_overlay, body.expert-corner #communication_tools_overlay, body.node-type-brightcove-video #communication_tools_overlay, body.node-type-page #communication_tools_overlay { padding: 10px 20px 7px !important; height: auto !important; } body.page-send-to-a-friend #thank-you-page p { background: transparent url(../images/general/sprite-btns.png) no-repeat scroll -6px -439px; font-family: 'CenturyGothic', Arial, serif; color: #0976c3; font-size: 16px; width: 442px; text-align: center; margin: 0 auto; height: 33px; padding-top: 8px; } body.page-send-to-a-friend #thank-you-page a.close-send-to-friend { background: url(../images/general/sprite-btns.png) no-repeat scroll -81px 1px transparent; border: 0 none; cursor: pointer; display: block; font-size: 0; height: 37px; line-height: 0; text-indent: -999em; width: 188px; outline: none; margin-top: 80px; float: right; } #content #block-multiblock-1 .view-formula-finder .view-header span { display: inline; } .buy-online-box-wrapper .form-item { margin-bottom: 10px; } .buy-menu #tab-2 p { padding: 12px 0 0 4px; } #left_sidebar { margin-top: 40px; } #left_sidebar .visit-our-blog-left-side-bar { width: 189px; margin-left: 0; margin-bottom: 0; } #left_sidebar .visit-our-blog-left-side-bar #toggle_image { display: none; } .product.we-recommend { padding: 10px 10px 0 195px; line-height: 10px; } .also-consider { padding: 25px 10px 0 195px; line-height: 10px; } .and-product { padding: 0 0 0 195px; } .nav_wrapper, #block-views-more-popular-article-block-3 { display: block !important; } .view-more-popular-article .pager li { padding: 0 9px 0 7px !important; font-size: 14px !important; } ul.pager li.pager-first a, ul.pager li.pager-previous a, ul.pager li.pager-next a, ul.pager li.pager-last a { font-size: 14px !important; } ul.pager li.pager-item a { font-size: 14px !important; } /****** Fist fighter pages *******/ .result-box .two-results-and-add h2 { border-right: 1px solid #888; text-align: right; } .result-box .two-results-and-add .two-results h2, .result-box .two-results-and-add .single-result h2 { border-right: 1px solid #888; font-family: Arial, Helvetica, sans-serif; width: 155px; height: 42px; float: left; padding: 5px 0 0 26px; font-size: 25px; text-align: left; font-weight: normal; text-transform: none; position: absolute; color: #DDD; } .result-box .two-results h2, .result-box .single-result h2 { border-right: 1px solid #888; font-family: Arial, Helvetica, sans-serif; width: 155px; height: 42px; float: left; padding: 5px 0 0 26px; font-size: 25px; text-align: left; font-weight: normal; text-transform: none; position: absolute; color: #DDD; } .extlink-message { border: 1px solid #ccc !important; border-radius: 0; height: auto !important; /* left: 50% !important; */ margin-left: -208px !important; margin-top: -200px !important; padding: 6px; position: fixed; top: 50% !important; max-width: 402px !important; width: 402px; } .ui-dialog .ui-dialog-buttonpane button { margin-left: 88px; } /******************* Find you centrum tool on home page ********************/ #content.expanded #block-multiblock-1 .view-formula-finder .view-header { color: #ffffff; margin: 0 auto 11px; padding: 0; width: 94%; } #content #block-multiblock-1 { background: #626262; } #content #block-multiblock-1 .view-formula-finder .formula-finder.jqtransformdone { display: block; } #content #block-multiblock-1 .view-formula-finder .formula-finder .options { display: block; } .product.we-recommend { line-height: 10px; padding: 10px 10px 0 195px; } .key-claim { padding: 0 0 5px 0; } .ui-dialog.send_to_a_friend { max-width: 442px !important; } body.node.section-node ul.pager { margin: 10px 10px 0 0; } body.node.section-node ul.pager { clear: both; display: block; float: right; margin: 10px 10px 0 0; padding-top: 0; text-align: right; text-transform: uppercase; } body.node.section-node ul.pager li { color: #666; display: inline; font-size: 14px; padding: 0 5px; list-style: none; } body.node.section-node ul.pager li.pager-first a, body.node.section-node ul.pager li.pager-previous a { color: #666 !important; } body.node.section-node ul.pager li a { font-size: 14px; color: #666 !important; text-decoration: none; } body.node.section-node ul.pager li.pager-item a { color: #0089cf; } #block-views-rotation-promotion-block-2 ul.rotation-promotion li.views-row-1 img { height: 100%; } .product-labeling-dialog .product-labeling-content { padding: 20px 20px 7px 20px !important; } } /******************************************************************************************************/ /********************************** Desktop style starts here *****************************************/ /******************************************************************************************************/ @media (min-width: 1024px) { body.centrum-webform-page .webform-client-form { padding: 0; max-width: 390px; } body.centrum-webform-page .webform-client-form #webform-component-field-gender:after, body.centrum-webform-page .webform-client-form #edit-actions:after { display: none; } body.free-vitamints-sample.centrum-webform-page .webform-client-form #edit-actions { margin-bottom: 0; } body.free-vitamints-sample.centrum-webform-page .webform-client-form #edit-actions:after { display: block; bottom: 0; } #container-top { width: 958px; background: #000000; margin: 0 auto; height: 13px; float: none; clear: both; border: 16px solid #000; border-width: 0 16px 0 16px; box-shadow: 5px 0 40px -4px #999, -5px 0 40px -4px #999; } #wrapper-content-internal #content { float: none; } #container { width: 958px; border-width: 13px 15px; } #container #wrapper-main-navigation { background: url("../images/general/bkg/bkg-right-menu.png") no-repeat scroll 0 top transparent; float: right; height: 938px; width: 56px; display: block !important; } #wrapper_content { float: left; clear: none; width: 902px; background: url("../images/general/bkg/bkg-content-internal.png") repeat-y scroll 1px 0 #FFFFFF; position: relative; } #wrapper_content #header { height: 100px; padding-top: 40px; background: url("../images/general/bkg/bkg-header.png") no-repeat scroll right bottom transparent; width: 99.9%; } #wrapper_content #header #logo a { display: block; height: 100%; } #wrapper_content #header .l-region--header .block-block-3 { width: 161px; float: left; margin: 0 5px 0 27px; } .centrum-silver-products-line-up, .centrum-products-line-up, .specialty-products-line-up, .kids-products-line-up, .find-yours-item-line-up { margin-right: 0; } body.front .front_video_in_modal { width: 800px !important; height: auto !important; } body.front .front_video_in_model .ui-dialog-titlebar, body.front .front_video_in_model .views-field-field-bright-vid-brightcove-code, body.front .front_video_in_model .ui-dialog-buttonpane { width: 589px; } body.front .front_video_in_model .views-field-field-bright-vid-brightcove-code iframe { width: 575px; height: 301px; } body.front .views-field-field-bright-vid-brightcove-code { display: none; } body.front #block-social-network-actions-facebook-like-block-bottom { margin-left: 15px; } body.front #pronutrients-block sup { font-size: 15px; } body.front #pronutrients-block h2 { line-height: 26px; } body.front .block.collapsible .content { display: none; zoom: 1; position: relative; } body.front .view-health-center .views-row span a, body.front .view-expert-corner .views-row span a { font-weight: normal; font-size: 12px; } body.front #wrapper-content-internal { z-index: inherit; margin-bottom: -40px; } body.front #wrapper-content-internal #content { padding-bottom: 30px; margin-bottom: -21px; background: url("../images/general/bkg/bkg_home_bottom.png") repeat-x scroll 0 105px transparent; } body.front #wrapper-content-internal #content .finder-menu { margin-top: 0; } /* video -- end */ #container-bottom { /*@include grid-span(12,3); //sets it to 12 columns wide, that starts with the 2nd column*/ width: 958px; margin: 0 auto; margin-bottom: 40px; float: none; clear: both; border: 16px solid #000; border-width: 0 16px 0 16px; box-shadow: 5px 0 40px -4px #999, -5px 0 40px -4px #999; height: 17px; background: #000000; } .l-region--mega-navigation { position: relative; } body.node-type-product ul.primary.tabs { float: none; margin-left: 20px; margin-top: 10px; } #country-selector-dropdown .select_country_link, ul#sublist_countries li.country_option a, ul#sublist_countries li.country_option a { font-size: 9px; } ul#sublist_countries li.country_option a span.select_country { font-size: 9px; color: #666; } .ajax-progress, .ajax-progress-throbber { background: url("../images/general/trans.png"); position: absolute; top: -5px; left: 225px; z-index: 99999; width: 500px; height: 200px; } .ajax-progress .throbber { position: relative; width: 500px; height: 200px; margin: auto; z-index: 99999; } #block-social-network-actions-facebook-like-block { /*overflow: hidden !important;*/ text-align: right; width: 50px !important; height: 26px; float: left; * position: relative; } body.node-type-product .product-info .product-description-footer #block-social-network-actions-facebook-like-block { position: absolute; /*top: -43px;*/ top: -41px; left: -15px; * left: 0; } /* Breadcrumb */ #breadcrumb { margin: 23px 0 0 -4px; height: 12px; position: absolute; z-index: 49; color: #999; font-size: 9px; text-transform: none; top: 93px; text-decoration: none; } #breadcrumb ul li { background: url("../images/general/bkg/bkg_breadcrumb.jpg") no-repeat scroll 2px 2px transparent; color: #999; margin-left: 5px; padding: 0 0 0 10px; display: block; float: left; font-size: 9px; } #breadcrumb ul li.first { background: none repeat scroll 0 0 transparent; margin: 0; padding: 0; } #breadcrumb ul li a { color: #999; } #breadcrumb ul li a:hover { color: #0089D0; } #breadcrumb a { color: #999; font-size: 9px; text-transform: none; top: 93px; text-decoration: none; } /* [end of] Breadcrumb */ body.page-whats-inside-ingredients #content_top { background: url("../images/general/bkg/whatsinside_header_shadow.png") no-repeat scroll 112px 165px transparent; padding-bottom: 43px; } .sign-up #content_top { /*position: absolute;*/ height: 260px; overflow: hidden; background-color: #FFF; } .here-s-how-to-get-your-valuable-coupon- #content_top { /*position: absolute;*/ height: 260px; overflow: hidden; background-color: #FFF; } /* Content*/ .health-blog #wrapper-content-internal { background: url("../images/general/header_background.png") no-repeat scroll 0 0 transparent; height: auto !important; padding-bottom: 50px; padding-left: 10px; padding-right: 0; } .health-blog .view-expert-corner { margin-top: 60px; } /* [end of] Content Bottom */ /* Content Bottom */ #content_bottom { clear: both; padding: 21px 5px 0 7px; } #content_bottom .block { float: left; margin: 0 10px 10px; } #content_bottom .block p { padding: 0 20px; font-size: 13px; color: #666666; margin: 0; min-height: 51px; } #content_bottom .block h3 a { text-align: left; padding: 0 20px; margin: 15px 0; font-weight: bold; } #content_bottom #block-views-expert-corner-block-1 { background: url("../images/general/bkg/home_blocks_background.png") no-repeat scroll left -24px transparent; float: left; height: 428px; margin: 0 auto; padding: 21px 20px 0; position: relative; width: 400px; box-shadow: none; border: 0 solid #FFFFFF; left: 8px; z-index: 1; } #content_bottom #block-views-expert-corner-block-1 .view-expert-corner ul { padding: 0 15px; } #content_bottom #block-views-expert-corner-block-1 .views-field-title { padding: 20px 0 0 0; display: block; border: none; clear: both; } #content_bottom #block-views-expert-corner-block-1 .views-field-title a { color: #0089D0; font: normal 20px Arial; padding: 4px 0 2px; text-decoration: none; } #content_bottom #block-views-expert-corner-block-3 { margin: 0 10px 10px; } #content_bottom #block-views-expert-corner-block-3 p { font-size: 13px; /*change from 14 */ padding: 0 20px; min-height: 48px; } #content_bottom #block-views-expert-corner-block-3 .article-title-link { padding: 0; } #content_bottom #block-views-expert-corner-block-3 .article-title-link a { text-align: left; padding: 0 20px; margin: 15px 0; font-weight: bold; } #content_bottom .block-block-40 { background: url("../images/general/bkg/home_blocks_background.png") no-repeat scroll left -24px transparent; float: left; height: 428px; margin: 0 auto; padding: 21px 20px 0; position: relative; width: 400px; z-index: 10; box-shadow: none; border: 0 solid #FFFFFF; margin-bottom: 0; } #content_bottom .block-related-content .content, #content_bottom .block-block-10 .content .content, #content_bottom .special-offers .view-content .content { display: none; zoom: 1; position: relative; } /* [end of] Content Bottom */ /* Overlay - Extlink */ .extlink-message { border: 1px solid #ccc !important; border-radius: 0; height: auto !important; /* left: 50% !important; */ margin-left: -208px !important; margin-top: -200px !important; padding: 6px; position: fixed; top: 50% !important; width: 402px !important; } .extlink-message .ui-widget-header { background: url("../images/general/sprite-btns.png") no-repeat scroll -98px -40px #F4F4F4 !important; border: 0 none !important; height: 35px; width: 402px; padding: 0; border-radius: 0; } .ui-dialog .ui-dialog-content { padding: 22px 10px 7px !important; height: auto !important; color: #666; font-size: 12px; } .ui-dialog .ui-dialog-buttonpane { padding: 0; } .extlink-message .ui-state-default:first-child, .ui-dialog .ui-dialog-buttonpane button { background: url("../images/general/sprite-btns.png") no-repeat scroll 0 0 transparent; display: block; line-height: 0; text-indent: -9999em; } .extlink-message .ui-state-default:first-child { background-position: -75px 0 !important; float: left; margin-left: 10px; width: 192px !important; height: 38px; border: 0; border-radius: 0; } .ui-dialog .ui-dialog-buttonpane button { background-position: -265px 0 !important; float: left; margin-left: 88px; width: 94px !important; height: 38px; border: 0; border-radius: 0; } .ui-dialog-buttonset { float: left !important; } #block-communication-tools-communication-tools-print, .communication_tools_print_instance { border-right: 1px solid #0089D0; float: left; font-size: 71%; font-weight: bold; text-transform: uppercase; padding-right: 4px; } #block-communication-tools-communication-tools-email, .communication_tools_email_instance { border-right: 1px solid #0089D0; float: left; font-size: 71%; font-weight: bold; text-transform: uppercase; padding-right: 5px; } #block-communication-tools-communication-tools-email, #block-communication-tools-communication-tools-addthis, .communication_tools_print_instance, .communication_tools_email_instance, .communication_tools_addthis_instance, #block-communication-tools-communication-tools-print, .communication_tools_print_instance { padding-left: 6px; margin-top: 5px; margin-bottom: 0; } #block-communication-tools-communication-tools-addthis, .communication_tools_addthis_instance { float: left; font-size: 71%; font-weight: bold; text-transform: uppercase; /* text-indent: -999px; */ /* It causes issue in displaying addThis dropdown */ } #block-communication-tools-communication-tools-print a, .communication_tools_print_instance a { background: transparent url("../images/general/btn/print.gif") no-repeat scroll 0 0; color: #0089D0; display: block; height: 8px; line-height: 6px; text-indent: -9999em; width: 33px; } #block-communication-tools-communication-tools-email a, .communication_tools_email_instance a { background: url("../images/general/btn/email.gif") no-repeat scroll 0 0 transparent; color: #0089D0; display: block; height: 8px; line-height: 6px; text-indent: -9999em; width: 33px; } #block-social-network-actions-facebook-like-block-bottom { height: 25px; margin-left: 4px; /*overflow: hidden;*/ clear: both; } #block-communication-tools-communication-tools-addthis a, .communication_tools_addthis_instance a { background: transparent url("../images/general/btn/share.gif") no-repeat scroll 0 0; height: 8px; line-height: 9px; width: 34px; display: block; } #block-communication-tools-communication-tools-addthis img { border: 0; visibility: hidden; /*height: 0;*/ } /* [end of] Extlink */ /*Always Your Most Complete Style*/ body.page-node-290 .facebook_like_ad iframe { height: 31px; float: left; margin-top: -7px; } body.page-node-290 #breadcrumb { position: absolute; } body.page-node-290 #block-system-main { margin-right: 0 !important; } .always_your_most_complete li { margin-bottom: 10px; margin-left: 40px; font-size: 17px; margin-bottom: 4px; } .always_your_most_complete h1 { font-size: 26px; letter-spacing: -1px; } .always_your_most_complete h2 { font-size: 23px; color: #0099cc; font-weight: 900; font-family: 'CenturyGothic', Arial, serif; letter-spacing: -1px; } .always_your_most_complete .ad_header { background: url("../images/always_bg_img.png") no-repeat 365px 0; width: 104%; height: 265px; position: relative; padding-top: 80px; margin-top: -18px; } body.page-node-290 .l-region--content-top { position: absolute; width: 190px; top: 385px; left: 60px; z-index: 90; } body.page-node-290_complete #wrapper-content-internal { padding-right: 0 !important; padding-bottom: 1px !important; } /* Banner button "Save $2 get my coupon". */ .cupom-button { border: 0; margin-top: -169px; } /* BIG NEWS page - Print, E-mail and Share button */ /* 363 is the ID on Stage enviroment, 366 is in production. */ .page-node-363 .communication_tools_print_instance, .page-node-367 .communication_tools_print_instance, .page-node-363 .communication_tools_email_instance, .page-node-367 .communication_tools_email_instance, .page-node-363 .communication_tools_addthis_instance, .page-node-367 .communication_tools_addthis_instance { left: 95px; position: relative; top: 225px; } .page-node-366 .communication_tools_print_instance, .page-node-366 .communication_tools_email_instance, .page-node-366 .communication_tools_addthis_instance { left: 95px; position: relative; top: 205px; } .page-node-366 .block-fblikebutton { padding-top: 25px; clear: both; } .page-node-366 #block-system-main { margin: 0; } /* BIG NEWS page - Facebook like button */ body.page-node-363 .content iframe, body.page-node-366 .content iframe, body.page-node-367 .content iframe { *height: 23px !important; /* IE7 */ left: 46px !important; /* top: -131px !important; /* Dynamic button */ top: -176px !important; /* Static button */ /* top: -131px\9 !important; /* IE9 and lower */ top: -176px\9 !important; /* IE9 and lower */ /* *top: -98px !important; /* IE7 */ *top: -218px !important; /* IE7 */ position: relative !important; *width: 50px !important; /* IE7 */ } body.page-node-363 #block-fblikebutton-fblikebutton-dynamic-block, body.page-node-366 #block-fblikebutton-fblikebutton-dynamic-block, body.page-node-367 #block-fblikebutton-fblikebutton-dynamic-block { margin: -29px 0 0 0; padding: 0; } /* BIG NEWS page */ .page-node-363 .big-news-middle-header, .page-node-366 .big-news-middle-header, .page-node-367 .big-news-middle-header { clear: both; color: #297ED3; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; padding: 0 0 0 30px; } .page-node-363 .big-news-middle-text, .page-node-366 .big-news-middle-text, .page-node-367 .big-news-middle-text { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0 0 20px 30px; line-height: 15px; width: 770px; } .page-node-363 .big-news-middle-text li, .page-node-366 .big-news-middle-text li, .page-node-367 .big-news-middle-text li { list-style: disc; margin-left: 22px; } .page-node-363 li span.big-news-bullet, .page-node-366 li span.big-news-bullet, .page-node-367 li span.big-news-bullet { font-size: 18px; padding: 0 4px 0 0; } .page-node-363 .l-region--content-top, .page-node-366 .l-region--content-top, .page-node-367 .l-region--content-top { height: 290px; } .page-node-363 #wrapper-content-internal, .page-node-366 #wrapper-content-internal, .page-node-367 #wrapper-content-internal { /* Only to IE7 */ *position: relative; /* Only to IE7 */ *top: 22px; /* Only to IE7 */ } .page-node-363 #footer, .page-node-366 #footer, .page-node-367 #footer { /* Only to IE7 */ *padding-top: 20px !important; /* Only to IE7 */ position: relative; top: -50px; *top: -30px; /* Only to IE7 */ } /* 211 node of Centrum Silver Men 50+ product page at stage and production */ .page-node-211 .product-description { position: relative !important; top: -15px !important; } /**/ .find-your-centrum #wrapper-content-internal { background: url("../images/general/bkg/product-bkg.png") repeat-x scroll 0 167px transparent; min-height: 378px !important; } h2.title-yielded-no-results { font-size: 24px; position: relative; top: 9px; } p.no-result-p { font-size: 18px; position: relative; top: 9px; } .big-news-middle-text > ul { margin-top: 6px; } /* Header Coupon $8 */ #header-coupon-8-left { width: 459px; float: left; margin: 0 60px 0 48px; } #header-coupon-8-left div { color: #666; } #header-coupon-8-left h1 { color: #666; } .space-header-coupon { margin-bottom: 20px; } .big-font-coupon { font-size: 16px; } .min-font-coupon { font-size: 10px; top: -5px; position: relative; } .fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr { display: none !important; } /* Alternatives to font face IE9 */ .ffont-face-header { font-family: "Verdana", serif !important; font-size: 22px !important; } .ffont-face-strong { font-family: "Verdana", serif !important; font-size: 22px !important; font-weight: bold !important; } .ffont-face-enter, .ffont-face-sub { font-family: "Verdana", serif !important; font-size: 13px !important; font-weight: bold !important; } .ffont-youcouldwin-p { font-style: italic !important; font-family: "Verdana", serif !important; font-weight: bold !important; font-size: 20px !important; } .ffont-free-sample-block, .ffont-free-sample-strong { font-family: "Verdana", serif !important; font-size: 21px !important; } .ffont-free-sample-strong { font-weight: bold !important; } .ffont-free-sample { font-style: italic !important; font-family: "Verdana", serif !important; font-weight: bold !important; font-size: 12px !important; } /* Video BrightCove */ #block-views-brightcove-video-block-1, #block-views-brightcove-video-block-2, #block-views-brightcove-video-block-3 { position: fixed; width: 771px; height: 511px; background: #FFFFFF; z-index: 9001; padding: 20px; display: block; visibility: hidden; top: -10000px; } #block-views-brightcove-video-block-1 sup, #block-views-brightcove-video-block-2 sup, #block-views-brightcove-video-block-3 sup { font-family: Arial, serif; font-size: 59%; font-weight: normal; padding: 0 1px; position: relative; } #block-views-brightcove-video-block-1 .views-field-title, #block-views-brightcove-video-block-2 .views-field-title, #block-views-brightcove-video-block-3 .views-field-title { font-family: Arial, serif; font-size: 25px; color: #319ecb; } #block-views-brightcove-video-block-1 .views-field-field-bright-vid-brightcove-code, #block-views-brightcove-video-block-2 .views-field-field-bright-vid-brightcove-code, #block-views-brightcove-video-block-3 .views-field-field-bright-vid-brightcove-code { width: 626px; height: 360px; margin: 50px auto 0 auto; background: url("../images/general/loader.gif") no-repeat 77px; } #block-views-brightcove-video-block-1 object, #block-views-brightcove-video-block-2 object, #block-views-brightcove-video-block-3 object { width: 626px; height: 360px; } #block-views-brightcove-video-block { left: 8px; z-index: 1; background: url("../images/general/bkg/home_blocks_background.png") no-repeat scroll left -24px transparent; float: left; height: 428px; margin: 0 2px; padding: 21px 20px 0; position: relative; width: 400px; } #block-views-brightcove-video-block h2 { padding: 5px 10px 5px 8px; background-color: #FFFFFF; color: #666666; float: left; font-family: 'CenturyGothicItalic', Arial, serif; font-size: 14px; margin: 8px 0 0; text-transform: uppercase; } #block-views-brightcove-video-block .views-field-field-bright-vid-preview-image { display: block; width: 313px; margin-left: auto; margin-right: auto; margin-top: 10px; height: 221px; cursor: pointer; } #block-views-brightcove-video-block .views-field-field-bright-vid-subtitle { font-family: Arial, serif; font-size: 25px; color: #0089D0; padding: 19px 0 2px 13px; clear: both; } #block-views-brightcove-video-block .views-field-body { font-family: Arial, serif; font-size: 16px; color: #777777; line-height: 20px; padding: 4px 14px 2px 14px; } #popup_bg { background: url("../images/general/pop-bg.png") transparent; display: none; left: 0; top: 0; z-index: 999; width: 100%; position: absolute; } .close_popup.button { display: block; width: 104px; height: 40px; background: url("../images/blocks/close-btn.jpg") no-repeat; text-indent: -9999px; cursor: pointer; margin: 0 auto; } .close_popup.arr { cursor: pointer; height: 35px; position: absolute; right: 10px; text-indent: -9999px; top: 0; width: 35px; background: url("../images/blocks/close-arr.jpg") no-repeat; } /* End video pop up */ /* Video page */ body.node-type-brightcove-video #breadcrumb { display: none; } body.node-type-brightcove-video #wrapper-content-internal { padding: 0 0 0 50px; } body.node-type-brightcove-video #wrapper-content-internal #content { padding-top: 25px; margin-bottom: 50px; } body.node-type-brightcove-video #wrapper-content-internal #content #page-title { font-family: Arial, serif; font-size: 25px; color: #019fca; margin: 0 0 25px; } body.node-type-brightcove-video #wrapper-content-internal #content object { width: 626px; height: 360px; } body.node-type-brightcove-video .l-region--content-top { left: 42px; position: absolute; top: 605px; width: 190px; z-index: 90; } .watch-video { display: inline-block; font-family: 'CenturyGothic', 'Helvetica', 'Arial', sans-serif; text-transform: uppercase; color: white; padding: 6px 12px; text-shadow: 1px 1px #237AAE; border: 1px solid #1589cd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fbfdef; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1NS43NDQxMDIyNTIwOTg4JSIgeTE9IjEwNC42NTE0ODIyODg3ODklIiB4Mj0iNDQuMjU1ODk3NzQ3OTAxMiUiIHkyPSItNC42NTE0ODIyODg3ODkxMyUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMWQ2Nzk5IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmJhZGU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); background-image: -webkit-linear-gradient(354deg, #1d6799 0%, #2bade5 100%); background-image: -moz-linear-gradient(354deg, #1d6799 0%, #2bade5 100%); background-image: -o-linear-gradient(354deg, #1d6799 0%, #2bade5 100%); background-image: linear-gradient(354deg, #1d6799 0%, #2bade5 100%); } a.watch-commercial { cursor: pointer; } .page-node-200.node-type-product .product-description sup, .page-node-210.node-type-product .product-description sup, .page-node-211.node-type-product .product-description sup { font-size: 100%; margin-left: 1px; line-height: 15px; } .page-node-200 .whats_inside_on_product, .page-node-210 .whats_inside_on_product, .page-node-211 .whats_inside_on_product { display: none; } .page-node-200 .product-benefits td, .page-node-210 .product-benefits td, .page-node-211 .product-benefits td { width: 200px; text-align: center; } .page-node-200 .product-benefits .benefit-details h4, .page-node-210 .product-benefits .benefit-details h4, .page-node-211 .product-benefits .benefit-details h4 { color: #6d6e71; } .page-node-200 .product-benefits .benefit-details h4 sup, .page-node-210 .product-benefits .benefit-details h4 sup, .page-node-211 .product-benefits .benefit-details h4 sup { font-size: 61%; font-weight: bold; margin-left: 1px; line-height: 11px; } #block-views-more-popular-article-block-1 .item-list ul.pager li, #block-views-more-popular-article-block-2 .item-list ul.pager li, .item-list ul.pager li { display: inline; color: #666666; font-size: 14px; padding: 0 5px; margin: 0; } body.node-type-product #block-views-more-popular-article-block-4 { height: 475px; } .block-block-22 { height: 10px; clear: both; } .show-pop-up, .show-pop-up:hover { display: block; cursor: pointer; } .view-more-popular-article.view-display-id-block_4 li.views-row .views-field-field-article-teaser { padding: 0 19px; } .webinar .quality-new .ad_header { height: 60px; } .webinar .player-wrapper { border: 1px solid black; display: inline-block; } /*Home*/ /* Marquee */ .big-news-marquee-header { color: #09C; font-family: 'CenturyGothic', Arial, serif; font-size: 30px; font-weight: bold; text-transform: uppercase; left: 37px; position: relative; top: 35px; } .big-news-marquee-text { font-family: 'CenturyGothic', Arial, serif; font-size: 21px; left: 37px; position: relative; top: 35px; } span.big-news-marquee-text-italic { font-family: 'CenturyGothicItalic'; } span.big-news-marquee-text-ordinal, .big-news-marquee-text sup { font-family: 'CenturyGothicItalic' !important; font-style: normal !important; font-weight: bold !important; } .title-marquee-hp { position: relative; top: 40px; left: 50px; width: 343px; height: 311px; font-family: CenturyGothic; font-size: 20px; line-height: 26px; display: block; margin: 0; padding: 0; } .title-marquee-hp span.big-title { font-family: CenturyGothicBold; color: #0099cc; font-weight: 700; font-size: 35px; letter-spacing: -1px; } .title-marquee-hp .title-marquee-aclaration { width: 310px; font-size: 9px; left: 0; line-height: 10px; position: absolute; bottom: 0; } p.big-news-marquee-link { position: relative; right: 56px; top: -110px; } img.big-news-marquee-cupom-button { border: 0; height: 67px; left: -120px; position: relative; top: -90px; width: 133px; } img.big-news-marquee-cupom-button-2 { border: 0; float: right; height: 67px; right: 15px; position: relative; top: -190px; width: 133px; } .big-news-marquee-background { background-repeat: no-repeat; background-image: url(../images/marquee-big-news-background.png); height: 72px; left: -31px; position: relative; top: 158px; width: 901px; } img.big-news-footnote-product-page { height: 26px; width: 212px; } img.big-news-footnote-product-page-2 { width: 299px; height: 19px; } img.big-news-shadow-block { height: 57px; left: 177px; position: relative; /* top: -499px; top: -500px\9; /* IE9 and lower *top: -470px; /* IE7 */ width: 725px; } .physicians-health-study img.big-news-shadow-block { position: relative; top: 0; width: 901px; left: 0; } img.big-news-dl { height: 311px; left: 46px; position: relative; top: 45px; width: 333px; } /* Product box. */ .centrum-products-block { border-bottom: solid 1px #CCC; *border-bottom: solid 2px #CCC; /* IE7 */ border-top: solid 1px #CCC; *border-top: solid 2px #CCC; /* IE7 */ font-weight: bold; line-height: 16px; padding: 5px 0; margin: 5px 0; } .product-description p.big-news-footnote-product-page { width: 218px; font-size: 9px; left: 0; line-height: 10px !important; color: #666 !important; } a.centrum-products-block-link { font-weight: bold; color: #0089CF; text-transform: uppercase; font-size: 11px; background: url("../images/general/right-arrow.png") no-repeat scroll 0 1px transparent; padding-left: 8px; } /* Also used for Health Center marquee */ @-moz-document url-prefix() { .view-rotation-promotion .views-field-body .pronutrients a { background: url("../images/general/bkg/bg-carousel-links.png") no-repeat scroll 0 -1px transparent; } } .rotation-promotion li h2 sup.product-sup { font-size: 10px; } .rotation-promotion li .immune-support, .rotation-promotion li .flavor-bursts { background: url("../images/general/bkg/bkg_markee_shadow.png") no-repeat scroll left 230px transparent; height: 340px; margin-top: 15px; } .rotation-promotion li .flavor-bursts { margin-top: 0; margin-left: 7px; } .rotation-promotion li .flavor-bursts h2 { font-size: 20.5px; } .rotation-promotion li .flavor-bursts p.text { margin-top: 12px; width: 385px; line-height: 16px; font-size: 14px; } .rotation-promotion li .flavor-bursts > .marquee-image-flavor { left: -24px; position: relative; top: 12px; width: 400px; } .rotation-promotion li .flavor-bursts > .marquee-image-flavor img { display: block; margin: 15px auto 0 auto; } .rotation-promotion li .flavor-bursts a.learn-more-btn { left: -18px; position: relative; top: 10px; } .rotation-promotion li .drink-mix { padding-left: 8px; } .rotation-promotion li .drink-mix h2 { font-size: 20.5px; } .rotation-promotion li .drink-mix h2 strong { text-transform: uppercase; } .rotation-promotion li .drink-mix p.text { margin-top: 12px; width: 335px; } .rotation-promotion li .drink-mix > .marquee-image-flavor { width: 422px; margin-left: -20px !important; position: absolute; } .rotation-promotion li .drink-mix > .marquee-image-flavor img { display: block; margin: 15px auto 0 auto; } .rotation-promotion li .immune-support h2 { font-size: 22.5px; margin-left: 25px; margin-bottom: 3px; } .rotation-promotion li .immune-support > .marquee-image-immune-support { float: left; margin: 13px 0 0 40px; width: 153px; } .rotation-promotion li .immune-support > .marquee-image-immune-support img { display: block; margin: auto; } .rotation-promotion li .immune-support sup { font-size: 11px; } .rotation-promotion li .immune-support > .text { float: left; margin: 50px 0 0 5px; width: 205px; } .rotation-promotion li .immune-support > .text p { margin: 0; } .rotation-promotion li .immune-support > .text p a { float: left; margin: 18px 0 0; } .rotation-promotion li .pronutrients h2 sup { font-size: 11px; } .centrum-specialist---immune-support .product-description strong, .centrum---flavor-burst-wild-grape .product-description strong, .centrum---flavor-burst-mixed-berry .product-description strong { color: #000; } /* [end of] Marquee */ /* Left Sidebar */ #left_sidebar { float: left; padding: 0 30px 30px 0; width: 201px; background: url("../images/general/leftmenu_top.png") no-repeat; margin-top: 40px; } #left_sidebar .region-left-sidebar { background: url("../images/general/leftmenu_fill.png") center bottom; margin-top: 20px; padding: 0 15px 16px; width: 189px; } #left_sidebar .region-left-sidebar #block-menu-menu-health-topics-articles h2, #left_sidebar .region-left-sidebar #block-menu-menu-health-benefits-topics h2, #left_sidebar .region-left-sidebar #block-menu-menu-more-benefits h2 { width: 140px; height: 20px; background: url("../images/general/expert_notitle.gif") no-repeat; text-indent: 180px; overflow: hidden; padding: 0; margin: 0 0 0 10px; } #left_sidebar .region-left-sidebar #block-views-more-popular-article-block-3 { margin-top: 20px; background: url("../images/general/leftmenu_shadowbox_top.png") top no-repeat; } #left_sidebar .region-left-sidebar #block-views-more-popular-article-block-3 .view-more-popular-article { background: url("../images/general/leftmenu_shadowbox_bottom.png") bottom no-repeat; } #left_sidebar .region-left-sidebar #block-views-more-popular-article-block-3 h2 { font-weight: bold; font-size: 14px; text-transform: uppercase; color: #666; padding-bottom: 10px; } #left_sidebar .region-left-sidebar #block-views-more-popular-article-block-3 ul.item-list { padding: 0 10px; } #left_sidebar .region-left-sidebar #block-views-more-popular-article-block-3 ul.item-list li { padding: 8px 0; border-bottom: 1px dotted #747474; } #left_sidebar .region-left-sidebar #block-views-more-popular-article-block-3 ul.item-list li.views-row-last { border-bottom: none; padding-bottom: 15px; } #left_sidebar .l-region--left-sidebar { background: url("../images/general/leftmenu_fill.png") center bottom; margin-top: 20px; padding: 0 15px 31px; width: 189px; } #left_sidebar .l-region--left-sidebar h2 { font-family: 'CenturyGothicItalic'; font-weight: normal !important; font-size: 18px; text-transform: uppercase; color: #4a4a4a; margin: 0; padding: 10px 0 5px 10px; } #left_sidebar .l-region--left-sidebar h2 a.title-expert-corner-link { text-decoration: none; } #left_sidebar .l-region--left-sidebar ul { margin-top: 1px; margin-bottom: 0.9px; padding-left: 20px; } #left_sidebar .l-region--left-sidebar ul li { list-style-image: none; list-style-type: none; line-height: 17px; } #left_sidebar .l-region--left-sidebar ul li a { color: #0089cf; font-weight: bold; text-decoration: none; } #left_sidebar .l-region--left-sidebar #block-views-more-popular-article-block-3 { margin-top: 20px; background: url("../images/general/leftmenu_shadowbox_top.png") top no-repeat; } #left_sidebar .l-region--left-sidebar #block-views-more-popular-article-block-3 h2 { font-size: 14px; text-transform: uppercase; color: #666; padding-bottom: 10px; } #left_sidebar .l-region--left-sidebar #block-views-more-popular-article-block-3 .view-more-popular-article { background-image: url("../images/general/leftmenu_shadowbox_bottom.png"); background-repeat: no-repeat; background-position: bottom; } #left_sidebar .l-region--left-sidebar #block-views-more-popular-article-block-3 ul.item-list { padding: 0 10px; } #left_sidebar .l-region--left-sidebar #block-views-more-popular-article-block-3 ul.item-list li { padding: 8px 0; border-bottom: 1px dotted #747474; } #left_sidebar .l-region--left-sidebar #block-views-more-popular-article-block-3 ul.item-list li.views-row-last { border-bottom: none; padding-bottom: 15px; } #left_sidebar .l-region--left-sidebar #block-menu-menu-more-benefits h2, #left_sidebar .l-region--left-sidebar #block-menu-menu-health-topics-articles h2 { width: 140px; height: 20px; background: url("../images/general/expert_notitle.gif") no-repeat; text-indent: 180px; overflow: hidden; padding: 0; margin: 0 0 0 10px; } #left_sidebar .l-region--left-sidebar #block-menu-menu-more-benefits h2 { margin-top: -2px !important; } #left_sidebar .l-region--left-sidebar #block-menu-menu-more-benefits ul { margin-top: 0; } #left_sidebar .view-id-more_popular_article { padding-top: 0; } #left_sidebar .visit-our-blog-left-side-bar { width: 189px; height: 33px; background: url("../images/general/leftmenu_shadowbox.png") no-repeat; position: relative; top: -4px; margin-left: 0; } #left_sidebar .visit-our-blog-left-side-bar h2 { padding: 5px 0 0 0; text-decoration: none; } #left_sidebar .visit-our-blog-left-side-bar .expert-corner-title-left-side-bar { padding: 9px 0 0 10px; } #left_sidebar .visit-our-blog-left-side-bar #toggle_image { display: none; } #left_sidebar ul.menu li.active-trail a { color: #999; text-decoration: underline; } /* [end of] Left Sidebar */ /* Homepage blocks */ .homepage-blocks { background-color: #fff; border: 1px solid #ccc; color: #666; width: 390px; min-height: 175px; float: left; margin-left: 16px; padding: 12px 18px 0; position: relative; } .homepage-blocks h2 { color: #4A4A4A; } .homepage-blocks .home-block-text { position: relative; z-index: 2; } .homepage-blocks .home-block-text p { line-height: 16px; } .homepage-blocks .home-block-text p a { color: #0099cc; } .homepage-blocks .home-block-image { z-index: 1; position: absolute; right: 0; top: 9px; } .homepage-blocks .nutrition { top: 127px !important; right: 15px !important; } .homepage-blocks a.btn-more { position: absolute; bottom: 9px; margin-left: -5px; } .homepage-blocks a.btn-get-started { position: absolute; bottom: 4px; margin-left: -5px; background: url("../images/general/sprite-btns.png") repeat-y scroll -575px -400px transparent; display: block; text-indent: -9999px; width: 106px; height: 40px; } /* [end of] Homepage blocks */ /* Sign up and save*/ #sign-up-block p { width: 208px; } #sign-up-block .home-block-image { top: 95px; right: 10px; } /* Facebook Like */ .block-fblikebutton { padding-top: 45px; clear: both; } .block-fblikebutton iframe { margin: 0 !important; } /* [end of] Facebook Like */ /* Content Bottom Home */ body.page-new-home .block.collapsible { display: none; } .block.collapsible { border: 1px solid #ccc; width: 282px; float: left; } .block.collapsible h2 { color: #4A4A4A; background: url("../images/general/sprite-btns.png") no-repeat scroll -66px -126px transparent; cursor: pointer; font-size: 15px; height: 31px; margin: 0; padding: 15px 0 0 13px; text-transform: uppercase; width: 269px; } .block.collapsible h2.expanded { background-position: -66px -173px; } .block.collapsible .view-display-id-home_health_center_block { padding: 2px 10px 10px 20px; } .block.collapsible .view-display-id-home_health_center_block .views-row { background: url("../images/general/bkg/dot.jpg") repeat-x scroll left bottom transparent; padding: 7px 10px 7px 0; } .block.collapsible .view-display-id-home_health_center_block .views-row a { color: #0089d0; } .block.collapsible .view-display-id-home_health_center_block .views-row-last { background: none; } .block.collapsible .view-display-id-home_health_center_block .more-link { margin: 3px 0 2px -8px; text-align: left; } .block.collapsible .view-display-id-home_health_center_block .more-link a { background: url("../images/general/sprite-btns.png") no-repeat scroll -323px -77px transparent; width: 115px; height: 38px; display: block; text-indent: -9999px; line-height: 0; } /* [end of] Content Bottom Home */ /* [end of] Home */ .view-product-details-coupons p.coupon-body { display: none; } /* [Start] Centrum Burst free sample */ /* Header free sample image */ .block-block-19 { position: relative; float: right; margin: 6px 104px 0 0; } /* Header free sample big image 1 */ .block-block-21 { position: relative; float: left; height: 213px; } /* Notice image for healthcare professionals */ .block-block-20 { float: right; margin-top: -610px; margin-right: 25px; } /* Notice text for header big image */ #webform-component-free-sample-notice-big-image-header { position: relative; left: 46px; top: 12px; font-size: 10px; } #webform-component-free-sample-notice-big-image-header p { position: relative; right: 23px; } /* Notice text for healthcare professionals */ #notice_text_healthcare_professionals { position: relative; width: 182px; height: 66px; margin: -87px 0 0 0; padding: 0 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #231F20; line-height: 17px; } /* Webform left fields */ #free-sample-form { /* .captcha { img { position: relative; top: -30px; left: 5px; display: block; } }*/ } #free-sample-form #webform-left-fields-free-samples-coming-soon { margin: 0 -33px 0 0; } #free-sample-form #webform-component-free-sample-coming-soon-captcha-header { position: relative; float: left; clear: both; margin: 12px 0 0 24px; } #free-sample-form #webform-component-free-sample-coming-soon-captcha-bottom { position: relative; float: left; clear: both; margin: 32px 0 0 24px; } #free-sample-form .description { display: none; } #free-sample-form .form-item-captcha-response label { display: none; } #free-sample-form .form-item-captcha-response .jqTransformInputInner { position: relative; clear: both; top: -40px; } #free-sample-form #edit-actions { position: relative; float: left; clear: both; margin: -150px 0 0 -37px; } #flavor-bursts-free-sample, #your-free-sample { background-color: #FFF; width: 888px; height: 189px; position: relative; right: 23px; padding-top: 25px; } #free-sample-out-sample sup, #your-free-sample sup { position: relative; } body.page-node-338 .sample-already-registered #wrapper-content-internal { padding: 0 !important; background: url("../images/general/header_background.png") no-repeat scroll 100px 225px transparent; } #flavor-bursts-free-sample #free-sample-title-1, #your-free-sample #free-sample-title-1 { float: right; font-size: 25px; padding: 10px; padding-bottom: 0; font-family: CenturyGothic; width: 693px; margin-right: 50px; letter-spacing: -1px; } #flavor-bursts-free-sample #free-sample-title-2, #your-free-sample #free-sample-title-2, #flavor-bursts-free-sample #free-sample-title-3, #your-free-sample #free-sample-title-3 { float: right; font-size: 12px; padding: 10px 10px 0 0; font-family: Arial, Helvetica, sans-serif; width: 690px; margin-right: 50px; line-height: 16px; } #free-sample-title-3 a { color: #0089cf; } .free-sample-notice-big-image-header-ie6, .free-sample-notice-big-image-header-ie7 { margin-top: -40px; } .free_sample_notice_big_image_header-ie6, .free_sample_notice_big_image_header-ie7 { margin-top: 40px; } #your-free-sample #free-sample-title-3 a { color: #0089D0; } #your-free-sample #free-sample-title-3 { float: right; font-size: 12px; padding: 10px; padding-top: 10px; font-family: Arial, Helvetica, sans-serif; width: 690px; margin-right: 50px; } #free-sample-title-3 a { font-weight: bold; } #your-free-sample #free-sample_image-1, #flavor-bursts-free-sample #free-sample_image-1 { float: left; position: relative; top: 10px; left: 20px; } .flavor-burst---sample-registration #content_bottom { min-height: 225px; } body.page-node-342 #wrapper-content-internal, body.page-node-338 #wrapper-content-internal, body.page-node-340 #wrapper-content-internal { background: none; } #free-sample-out-sample { width: 404px; margin-left: 142px; font-size: 12px; margin-top: 38px; } #free-sample-out-sample h1 { font-weight: normal; color: #034c9e; font-size: 23px; font-family: "CenturyGothic", arial, serif; } #free-sample-out-sample p { font-family: "CenturyGothic", arial, serif; line-height: 16px; } #free-sample-out-sample a { color: #0089D0; font-family: "CenturyGothicBold", arial, serif; } #free-sample-out-sample span.first-line { margin-bottom: 15px; float: left; } #free-sample-out-sample span.last-line { margin-top: 10px; } #free-sample-out-sample span.last-line a { color: #0089D0; } #free-sample-out-sample-wrapper { width: 900px; height: 214px; background: url("../images/free_sample_out_samples_header_big.png") no-repeat scroll 0 0 transparent; position: relative; right: 20px; padding-top: 1px; } .flavor-burst-sweepstakes-decomission #wrapper_content #breadcrumb { display: none; } body.page-node-341 #wrapper-content-internal, body.page-node-338 #wrapper-content-internal, body.page-node-339 #wrapper-content-internal, body.page-node-337 #wrapper-content-internal { padding: 0 !important; background: url("../images/general/header_background.png") no-repeat scroll 100px 214px transparent; } body.page-node-341 #wrapper-main-navigation, body.page-node-338 #wrapper-main-navigation, body.page-node-339 #wrapper-main-navigation, body.page-node-337 #wrapper-main-navigation { height: 0; } body.page-node-341 #wrapper-content-internal { background-position: 100px 225px; } #node-337, #node-338, #node-339 { height: 260px; } #free-sample-form .captcha .reload-captcha-wrapper { display: none; } #free-sample-form a#reload-captcha { color: #0089D0; text-decoration: none; font-weight: bold; } /* [end of] Centrum Burst free sample */ /* New look page */ .newlook-top h1 { margin: 28px 0 8px 0; } /* [end of] New look page */ /* FACEBOOK BTN FIX IE */ .physicians-health-study #content_bottom .block-social-network-actions { display: none !important; } .block-block-52 { padding-top: 28px; } /* page centrum silver */ body.page-node-618 .block-block-22, body.page-node-724 .block-block-22 { display: none; } .block-the-most-important { background: url(../images/general/bg-for-the-most-important.jpg) no-repeat; width: 902px; height: 622px; position: relative; padding-bottom: 12px; } .wrapper-btn-centrum-silver { bottom: 28px; bottom: 27px\9; left: 274px; position: absolute; } .wrapper-btn-centrum-silver p { color: #5E5656; margin: 10px 0 0 9px; text-align: center; } .wrapper-btn-centrum-silver a { background: url("../images/general/bg-btn-centrum-silver.png") no-repeat scroll -3px -3px; background: url("../images/general/bg-btn-centrum-silver.png") no-repeat scroll -3px -4px\9; color: #FFFFFF; display: block; float: left; font-size: 11px; font-weight: bold; height: 25px; padding: 10px 5px 0 35px; padding: 9px 5px 0 35px\9; text-decoration: none; text-transform: uppercase; width: 81px; } .wrapper-content-bottom { display: inline-block; margin-left: 10px; margin-top: -43px; width: 877px; } .wrapper-content-bottom .wrapper-title { display: inline-block; font-style: italic; font-size: 15px; font-weight: bold; } .wrapper-content-bottom .wrapper-title p { margin: 0 0 0 10px; } .wrapper-content-bottom .wrapper-title .title-right { width: 565px; float: left; margin-top: 18px; } .wrapper-content-bottom .wrapper-title .title-left { float: left; margin-right: 25px; width: 287px; } .wrapper-content-bottom .wrapper-articles { display: inline-block; margin-top: 5px; } .wrapper-content-bottom .wrapper-articles .box-right { width: 565px; float: left; background: url(../images/general/bg-box-right-centrum-silver.png) no-repeat; } .wrapper-content-bottom .wrapper-articles .box-right .content-article { padding: 27px 40px 62px 40px; height: 104px; position: relative; } .wrapper-content-bottom .wrapper-articles .box-right .content-article .article-teaser p { margin-top: 3px; color: #666666; font-size: 16px; line-height: 20px; } .wrapper-content-bottom .wrapper-articles .box-right .content-article .article-image { float: left; margin-right: 17px; margin-top: 6px; } .wrapper-content-bottom .wrapper-articles .box-right .content-article .title a { color: #0089D0; font: 17px Arial; text-transform: none; font-weight: bold; } .wrapper-content-bottom .wrapper-articles .box-right .content-article .title span.expert { color: #333333; font: italic bold 10px Arial; display: block; } .wrapper-content-bottom .wrapper-articles .box-right .content-article .read-full-article { background: url("../images/general/right-arrow.png") no-repeat scroll 0 0; float: left; padding: 1px 0 0 9px; text-transform: uppercase; bottom: 30px; left: 185px; position: absolute; } .wrapper-content-bottom .wrapper-articles .box-right .content-article .read-full-article span a { color: #0089CF; font-size: 11px; font-weight: bold; position: relative; text-transform: uppercase; top: -3px; } .wrapper-content-bottom .wrapper-articles .box-left { float: left; margin-right: 25px; width: 287px; background: url(../images/general/bg-box-left-centrum-silver.png) no-repeat; } .wrapper-content-bottom .wrapper-articles .box-left .content-box-left { padding: 27px 25px 37px 25px; text-align: center; height: 129px; } .wrapper-content-bottom .wrapper-articles .box-left .content-box-left h2 { font-family: arial, serif; font-size: 15px; font-style: italic; font-weight: bold; margin: 0; } .wrapper-content-bottom .wrapper-articles .box-left .content-box-left p { margin-top: 5px; font-size: 15px; } /* centrum multivitamin */ #multivitamin-dl-1 { margin-top: 70px; } #multivitamin-dl-2 { margin-top: 55px; } .multivitamin-dl { text-align: center; width: 505px; font-family: 'brandon_grotesquebold', Arial, serif; color: #3b71b8; } #multivitamin-dl-1 .big-text { font-size: 60px; line-height: 60px; margin-top: 8px; } .multivitamin-health-icons { margin-bottom: 33px; margin-top: 22px; } /* Centrum video */ #newDlButton { position: relative; top: 285px; right: 168px; background: none; } /** * Less Content **/ /* Sweeptakes Block */ .sweeptakes-block { background: url("../images/general/bkg/home_blocks_sweepstakes.png") no-repeat scroll left -24px transparent; float: left; height: 428px; margin: 0 2px; padding: 21px 20px 0; position: relative; width: 400px; z-index: 10; } .sweeptakes-block h2 { font-size: 14px; text-transform: uppercase; color: #a2a2a2; margin: 8px 0 0; padding: 5px 10px 5px 8px; font-family: 'CenturyGothicItalic', Arial, serif; float: left; } .sweeptakes-block a { display: block; position: absolute; width: 120px; height: 37px; top: 246px; left: 233px; } /* Rotation Promotion */ .rotation-promotion .dl-sweepstakes { position: relative; } .rotation-promotion .dl-sweepstakes h2 { color: #0099cc; font: normal 29px 'CenturyGothicBold'; left: 5px; line-height: 27px; position: absolute; top: 15px; } .rotation-promotion .dl-sweepstakes h2 sup { font-size: 18px; line-height: 35px; } .rotation-promotion .dl-sweepstakes p { color: #666666; font: normal 18px Arial; left: 8px; line-height: 24px; position: absolute; top: 108px; } .rotation-promotion .dl-sweepstakes a { background: none; left: -6px; position: absolute; top: 225px; } .rotation-promotion .dl-sweepstakes .sweeptakes-marquee-img { left: 253px; position: absolute; top: 114px; width: 119px; } /* Header Centrum Flavor Burst Taste Tell Sweepstakes Decommission */ .centrum-flavor-burst-taste-tell-sweepstakes { background: url("../images/general/bkg/header_background.jpg") no-repeat left top; height: 1000px; position: relative; } .centrum-flavor-burst-taste-tell-sweepstakes h2 { display: none; } .centrum-flavor-burst-taste-tell-sweepstakes .content { margin: 0 0 0 40px; float: left; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-bottle { background: url("../images/blocks/centrum-sweepstakes-decommission-bottle.png") no-repeat; width: 88px; height: 172px; float: left; margin-top: 38px; position: relative; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-bottle p { position: absolute; bottom: 0; left: 10px; font: bold 10px Arial, serif; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-bottle p a { color: #0089d0; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background { background: url("../images/blocks/centrum-sweepstakes-decommission-background.png") right top; float: left; height: 214px; width: 754px; padding-left: 20px; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background h3 { margin-top: 32px; width: 409px; margin-bottom: 0; color: #0089d0; padding-bottom: 17px; line-height: 26px; font-family: 'CenturyGothicBold', Arial, serif; font-size: 23px; border-bottom: 0; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background h3 sup { font-size: 60%; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background .block-left { float: left; margin-right: 50px; width: 172px; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background .block-left p { line-height: 17px; font-family: Arial, serif; font-size: 13px; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background .block-left p span { font-weight: bold; color: #0089d0; display: block; width: 180px; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background .block-left p sup { position: relative; font-weight: normal; font-size: 65%; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background .block-left a.button { background: url("../images/blocks/action_button.png") no-repeat; font-family: 'CenturyGothicBold', Arial, serif; color: #fff; padding: 12px 43px; margin: 4px 0 0 -8px; display: block; width: 84px; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background .block-right { float: left; width: 190px; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background .block-right p { line-height: 17px; font-family: Arial, serif; font-size: 13px; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background .block-right p span { font-weight: bold; color: #0089d0; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background .block-right p sup { position: relative; font-weight: normal; font-size: 65%; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background .block-right a.button { font-family: 'CenturyGothicBold', Arial, serif; color: #fff; background: url("../images/blocks/action_button.png") no-repeat; padding: 12px 28px; margin: 4px 0 0 -7px; display: block; } .centrum-flavor-burst-taste-tell-sweepstakes .centrum-flavor-burst-taste-tell-sweepstakes-logo { left: 24px; position: absolute; top: 30px; } .centrum-flavor-burst-taste-tell-sweepstakes .centrum-flavor-burst-taste-tell-sweepstakes-bottles { position: absolute; right: 38px; top: 24px; } .page-node-583 .thank-you-page-survey .callout-right p { padding-top: 18px; } #webform-component-check-all-that-apply, #webform-component-check-all-that-apply-a, #webform-component-check-all-that-apply-b, #webform-component-check-all-that-apply-markup-3, #webform-component-check-all-that-apply-markup-f, #webform-component-check-all-that-apply-markup, #webform-component-check-all-that-apply-c, #webform-component-check-all-that-apply-d { position: absolute; top: 56px; left: 0; font-style: italic; color: #333; font-size: 12px; margin-top: 5px; } #webform-component-check-all-that-apply-markup-f { top: 24px; } #webform-component-check-all-that-apply-markup-3, #webform-component-check-all-that-apply-markup { top: 26px; } #edit-submitted-question-1-9, #edit-submitted-question-4-8-a, #edit-submitted-question-1-8, #edit-submitted-question-3-5, #edit-submitted-question-2-5, #edit-submitted-question-3-3, #edit-submitted-question-2-4, #edit-submitted-question-3-50, #edit-submitted-question-1-8-c, #edit-submitted-question-1-8-b, #edit-submitted-question-1-7, #edit-submitted-question-4-8, #edit-submitted-question-4-9-b { margin-top: 40px; } .node-webform .form-question-error { color: #ff0000; margin-left: 28px; position: relative; text-transform: uppercase; top: 18px; } /** * Main Navigation */ #wrapper-main-navigation #main-navigation { border-right: 2px solid #000000; border-top: 23px solid #000000; display: block !important; } #mega-navigation .l-region--mega-navigation > div { margin-top: 23px; } /* FIX TEMPORAL*/ #block-views-coupons-mega-nav-coupons-block { width: 283px; position: absolute; float: right; top: 0; z-index: 999 !important; background-color: red; } body.page-faqs #content .view-content a { color: #0089D0; text-decoration: underline; } body.page-faqs #content .view-content a:hover { font-weight: bold; } body.page-faqs #wrapper-content-internal { padding: 0; background: none; } body.page-faqs #content_bottom { background: url("../images/general/bkg/bkg-content-internal.png") repeat-y scroll 1px 0 transparent; } body.page-faqs #block-system-main { margin: 0; } #block-views-exp-faqs-faqs-page h2 { font-family: 'CenturyGothicItalic', Arial, serif; font-size: 16px; color: #4a4a4a; margin: 0 0 30px 32px; text-transform: uppercase; font-weight: bold; width: 135px; float: left; padding: 0 5px; } #block-views-exp-faqs-faqs-page #edit-tid-wrapper { max-width: 578px; } .block--views-exp-faqs-faqs-page .block__content { max-width: 750px; clear: none; float: left; margin-top: 0; padding: 0 0 0 5px; width: 710px; } .block-block-6 h1 { margin: 28px 0 8px 37px; } .block-block-6 h3 { margin: 0 25px 20px 37px; } .messages.error { margin: 0 0 8px 37px; } /*FAQs List*/ .view-display-id-faqs_page .view-content, .view-display-id-faqs_page .view-empty { padding: 15px 120px 95px 35px; background: transparent url("../images/general/bkg/bkg-content-internal.png") repeat-y 1px 0; zoom: 1; } .views-field-field-faq-question { font-style: italic; display: inline-block; } .views-field-field-faq-question p { float: left; width: 710px; cursor: pointer; } .views-field-field-faq-question span { line-height: 18px; padding-right: 5px; float: left; } .views-field-field-faq-question sub { vertical-align: sub; line-height: 16px; } .views-field-field-faq-answer { color: #0089d0; padding-bottom: 7px; padding-left: 35px; padding-top: 2px; *padding-top: 5px; } .views-field-field-faq-answer .field-content p { margin-bottom: 5px; } .views-field-field-faq-answer .field-content div { width: 670px; } .views-field-field-faq-answer span { line-height: 18px; padding-right: 5px; float: left; } .views-field-field-faq-answer sub { vertical-align: sub; line-height: 16px; } /*[end of] FAQs List*/ /*Exposed Form*/ .views-exposed-form p { background: transparent url("../images/general/bkg/bkg_faq_title.png") no-repeat scroll -9px bottom; height: 50px; font-size: 14px; text-transform: uppercase; color: #fff; padding-left: 35px; line-height: 50px; padding-top: 128px; } input#edit-field-faq-question-value { display: none; } /*[end of] Exposed Form*/ /* FAQ filter */ #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page { display: inline-block; position: relative; /*height: 226px;*/ } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page #edit-search-wrapper { float: left; padding: 0 10px 0 5px; width: 105px; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page #edit-search-wrapper label { display: none; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page #edit-search-wrapper .jqTransformInputWrapper { width: 182px !important; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page #edit-search-wrapper .jqTransformInputInner { background: url("../images/general/sprite-btns.png") no-repeat scroll -4px -83px transparent; padding: 5px 9px 0 9px; width: 100px; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page #edit-search-wrapper .jqTransformInputInner div { width: 114px; height: 28px; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page #edit-search-wrapper input#edit-search { font-style: italic; width: 97px; background: none; border: none; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page .views-submit-button { float: left; margin: 0; padding: 0; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page .views-submit-button input#edit-submit-faqs { background: url("../images/general/sprite-btns.png") no-repeat scroll 0 -111px transparent; width: 60px; height: 40px; border: 0; cursor: pointer; display: block; text-indent: -9999px; margin-top: -11px; margin-left: 0; line-height: 0; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page #edit-tid-wrapper { float: left; padding-top: 2px; width: 510px; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page .bef-select-as-links .form-item { position: relative; display: table; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page .bef-select-as-links .form-item div { margin: 0 5px 10px; text-transform: uppercase; font-size: 14px; color: #666; min-height: 35px; display: table-cell; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page .bef-select-as-links .form-item div a { font-weight: normal; color: #666; outline: none; text-decoration: none; font-size: 13px; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page .bef-select-as-links .form-item #edit-tid-1 { clear: both; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page .form-type-bef-link { width: 159px; } #block-views-exp-faqs-faqs-page #views-exposed-form-faqs-faqs-page .form-type-bef-link a { color: #666; outline: none; text-decoration: none; font-size: 13px; } .views-field-field-faq-question sup, .views-field-field-faq-answer sup { line-height: normal; /*8 line-height:normal;*/ } /** * Product Section **/ body.node-type-product ul.menu { margin: 0; } body.node-type-product ul.menu a { color: #666; } body.node-type-product ul.menu a:hover { text-decoration: none; } body.node-type-product #product-page-strip { background: url("../images/top-rainbow.png") no-repeat; padding-top: 4px; height: 0; display: block; } body.node-type-product #content { width: 70%; display: inline-block; margin-right: 3%; float: left; } body.node-type-product .collapsible { margin-bottom: 10px; } body.node-type-product .new-pronutrients { position: relative; background-color: #fff; } body.node-type-product .new-pronutrients .content .content { padding-bottom: 10px; position: relative; height: 295px; } body.node-type-product .new-pronutrients .content p, body.node-type-product .new-pronutrients .content ul { color: #555; display: block; position: relative; padding: 0 15px 0 15px; top: -195px; } body.node-type-product .new-pronutrients .content ul { padding: 0 0 0 15px; } body.node-type-product .new-pronutrients .content ul li { background: url("../images/general/list-bullet.png") no-repeat scroll 2px 6px transparent; padding: 2px 0 0 10px; } body.node-type-product .new-pronutrients .content ul li.li-last { border-bottom: 0; } body.node-type-product .new-pronutrients span { color: #333333; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; left: 164px; line-height: 15px; position: relative; top: -197px; width: 95px; } body.node-type-product .new-pronutrients span strong { font-size: 18px; } body.node-type-product .new-pronutrients sup { font-weight: bold; } body.node-type-product .new-pronutrients a.go-to-pronutrients { background: url("../images/general/sprite-btns.png") no-repeat scroll 0 -117px transparent; display: block; height: 37px; left: 157px; position: relative; text-indent: -999em; top: -200px; width: 60px; } body.node-type-product .new-pronutrients img { width: 280px; } body.write-a-review #product-page-strip { background: url("../images/top-rainbow.png") no-repeat; padding-top: 4px; height: 0; display: block; } .title-area { display: block; margin-bottom: 10px; overflow: auto; } /* Whats inside section */ body.page-whats-inside .header_whats_inside_container { background: url("../images/general/bg-whats-inside.png") no-repeat scroll -12px -3px; display: block; height: 155px; } body.page-whats-inside .block-block-48 { height: 159px; overflow: hidden; padding: 10px 0 0 33px; position: relative; } body.page-whats-inside .block-block-48 h1 { left: 320px; position: absolute; top: 50px; color: #666; font-size: 31px; font-family: CenturyGothic, Arial, Helvetica, sans-serif; } body.page-whats-inside .block-block-48 p { left: 320px; position: absolute; top: 90px; font: normal 14px Arial; } /* [End of] Whats inside section */ .flavor-burst-products-line-up ul li.views-row-2 .views-field-field-product-teaser p { line-height: 15px !important; } .article-content #social-networks .tool_box a { display: block; height: 8px; width: 33px; text-indent: -9999px; } .article-content #block-communication-tools-communication-tools-addthis a { position: relative; left: -2px; } /* [end of] Inside of the Box */ /* New Meganav */ /** * [END OF] New Look page */ /* Omega 3 look and feel */ body.node-type-product .centrum---pronutrients---omega-3 .container-products-bottom { display: none; } /** * Product pages blocks */ .new-look #wrapper-content-internal span.benefits-detail sup { position: relative; } /* Omega 3 Catousel and bottom section*/ .loop-carousel .carousel-items { float: left; } .loop-carousel ul li.carousel-items img { height: 50px; } .loop-carousel a.carousel-control { display: block; height: 31px; position: relative; text-indent: -99999em; top: -100px; width: 15px; background-image: url(../images/product_tabber/layout/sp_arrow.png); } .loop-carousel a.carousel-control .carousel-wrap { height: 60px; } .loop-carousel a.carousel-previous { background-position: top left; } .loop-carousel a.carousel-next { background-position: top right; } .loop-carousel a.carousel-previous.disabled { background-position: bottom left; } .loop-carousel a.carousel-next.disabled { background-position: bottom right; } .carousel-highlighted-image img { border: 1px solid #bebebe; } .carousel-wrap { left: 25px; height: 60px !important; width: 260px; } .carousel-wrap img:hover { cursor: pointer; } .carousel-wrap img { width: 50px; border: 1px solid #bebebe; margin: 3px 0 0; } .carousel-wrap li.active img { border: 4px solid #a6ce39; margin: 0; } #block-multiblock-1 ul#faq-filter-list a.active { background-color: #ffffff; } .carousel-wrap li { width: 65px; } .loop-carousel { position: relative; width: 300px; } .loop-carousel a.carousel-control { top: 13px; z-index: 1; } .loop-carousel a.carousel-next { right: 3px; } .loop-carousel a.carousel-next, .loop-carousel a.carousel-previous { position: absolute; } .carousel-highlighted-image p { padding: 10px 0 0; } .centrum---pronutrients---omega-3 #wrapper-content-internal { position: relative; } .centrum---pronutrients---omega-3 #wrapper-content-internal .action-formula, .centrum---pronutrients---omega-3 #wrapper-content-internal .product-bottom-carousel { width: 510px; float: left; position: relative; height: 255px; margin-bottom: 30px; } .centrum---pronutrients---omega-3 #wrapper-content-internal .action-formula { width: 385px; border-right: solid 1px #aeadad; } .centrum---pronutrients---omega-3 #wrapper-content-internal .action-formula h3, .centrum---pronutrients---omega-3 #wrapper-content-internal .product-bottom-carousel h3 { font: bold 14px Arial, Helvetica, sans-serif; font-style: italic; text-transform: uppercase; padding: 0; margin: 0; border: 0; } .centrum---pronutrients---omega-3 #wrapper-content-internal .action-formula h3 { left: 82px; position: absolute; } .centrum---pronutrients---omega-3 #wrapper-content-internal .action-formula img { left: 63px; position: absolute; top: 57px; } .centrum---pronutrients---omega-3 #wrapper-content-internal .product-bottom-carousel h3 { left: 55px; position: absolute; } .centrum---pronutrients---omega-3 #wrapper-content-internal .product-bottom-carousel > img { left: 51px; position: absolute; top: 22px; } .centrum---pronutrients---omega-3 #wrapper-content-internal .product-bottom-carousel .carousel-highlighted-image { height: 87px; left: 56px; position: absolute; top: 106px; width: 400px; color: #333333; } .centrum---pronutrients---omega-3 #wrapper-content-internal .product-bottom-carousel .loop-carousel { left: 180px; position: absolute; top: 121px; } /* [End Of] Carousel ProNutrients */ body.node-type-product #block-views-coupons-related-coupon { /* float:left; width:290px; position:relative; top:-21px; * top: -10px;*/ /*left:11px;*/ margin-top: 20px; margin-bottom: 20px; } body.node-type-product #block-views-more-popular-article-block-4 { background-image: url("../images/articles/articles_bar_large.png"); background-repeat: no-repeat; background-position: top left; padding-top: 10px; padding-left: 280px; margin: 10px 0 0 10px; } body.node-type-product #block-views-coupons-related-coupon .view-display-id-related_coupon h2 { color: #747474; font-family: 'CenturyGothicItalic'; font-size: 14px; font-weight: bold; /* margin-top:38px;*/ text-transform: uppercase; /* width: 360px; height: 20px;*/ } body.page-buy-now #block-views-coupons-block-2 .view-mega-navigation-coupons .views-row, .find-your-centrum .find-your-centrum-coupon-wrapper, body.node-type-product #block-views-coupons-related-coupon .view-display-id-related_coupon .views-row { /* background-image:url("../images/articles/offers_featured.png"); width:249px; height:370px;*/ background-image: url("../images/blocks/coupon-tab.png"); background-position: left top; background-repeat: no-repeat; background-color: #fff; width: 220px; height: 295px; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; position: relative; border: 1px solid #e5e5e5; /* position:relative; left:15px;*/ } #block-fb-social-fb-likebox { clear: both; } .find-your-centrum #block-views-more-popular-article-block-4 .view-id-more_popular_article li.views-row, body.node-type-product #block-views-more-popular-article-block-4 .view-id-more_popular_article li.views-row { background-image: url("../images/articles/offers_featured.png"); width: 249px; height: 370px; float: left; margin: 0 15px; position: relative; } .find-your-centrum #block-views-more-popular-article-block-4 .view-id-more_popular_article .views-field-title a, body.node-type-product #block-views-more-popular-article-block-4 .view-id-more_popular_article .views-field-title a { padding: 5px 20px 0 20px; display: block; color: #0089D0; font: normal 15px Arial; line-height: 16px; } .find-your-centrum #block-views-coupons-related-coupon .view-display-id-related_coupon .views-field-field-coupon-offers-detail-image { position: relative; top: 26px; z-index: 0; overflow: hidden; } .find-your-centrum #block-views-coupons-related-coupon .view-display-id-related_coupon .views-field-field-coupon-offers-detail-image img { position: relative; left: 22px; top: -10px; width: 170px; height: auto; } body.page-buy-now #block-views-coupons-block-2 .view-mega-navigation-coupons .views-field-field-coupon-offers-list-title, .find-your-centrum .find-your-centrum-coupon-offers-list-title, body.node-type-product #block-views-coupons-related-coupon .view-display-id-related_coupon .views-field-field-coupon-offers-list-title { position: relative; top: 0; z-index: 1; color: white; font-size: 20px; text-transform: uppercase; padding: 10px 0 0 10px; width: 55px; font-family: Open Sans, Helvetica, sans-serif; line-height: 20px; } .find-your-centrum .find-your-centrum-coupon-wrapper .views-field-body { color: #0089CF; font-size: 36px; padding: 0; position: relative; text-transform: uppercase; top: -51px; z-index: 1; } body.page-node-463 .find-your-centrum .find-your-centrum-coupon-wrapper .views-field-body { * font-size: 12px; } body.page-buy-now #block-views-coupons-block-2 .view-mega-navigation-coupons .views-field-body, .find-your-centrum .views-field-body, .find-your-centrum #block-views-coupons-related-coupon .view-display-id-related_coupon .views-field-body, body.node-type-product #block-views-coupons-related-coupon .view-display-id-related_coupon .views-field-body { position: relative; top: -50px; z-index: 1; height: 50px; width: 228px; } body.page-buy-now #block-views-coupons-block-2 .view-mega-navigation-coupons .views-field-body p, .find-your-centrum .views-field-body p, .find-your-centrum #block-views-coupons-related-coupon .view-display-id-related_coupon .views-field-body p, body.node-type-product #block-views-coupons-related-coupon .view-display-id-related_coupon .views-field-body p { line-height: 15px; color: #888; padding: 5px 0 5px 20px; font-size: 12px; text-align: left; text-transform: none; } body.page-buy-now #block-views-coupons-block-2 .view-mega-navigation-coupons .views-field-body p, .find-your-centrum .views-field-body p, body.node-type-product #block-views-coupons-related-coupon .view-display-id-related_coupon .views-field-body p { width: 130px; float: right; padding: 20px; margin: 12px 0; } body.node-type-product .centrum---flavor-burst---chews .views-field-field-coupon-offers-detail-image .field-content { margin-top: 6px; } .find-your-centrum .block-block-51 { width: 281px; padding-left: 25px; float: left; } .find-your-centrum #content_bottom { padding: 26px 30px 15px; float: left; width: 100%; } .find-your-centrum #block-views-more-popular-article-block-4 .view-id-more_popular_article .views-field-field-article-image, body.node-type-product #block-views-more-popular-article-block-4 .view-id-more_popular_article .views-field-field-article-image { width: 228px; margin: 26px 0 0 10px; } .find-your-centrum #block-views-more-popular-article-block-4 .view-id-more_popular_article .views-field-field-article-image img, body.node-type-product #block-views-more-popular-article-block-4 .view-id-more_popular_article .views-field-field-article-image img { width: 228px; height: 173px; } .find-your-centrum #block-views-more-popular-article-block-4 .view-id-more_popular_article .views-field-field-expert, body.node-type-product #block-views-more-popular-article-block-4 .view-id-more_popular_article .views-field-field-expert { font-weight: bold; font-style: italic; font-size: 11px; padding: 5px 0 0 19px; color: #333; } .find-your-centrum #block-views-more-popular-article-block-4 .view-id-more_popular_article .views-field-body, body.node-type-product #block-views-more-popular-article-block-4 .view-id-more_popular_article .views-field-body { padding: 10px 19px 0 19px; width: 210px; } .find-your-centrum .find-your-centrum-coupon-nid, .find-your-centrum #block-views-more-popular-article-block-4 .view-id-more_popular_article .views-field-view-node, body.node-type-product #block-views-more-popular-article-block-4 .view-id-more_popular_article .views-field-view-node, body.node-type-product #block-views-coupons-related-coupon .view-display-id-related_coupon .views-field-nid { background: url("../images/general/right-arrow.png") no-repeat scroll 0 1px transparent; bottom: 33px; left: 22px; margin-top: 10px; padding: 3px 0 0 9px; position: absolute; z-index: 200; } .find-your-centrum .find-your-centrum-coupon-nid { background: none; } body.page-buy-now #block-views-coupons-block-2 .view-mega-navigation-coupons .views-field-nid, .find-your-centrum .find-your-centrum-coupon-nid, body.node-type-product #block-views-coupons-related-coupon .view-display-id-related_coupon .views-field-nid { background: none; margin: 0; padding: 0; text-align: center; position: absolute; bottom: 0; left: 40px; } body.page-buy-now #block-views-coupons-block-2 .view-mega-navigation-coupons .views-field-nid a, .find-your-centrum .find-your-centrum-coupon-nid a, .find-your-centrum #block-views-more-popular-article-block-4 .view-id-more_popular_article .views-field-view-node a, body.node-type-product #block-views-more-popular-article-block-4 .view-id-more_popular_article .views-field-view-node a, body.node-type-product #block-views-coupons-related-coupon .view-display-id-related_coupon .views-field-nid a { color: #0089CF; font: bold 11px Arial; position: relative; text-transform: uppercase; top: -4px; padding: 0; } body.page-buy-now #block-views-coupons-block-2 .view-mega-navigation-coupons .views-field-nid a, .find-your-centrum .find-your-centrum-coupon-nid a, body.node-type-product #block-views-coupons-related-coupon .view-display-id-related_coupon .views-field-nid a { background: url("../images/blocks/get-coupon-btn.png") no-repeat center center; width: 140px; height: 0; padding-top: 40px; overflow: hidden; display: inline-block; } /* PRODUCT DETAILS CUSTOMIZATIONS */ .whats_inside_on_product p { font-weight: bold; padding: 0 !important; margin-bottom: 2px; } .whats_inside_on_product a { font-weight: bold; color: #0089CF; text-transform: uppercase; font-size: 11px; background: url("../images/general/right-arrow.png") no-repeat scroll 0 1px transparent; padding-left: 8px; } .silver-50-products-line-up ul li.views-row-1 img { position: relative; z-index: 2; } .silver-50-products-line-up ul li.views-row-2 img { position: relative; z-index: 1; } .silver-50-products-line-up ul li.views-row-3 img { position: relative; z-index: 0; } .under-50-products-line-up ul li.views-row-1 img { position: relative; z-index: 3; } .under-50-products-line-up ul li.views-row-2 img { position: relative; z-index: 2; } .under-50-products-line-up ul li.views-row-3 img { position: relative; z-index: 1; } .under-50-products-line-up ul li.views-row-4 img { position: relative; z-index: 0; } .flavor-burst-products-line-up ul li.views-row-1 img { position: relative; z-index: 1; } .flavor-burst-products-line-up ul li.views-row-2 img { position: relative; z-index: 0; } .specialist-products-line-up ul li.views-row-1 img { position: relative; z-index: 4; } .specialist-products-line-up ul li.views-row-2 img { position: relative; z-index: 3; } .specialist-products-line-up ul li.views-row-3 img { position: relative; z-index: 2; } .specialist-products-line-up ul li.views-row-4 img { position: relative; z-index: 1; } .specialist-products-line-up ul li.views-row-5 img { position: relative; z-index: 0; } /* Flavor Burst Mix fruit */ .centrum---flavor-burst---chews .product-info .product-image-wrapper .product-labeling-wrapper { right: 58px; top: 301px; } .centrum---flavor-burst---chews .product-info h1 { float: none; } .centrum---flavor-burst---chews .product-info .product-type-details { margin: 0; padding: 0; float: inherit; } .centrum---flavor-burst---chews .product-info #tabs .active-item { padding: 15px 7px 0 0; margin-left: 0; margin-bottom: 5px; color: #333333; border: 0; background: none; text-decoration: underline; } .centrum---flavor-burst---chews .product-info #tabs ul li a { font-size: 11px; color: #555; text-decoration: underline; } .centrum---flavor-burst---chews .available-in { float: left; text-transform: uppercase; color: #333333; font-style: italic; padding: 4px 4px 0 0; font-size: 11px; } .centrum---flavor-burst---chews .ui-tabs .ui-tabs-nav li { top: 1px; left: -5px; } .centrum---flavor-burst---chews .product-labeling-title { text-transform: uppercase; color: #333333; font: bold 10px Arial; padding: 0 0 3px 0; margin: 0; border: 0; text-decoration: none; } .centrum---flavor-burst---chews .product-info #tabs ul { height: auto; padding-left: 10px; padding-bottom: 5px; } .centrum---flavor-burst---chews .product-info #tabs ul li { margin: auto 0; text-align: left; clear: both; opacity: 1; } .centrum---flavor-burst---chews .product-info #tabs ul li a { display: inline-block; font: bold 71% Arial; color: #0089cf; text-align: left; text-decoration: none; width: auto; cursor: pointer; } .centrum---flavor-burst---chews .available-in-product-type-chews a, .centrum---flavor-burst---chews .available-in-product-type-drink-mix a { font-style: italic !important; } .centrum---flavor-burst---chews .product-info #tabs ul.product-labeling-links li a { padding: 5px 0 0 0; } .centrum---flavor-burst---chews a.color { color: #0089cf; } .centrum---flavor-burst---chews .active-item:after { color: #555; } .slash-character { display: none; } .centrum---flavor-burst---chews .slash-character { display: block; width: 10px; margin-left: -2px; float: left; padding-top: 6px; } .centrum---flavor-burst---chews .product-info .product-description { width: 270px; } .centrum---flavor-burst---chews .product-info .product-description-footer { left: 335px; position: absolute; top: 398px; } .centrum---flavor-burst---chews.drinkmix .product-info .product-description-footer { left: 335px; top: 353px; } .centrum---flavor-burst---chews .product-info .product-description p { line-height: 16px; } .centrum---flavor-burst---chews .product-info .product-description p a { color: #0089CF; cursor: pointer; } /** * Tabs */ .available-in, .available-in-tabs { display: none; } /** * Centrum Coupon block */ #block-views-coupons-related-coupon .view-header { display: none; position: relative; } body.page-buy-now #block-views-coupons-block-2 .view-mega-navigation-coupons .views-field-field-coupon-offers-detail-image, .find-your-centrum .find-your-centrum-coupon-offers-detail-image, #block-views-coupons-related-coupon .views-field-field-coupon-offers-detail-image { position: absolute; bottom: 55px; width: 220px; text-align: center; } .find-your-centrum .find-your-centrum-coupon-offers-detail-image { bottom: 55px; } .find-your-centrum-coupon-offers-detail-image img { width: auto !important; height: auto !important; } /** * Also Available In */ .node-type-product #content .block-views { margin-left: 23px; margin-top: 20px; clear: both; } .node-type-product #content .block-views h2 { text-transform: uppercase; margin-bottom: 0; } .view-also-available-in { float: left; width: 100%; } .view-also-available-in .views-row { width: 290px; height: 220px; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; position: relative; border: 1px solid #e5e5e5; float: left; margin-top: 20px; background: url("../images/general/bg-available-in-grad.png") repeat-x center bottom; } .view-also-available-in .views-row-even { float: right; } .view-also-available-in .views-field-field-product-flavor-image .field-content, .view-also-available-in .views-field-field-product-available-in-image .field-content, .view-also-available-in .views-field-field-product-main-image .field-content { float: left; width: 100px; text-align: right; padding-right: 20px; -webkit-transform-style: preserve-3d; height: 220px; } .view-also-available-in .views-field-field-product-flavor-image img, .view-also-available-in .views-field-field-product-available-in-image img, .view-also-available-in .views-field-field-product-main-image img { width: 85px; height: auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .view-also-available-in .views-field-field-product-flavor-image img { width: 115px; } .view-also-available-in .views-field-field-product-flavor-name, .view-also-available-in .views-field-title { color: #158acd; font-weight: 700; width: 130px; margin-top: 80px; display: inline-block; line-height: 18px; font-size: 15px; } .view-also-available-in .views-field-title a { color: #158acd; } .view-also-available-in .views-field-view-node a, .view-also-available-in .views-field-view-node a.learn-more { margin-top: 10px; padding: 6px 20px; } /* Specific styles for inactive tab on Flavor burst node (Firefox) */ @-moz-document url-prefix() { body.page-node-331 .centrum---flavor-burst---chews .ui-tabs .ui-tabs-nav li, .centrum---flavor-burst-- .ui-tabs .ui-tabs-nav li { left: -9px; top: 2px; } } /* Product label */ .product-labeling-content sub { line-height: 0; } .ui-dialog.product-labeling-dialog { border-radius: 0; margin: 0 auto; padding: 5px 5px 0 5px; width: 790px !important; z-index: 1000; } .ui-dialog.product-labeling-dialog table tr td.thicker { border-bottom: 12px solid black; } /** * Health Center Section **/ /*Breadcrumb*/ body.node-type-article #breadcrumb .breadcrumb ul li, body.node-type-article #breadcrumb .breadcrumb ul li a { color: #999999; } body.node-type-article #breadcrumb .breadcrumb ul li a:hover { color: #0089D0; } body.node-type-article #breadcrumb .breadcrumb ul li { background: url("../images/general/bkg/bkg_breadcrumb.jpg") no-repeat scroll 2px 2px transparent; } body.node-type-article #breadcrumb .breadcrumb ul li.first { background: none repeat scroll 0 0 transparent; } /*Carousel*/ body.health-center .view-rotation-promotion { height: 344px; } body.health-center .views-field-field-rotation-promotion-image { width: 516px; } body.health-center .promotion-rotation-pager { right: 370px; } body.health-center .views-field-body { width: 350px; background: url("../images/general/bkg/health_center_bg.png") repeat-y scroll 0 0 transparent; height: 344px; padding: 0 0 0 34px; } body.health-center .health-center-marquee h2 { font-size: 29px; margin: 0; } body.health-center .health-center-marquee p.text { margin: 0; } body.health-center .health-center-marquee a { margin: 45px 25px -3px 0; } body.health-center .image-01 { padding-top: 125px; } body.health-center .image-01 p.text { width: 250px; } body.health-center .image-02 { padding-top: 120px; } body.health-center .image-02 p.text { width: 300px; } body.health-center .image-03 { padding-top: 77px; } body.health-center .image-03 h1 { font-size: 35px; margin: 0; text-transform: none; padding: 0; color: #666; line-height: normal; background: none; height: auto; } body.health-center .image-03 h3 { border: none; font-family: 'CenturyGothic', Arial, serif; font-size: 25px; margin: 0; padding: 0 0 10px 0; width: 300px; } body.health-center .article-content .article-body ul li p { display: inline; margin: 0; } /* Articles */ body.node-type-article #content { color: #666; } body.health-center h1 { /* background: transparent url("../images/general/bkg/bkg_faq_title.png") no-repeat scroll -9px bottom; */ /* height: 51px; font-size: 14px; font-weight:bold; text-transform: uppercase; color: #fff; padding:43px 0 0 18px; line-height: 50px; margin:0; */ } body.page-taxonomy-term h2 { font-size: 22px; margin: 20px 0 10px 8px; } body.page-health-center h2 { font-size: 22px; margin: 20px 0 10px 8px; } body.health-center #breadcrumb ul li.first { background: none; } body.health-center #breadcrumb ul li { background: url("../images/general/bkg/bkg_breadcrumb_white.jpg") no-repeat scroll 2px 2px transparent; } body.health-center #breadcrumb ul li a { color: #fff; } body.health-center #breadcrumb ul li a:hover { color: #0089D0; } body.health-center #breadcrumb ul li.active { color: #fff; } #block-menu-menu-article-topics { border: 1px solid #ccc; padding: 5px 6px; margin-bottom: 18px; } #block-menu-menu-article-topics h2 { font-size: 16px; background: url("../images/general/sprite-btns.png") no-repeat scroll -132px -86px transparent; text-transform: uppercase; width: 179px; height: 28px; padding: 7px 0 0 10px; margin: 0; color: #1191d3; letter-spacing: 0; } #block-menu-menu-article-topics ul { padding: 0 8px 0 10px; } #block-menu-menu-article-topics ul li { background: url("../images/general/bkg/dot.jpg") repeat-x scroll left bottom; padding: 8px 0; } #block-menu-menu-article-topics ul li.last { background: none; padding-bottom: 5px; } #block-menu-menu-article-topics ul li a.active { font-weight: bold; } #block-related-content-related-content-articles { border: 1px solid #ccc; padding: 5px 6px; margin-bottom: 18px; } #block-related-content-related-content-articles h2 { font-size: 16px; background: url("../images/general/sprite-btns.png") no-repeat scroll -132px -86px transparent; text-transform: uppercase; width: 179px; height: 28px; padding: 7px 0 0 10px; margin: 0; color: #666666; letter-spacing: 0; } #block-related-content-related-content-articles ul { padding: 0 8px 0 10px; } #block-related-content-related-content-articles ul li { background: url("../images/general/bkg/dot.jpg") repeat-x scroll left bottom; padding: 8px 0; } #block-related-content-related-content-articles ul li.last { background: none; padding-bottom: 5px; } #block-related-content-related-content-articles ul li a { color: #0089CF; } .wrapper-nutrition-possible-block, .wrapper-sign-up-block { border: 1px solid #ccc; padding: 5px; margin-bottom: 18px; } .wrapper-nutrition-possible-block h2, .wrapper-sign-up-block h2 { margin: 0 0 3px 0; } .top-corners { background: url("../images/general/sprite-btns.png") no-repeat scroll -132px -86px transparent; height: 10px; overflow: hidden; width: 189px; } .wrapper-nutrition-possible-block #nutrition-possible-block, .wrapper-sign-up-block #sign-up-save-block { background: url("../images/general/bkg/bkg-block-nutrition.png") repeat scroll left top transparent; color: #666; padding: 0 11px 0 10px; width: 168px; overflow: hidden; } .wrapper-nutrition-possible-block #nutrition-possible-block h2, .wrapper-sign-up-block #sign-up-save-block h2 { font-size: 20px; color: #4a4a4a; letter-spacing: -1px; } .wrapper-nutrition-possible-block #nutrition-possible-block h2 sup, .wrapper-sign-up-block #sign-up-save-block h2 sup { color: #999999; font-family: 'CenturyGothic', Arial, serif; font-size: 61%; position: relative; } h2.job-burnout, h2.aerobic-exercise { font-size: 12px; } .wrapper-nutrition-possible-block #nutrition-possible-block .health-center-block-text, .wrapper-sign-up-block #sign-up-save-block .health-center-block-text { margin-bottom: 0; word-spacing: -1px; } .wrapper-nutrition-possible-block #nutrition-possible-block .health-center-block-text p, .wrapper-sign-up-block #sign-up-save-block .health-center-block-text p { line-height: 16px; } .wrapper-nutrition-possible-block #nutrition-possible-block .health-center-block-image, .wrapper-sign-up-block #sign-up-save-block .health-center-block-image { float: left; } .wrapper-sign-up-block #sign-up-save-block .health-center-block-image img { float: right; } .wrapper-nutrition-possible-block #nutrition-possible-block a, .wrapper-sign-up-block #sign-up-save-block a { color: #0089D0; } .wrapper-nutrition-possible-block #nutrition-possible-block a.btn-more, .wrapper-sign-up-block #sign-up-save-block a.btn-more { background: url("../images/general/sprite-btns.png") no-repeat scroll -572px -399px transparent; float: right; height: 38px; margin: 8px 0; width: 103px; } .bottom-corners { background: url("../images/general/sprite-btns.png") no-repeat scroll -132px -111px transparent; height: 9px; overflow: hidden; width: 189px; } body.health-center #block-system-main { margin: 0; } body.health-center #content { padding-bottom: 0; } .view-taxonomy-term, .view-health-center, .view-expert-corner { margin-left: 0; } .view-taxonomy-term .views-row, .view-health-center .views-row { margin-bottom: 11px; } .view-display-id-home_health_center_block .views-row { margin: 0; } .view-taxonomy-term .views-row span a, .view-health-center .views-row span a, .view-expert-corner .views-row span a { color: #0089d0; font-size: 14px; font-weight: bold; } .view-health-center-external-articles a.external-article { display: none; } /* [end] Articles */ /* Articles Body */ body.page-health-center #wrapper-content-internal { background: url("../images/general/bkg/bkg-content-internal.png") repeat-y scroll 1px 0 transparent; padding: 18px 25px 84px 18px; border: 0; } body.page-taxonomy-term #wrapper-content-internal, .our-blog #wrapper-content-internal { background: url("../images/general/bkg/bkg-content-internal.png") repeat-y scroll 1px 0 transparent; padding: 0 10px 10px; border: 0; } body.health-center #wrapper-content-internal, body.page-taxonomy-term #wrapper-content-internal, .our-blog #wrapper-content-internal { background: url("../images/general/header_background.png") no-repeat scroll 0 0 transparent; border: 0 none; padding: 0 10px 50px; } /* .the-experts { background: url("../images/general/header_background.png") repeat scroll 0 center transparent; }*/ body.page-taxonomy-term #content, body.page-health-center #content { padding-bottom: 0; } body.health-center .article-content { /* border:1px solid #ccc; */ width: 620px; padding: 10px 0 0 0; overflow: hidden; background-image: url("../images/articles/articles_bar.png"); background-repeat: no-repeat; background-position: 0 0; margin-top: 10px; } body.health-center .maintain-strong-bones .article-content { * width: 640px; } @-moz-document url-prefix() { body.health-center .maintain-strong-bones .article-content li.fix-text { width: 640px; } } body.health-center .article-content h3 { font-family: Arial; font-size: 13px; } body.health-center .article-content p, body.health-center .article-content h3, body.health-center .article-content ul li { line-height: 150%; } body.health-center .article-content .article-body { margin: 0 8px 0 8px; padding-top: 52px; text-align: justify; clear: none; } body.health-center .article-content .article-body { color: #666666; } body.health-center .article-content .article-body .left-aligned-text { text-align: left; } body.health-center .article-content .top-corners { background: url("../images/general/sprite-btns.png") no-repeat scroll -8px -222px transparent; height: 13px; overflow: hidden; width: 623px; } body.health-center .article-content .bottom-corners { background: url("../images/general/sprite-btns.png") no-repeat scroll -8px -259px transparent; height: 14px; overflow: hidden; width: 623px; } body.health-center .article-content h1 { /* background: transparent url("../images/general/bkg/bkg-title-article.png") repeat left top; */ color: #0089d0; height: auto; font-size: 25px; font-weight: normal; text-transform: none; line-height: normal; padding: 15px 0 0 5px; margin: 0; width: 608px; font-family: Arial, Helvetica, sans-serif; } body.health-center .article-content h3 { border: 0; font-weight: bold; font-size: 100%; margin: 18px 0 15px 8px; padding: 0; } body.health-center .article-content .article-body h2 { font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; letter-spacing: normal; margin-bottom: 14px; } body.health-center .article-content .article-body .indent-right { margin-left: 20px; } body.health-center .article-content .article-body h2.centered-text { text-align: center; } body.health-center .article-content .article-body p { margin-bottom: 22px; } body.health-center .article-content .article-body .article-wrapper p.image-description, body.health-center .article-content .article-body .article-wrapper p { margin-bottom: 23px; } body.health-center .article-content .article-body p.section-header { margin-top: 34px; } body.health-center .article-content .article-body p.above-list { margin-bottom: 0; } body.health-center .article-content .article-body p.txt-fix-img { margin-left: 200px; } body.health-center .article-content .article-body sup { font-size: 70%; } body.health-center .article-content .article-body ul { margin-bottom: 17px; margin-top: 5px; padding-left: 14px; color: #666; } body.health-center .article-content .article-body ul.extra-indent { padding-left: 24px; } body.health-center .article-content .article-body ul li { list-style: disc outside none; line-height: 215%; } body.health-center .article-content .article-body ol { margin-bottom: 17px; margin-top: 5px; padding-left: 24px; } body.health-center .article-content .article-body img.ball-format-image { margin: 0 24px 0 0 !important; } body.health-center .article-content .article-body img#pumpkin-smoothie-image { margin: 18px 15px 10px 0; } body.health-center .article-content .article-body img.ball-alignment { margin-top: 5px !important; } body.health-center .article-content .article-body img.ball-alignment-cranberries { margin-top: 8px !important; } body.health-center .article-content .article-body img#ball-alignment-chocolate { margin-top: 24px !important; } body.health-center .article-content .article-body img#ball-alignment-protein { margin-top: 28px !important; } body.health-center .article-content .article-body img#ball-alignment-drink { margin-top: 17px !important; } body.health-center .article-content .article-body img#ball-alignment-folate { margin-top: -3px !important; } body.health-center .article-content .article-body p.image-description { padding-left: 121px; } body.health-center .article-content .article-body span.image-description-title { font-size: 13px; font-weight: bold; } body.health-center .article-content .article-body ul#smoothie-ingredients-list { padding-left: 119px !important; margin-top: 1px; } body.health-center .article-content .article-body ul#smoothie-ingredients-list li { margin-bottom: 2px !important; } body.health-center .article-content .article-body p#smoothie-ingredients { margin-bottom: 0; } body.health-center .article-content .article-body .image-wrapper { height: 364px; width: 256px; display: inline; } body.health-center .article-content .article-body .image-wrapper img { margin: 13px 15px 5px 0; } body.health-center .article-content .article-body img#friendship-img { margin-top: 15px; } body.health-center .article-content .article-body img#silent-night-img { margin-top: 23px; } body.health-center .article-content .article-body img#movement-img { margin-top: 18px; } body.health-center .article-content .article-body img#health-img { margin-top: 48px; } body.health-center .article-content .article-body img#laughter-img { margin-top: 48px; } body.health-center .article-content .article-body img#good-night-img { margin-top: 79px; } body.health-center .article-content .article-body img#time-img { margin-top: 46px; } body.health-center .article-content .article-body p#be-well-footer { margin-top: 30px; margin-bottom: 20px; } body.health-center .article-content .article-body p#paragraph-left-image { margin-top: -6px; } body.health-center .article-content .article-body #content-below-image { margin-top: 37px; } body.health-center .article-content .article-body img#appetizers-img { margin-top: -7px; } body.health-center .article-content .article-body img#account-alcohol-img { margin-top: 5px; } body.health-center .article-content .article-body img#sip-smart-img { margin-top: -14px; } body.health-center .article-content .article-body img#dodge-bowls-img { margin-top: -4px; } body.health-center .article-content .article-body img#slim-down-spuds-img { margin-top: -15px; } body.health-center .article-content .article-body img#save-sugar-img { margin-top: -11px; } body.health-center .article-content .article-body img#pick-pumpkin-pie-img { margin-top: -6px; } body.health-center .article-content .article-body #dark-chocolate-white-block { background: #ffffff; width: 483px; height: 337px; margin-left: 121px; } body.health-center .article-content .article-body p { text-align: left; } body.health-center .article-content .article-body img#nuts-img { margin-top: 6px; margin-left: 16px; margin-right: 7px; } body.health-center .article-content .article-body p#image-description-white-block-nuts { padding-top: 38px; margin-bottom: 10px; padding-right: 11px; } body.health-center .article-content .article-body p#image-description-white-block-toast { margin-bottom: 10px; padding-right: 11px; margin-left: 120px; } body.health-center .article-content .article-body img#milk-img { margin-top: -38px; margin-left: 16px; margin-right: 7px; } body.health-center .article-content .article-body p#image-description-white-block-milk { margin-bottom: 7px; padding-right: 11px; letter-spacing: 0.2px; } body.health-center .article-content .article-body img#salmon-img { margin-top: -3px; margin-left: 16px; margin-right: 7px; } body.health-center .article-content .article-body p#image-description-white-block-salmon { margin-bottom: 10px; margin-top: -11px; padding-right: 11px; margin-left: 120px; } body.health-center .article-content .article-body p#image-description-white-block-chocolate { padding-right: 11px; } body.health-center .article-content .article-body img#just-say-no-img { margin-top: 23px; } body.health-center .article-content .article-body img#shut-off-work-img { margin-top: 60px; } body.health-center .article-content .article-body img#dark-chocolate-img { margin-top: 24px; } body.health-center .article-content .article-body img#get-outdoors-img { margin-top: 47px; } body.health-center .article-content .article-body img#take-your-multivitamin-img { margin-top: 57px; } /* Article References */ body.health-center .article-content .article-body ol li { list-style: decimal outside none; line-height: 215%; position: relative; top: -3px; font-size: 70%; margin-left: -8px; word-wrap: break-word; } body.health-center .article-content .article-body ol li a { color: #0089CF; } body.health-center .article-content .article-body ol li span { vertical-align: baseline; font-size: 135%; left: -4px; position: relative; top: 3px; } body.health-center .article-content .article-body table { margin: 0; padding: 0; border: 0; text-decoration: none; color: #333333; width: 100%; } body.html #container.calcium-supplements--do-men-need-them-too- #block-system-main.block .content .article-content .article-body table.content tbody tr td { vertical-align: top; } body.health-center .how-many-hours-of-sleep-are-enough- .article-content .article-body table.content { width: 380px; margin-bottom: 20px; } body.health-center .article-content .article-body table th, body.health-center .how-many-hours-of-sleep-are-enough- .article-content .article-body table.content th { font-weight: bold; text-transform: uppercase; padding: 5px; border-bottom: 1px solid #AAA; background-color: #F1F1F1; } body.health-center .article-content .article-body table th.table-title-exception { text-transform: none; } body.health-center .article-content .article-body table td, body.health-center .how-many-hours-of-sleep-are-enough- .article-content .article-body table.content td { padding: 5px; border-bottom: 1px solid #AAA; } body.health-center .article-content .article-body table td.table-list { vertical-align: top; text-align: left; } .article-content .articles-next-previous { clear: both; height: auto; padding-top: 30px; zoom: 1; } .article-content .articles-next-previous .previous { float: left; border-right: 1px solid #0089cf; padding-right: 10px; position: relative; left: 400px; } .article-content .articles-next-previous .back-to { width: 390px; float: left; text-align: right; padding-top: 3px; margin-left: 10px; } .article-content .articles-next-previous .back-to a { color: #0089cf; font-size: 11px; font-weight: bold; text-transform: uppercase; position: relative; top: -2px; display: block; background: url("../images/general/right-arrow.png"); background-repeat: no-repeat; background-position: left center; padding: 0 10px; float: left; } .article-content .articles-next-previous .next { float: right; } body.health-center .article-content .articles-next-previous a.control-button, body.health-center .article-content .articles-next-previous span.control-button { display: block; float: left; margin: 37px 0 0; } body.health-center .article-content .articles-next-previous span.previous-article, body.health-center .article-content .articles-next-previous span.next-article { /* background: url("../images/general/left-arrow-off.jpg") no-repeat scroll 0 2px transparent; */ color: #999; text-align: right; padding-left: 10px; width: 106px; font-size: 11px; text-transform: uppercase; font-weight: bold; } body.health-center .article-content .articles-next-previous span.next-article { text-align: right; padding-right: 2px; } body.health-center .article-content .articles-next-previous a.previous-article-link { /* background: url("../images/general/left-arrow.jpg") no-repeat scroll 0 2px transparent; */ padding-left: 10px; text-align: right; width: 106px; color: #0089cf; font-size: 11px; text-transform: uppercase; font-weight: bold; } body.health-center .article-content p.article-footer { font-size: 10px; } body.health-center .article-content .article-body a, body.health-center .article-content p.article-footer a { color: #0089CF; } body.health-center .article-content ul.flamabasic-article-list { color: #333333; list-style-type: disc; padding-left: 20px !important; } body.health-center .article-content .back-to a { background: url("../images/general/left-arrow.jpg") no-repeat scroll 0 2px transparent; padding-left: 10px; text-align: right; width: 106px; color: #0089cf; font-size: 11px; text-transform: uppercase; font-weight: bold; } body.health-center .article-content .articles-next-previous a.next-article-link { /* background: url("../images/general/right-arrow.png") no-repeat scroll right 2px transparent; */ padding-right: 10px; width: 85px; color: #0089cf; font-size: 11px; text-transform: uppercase; font-weight: bold; } span.next-article-title, span.previous-article-title { display: block; font-size: 9px; text-transform: uppercase; color: #999; font-weight: bold; margin-top: 2px; } span.next-article-title { padding-right: 10px; display: none; } span.previous-article-title { padding-left: 11px; display: none; } /* Coluns */ #column-one { display: block; float: left; overflow: hidden; width: 50%; } #column-two { display: block; overflow: hidden; width: 50%; height: 200px; } /* Communication Tools */ body.health-center #article-tools #social-networks { * position: relative; } body.health-center #article-tools #tools { border: 1px solid #ccc; padding: 7px; } body.health-center #tools { height: 100px; } body.health-center #article-tools .slider-resizer-toolbar { border-bottom: 1px dotted #ccc; height: 40px; margin-bottom: 10px; } li.identifi-firsts-li { margin-left: 280px; } .article-content #social-networks .block-communication-tools { position: relative; top: 5px; } .article-content #social-networks #block-communication-tools-communication-tools-addthis { margin-left: -8px; } /* END Communication Tools */ body.health-center #article-tools .block-fblikebutton { padding: 0; } body.health-center #article-tools .block-fblikebutton iframe { height: 30px !important; } body.health-center #article-tools h2 { background: transparent url("../images/general/sprite-btns.png") no-repeat scroll -352px -136px; height: 27px; width: 113px; font-size: 15px; color: #0089d0; text-transform: uppercase; letter-spacing: normal; padding: 5px 0 0 10px; } .slider-wrapper .slider-resizer-toolbar span.min-resizing-font { color: #0089d0; font-family: arial; font-size: 13px; font-weight: bolder; left: 0; position: relative; text-transform: uppercase; top: 4px; } .slider-wrapper .slider-resizer-toolbar span.max-resizing-font { color: #0089d0; font-family: arial; font-size: 21px; font-weight: bolder; left: 98px; position: relative; text-transform: uppercase; top: 6px; } .slider-wrapper .slider-resizer-toolbar a.ui-corner-all { background: url("../images/articles/font-size-bullet.png") no-repeat scroll center center transparent; height: 30px; width: 24px; border: 0; } .slider-wrapper .slider-resizer-toolbar a.ui-slider-handle { top: -11px; margin-left: -0.9em; } .slider-wrapper .slider-resizer-toolbar #slider { background: url("../images/articles/slider-horizontal.png") no-repeat scroll center center transparent; margin: 10px; top: -21px; width: 87px; height: 8px; border-radius: 0; border: 0; } .slider-wrapper .slider-resizer-toolbar .ui-slider-horizontal { height: 1px; left: 4px; position: relative; width: 58%; } .slider-wrapper .slider-resizer-toolbar .ui-widget-header { background: none; border-radius: 0; } a.article-topic-link { font-weight: bold; color: #0089CF; } .article-topics { margin-left: 10px; } /* [end] Articles Body */ /* Related Content */ #block-related-content-related-content-products { margin-right: 10px; } #block-related-content-related-content-products .related-content-products { padding: 2px 10px 10px 20px; } #block-related-content-related-content-products .related-content-products ul li { background: url(../images/general/bkg/dot.jpg) repeat-x scroll left bottom transparent; padding: 7px 10px 7px 0; } #block-related-content-related-content-products .related-content-products ul li.last { background: none; } #block-related-content-related-content-products .related-content-products a { color: #0089d0; } #block-related-content-related-content-products .related-content-products .related-content-more { margin: 3px 0 2px -8px; text-align: left; } #block-related-content-related-content-products .related-content-products .related-content-more { width: 120px; height: 30px; display: block; text-indent: -9999px; line-height: 0; margin: 5px 0 0; background: url(../images/general/sprite-btns.png) no-repeat scroll -515px -84px transparent; } /* [end] Related Content */ p.article-piramid { margin: 0 auto; display: block; width: 400px; height: 700px; *height: 620px; } /* CCN-166 */ body.health-center .article-content .article-body ul { padding-left: 0; } body.health-center .article-content .article-body ul li { line-height: normal; list-style: none outside none; margin: 0 0 10px 0; } body.health-center .article-content .article-body ul.less-indent li { line-height: normal; /* list-style: none outside none; margin: 0; */ } body.health-center .article-content .article-body ul.job-burnout li, body.health-center .article-content .article-body ul.foods-for-healthy li { list-style: disc outside none !important; margin: 10px !important; } body.health-center .article-content .article-body ul li { line-height: 150%; list-style: disc; margin: 0 0 10px 18px; text-align: left; } body.health-center .article-content .article-body thead td { font-weight: bold; border-bottom: 4px solid #aaaaaa; } /* What's So Special About Prenatal Vitamins */ body.health-center .article-content .article-body p.title-special-top { padding-top: 6px; } .article-body .field_author_footer, .article-body .article_copyright { font: normal 10px Arial; } /* Search result articles */ body.page-search #block-system-main { margin: 0 0 20px 37px; } body.page-search ol.search-results { margin: 0; /*padding-left: 93px;*/ float: left; } body.page-search ol.search-results li.search-result-article { padding: 15px 0; border-bottom: dotted 1px #888; width: 610px; } body.page-search ol.search-results li.search-result-article p.search-snippet { font: bold 12px Arial; font-style: italic; } /* Header Search result articles */ body.page-search .search-info-results .content input#edit-keys { top: 3px !important; } body.page-search .search-info-results { height: 173px; background: url("../images/general/bkg/bkg_search_header.jpg") no-repeat left bottom; margin-top: -10px; } body.page-search .search-info-results .content { position: relative; margin-left: 290px; font: normal 16px Arial; } body.page-search .search-info-results .content h2 { font: normal 31px Century Gothic, 'CenturyGothic', 'Didact Gothic'; left: -2px; position: absolute; top: 13px; } body.page-search .search-info-results .content .upper { font: normal 19px Arial; text-transform: uppercase; color: #444; } body.page-search .search-info-results .content p.count { position: absolute; top: 55px; left: 0; } body.page-search .search-info-results .content p.keys { position: absolute; top: 78px; left: 0; width: 590px; overflow: hidden; } body.page-search .search-info-results .content .search-box label { display: none; } body.page-search #search-form .form-type-textfield { position: absolute; left: -17px; top: 125px; } body.page-search ol.search-results { background: url("../images/articles/articles_bar.png") no-repeat left top; padding-top: 10px; margin-top: 10px; width: 637px; } body.page-search ol.search-results li.search-result-article h3 { font: normal 25px Arial; padding: 0; margin: 0; border: 0; } body.page-search li.search-result-article .search-snippet-info .article-result-content p.read-article { background: url("../images/general/right-arrow.png") no-repeat scroll 0 2px transparent; font-weight: bold; font-size: 11px; height: 27px; left: 521px; padding-left: 12px; position: absolute; text-transform: uppercase; top: 0; width: 120px; } body.page-search li.search-result-article .search-snippet-info .article-result-content p.read-article a { color: #0089D0; } body.page-search li.search-result-article .search-snippet-info .article-result-content img.myclass { position: relative; top: 5px; } body.page-search li.search-result-article .search-snippet-info .article-result-content { font-size: 12px; position: relative; width: 475px; line-height: 17px; margin-top: -5px; } /* Articles Fixs */ body.health-center.page-node-432 .article-body .article_copyright p { margin-left: 0; } body.health-center.page-node-502 .article-body h2 { clear: both; } /* [End of] Articles Fixs */ body.page-search .clear-float { clear: none; background: url("../images/articles/articles_bar.png") no-repeat left 0; padding-top: 25px; margin: 30px 0 0 198px; } body.page-search .item-list ul.pager { clear: none; } .five-easy-ways-to-winterize-your-eyes { padding-top: 20px; } .five-easy-ways-to-winterize-your-eyes #sunglasses { margin-top: 110px; } .five-easy-ways-to-winterize-your-eyes #fire, .five-easy-ways-to-winterize-your-eyes #water { margin-top: 10px; } .eight-ways-to-stronger-willpower #sleep-on-it { margin-top: -10px; } .eight-ways-to-stronger-willpower #move-more, .eight-ways-to-stronger-willpower #limit-alcohol, .eight-ways-to-stronger-willpower #write-down-your-goals, .eight-ways-to-stronger-willpower #dont-get-overly-hungry { margin-top: 0; } .forget-weight-loss #get-more-sleep, .forget-weight-loss #excercise-regularly, .forget-weight-loss #excercise-your-brain, .forget-weight-loss #eat-more-colorful-food { margin-top: 50px; } .forget-weight-loss #relax-every-day { margin-top: 75px; } .forget-weight-loss #learn-something-new { margin-top: 60px; } .forget-weight-loss #excercise-regularly { margin-top: 109px; } .forget-weight-loss #eat-more-colorful-food { margin-top: 69px; } .eight-ways-to-stronger-willpower .article-footer, .forget-weight-loss .article-footer, .four-common-myths-about-a-healthy-heart-debunked .article-footer, .laugh-more-live-more-your-heart-will-thank-you .article-footer, .six-surprising-heart-healthy-foods .article-footer { padding-left: 112px; } .the-best-way-to-eat-for-better-health #dont-diet-adhere { margin-top: 30px; } .the-best-way-to-eat-for-better-health #power-of-protein { margin-top: 80px; } .the-best-way-to-eat-for-better-health #mind-the-multivitamins { margin-top: 10px; } .the-best-way-to-eat-for-better-health #eat-on-regular-basis { margin-top: -10px; } .laugh-more-live-more-your-heart-will-thank-you #kiss-more { margin-top: -15px; } .laugh-more-live-more-your-heart-will-thank-you #love-what-you-do { margin-top: 14px; } #social-networks .contextual-links-wrapper { display: none; } body.health-center .article-content .article-wrapper p.image-description { margin-bottom: 20px; } .four-common-myths-about-a-healthy-heart-debunked #healthy-heart-myth-1, .four-common-myths-about-a-healthy-heart-debunked #healthy-heart-myth-2, .beyond-Carrots-how-to-support-eye-health img { margin-top: 4px; } body.health-center .article-content .article-body .the-facts-about-fat ul { padding-left: 112px; clear: none; } body.health-center .article-content .article-body .the-facts-about-fat li { margin-bottom: 20px; line-height: 18px; } .the-facts-about-fat #the-facts-about-fat-1 { margin-top: 170px; } .the-facts-about-fat #the-facts-about-fat-2 { margin-top: 55px; } .the-facts-about-fat #the-facts-about-fat-3 { margin-top: 50px; } .the-facts-about-fat #the-facts-about-fat-4 { margin-top: 150px; } body.health-center .article-content img.mayo-clinic-logo { margin-top: 0; float: none; } #beyond-carrots-sweet-potatoes, #beyond-carrots-salmon-steak { margin-top: 4px; } #beyond-carrots-strawberry-kiwi { margin-top: -5px; } #beyond-carrots-peanut-butter { margin-top: -18px; } .quality-new .content-background-quality { /*padding-top: 29px;*/ /* background: url("/themes/centrum/images/general/bkg/bkg_home_internal.png") no-repeat scroll -54px -15px transparent; -----background: url(/themes/centrum/images/general/bkg/bkg-content-internal.png) repeat-y scroll -54px 0 transparent; padding-bottom: 20px; */ } .quality-new #block-system-main { margin-bottom: 0 !important; } .quality-new #wrapper-content-internal { background: none !important; } .quality-new .facebook_like_ad iframe { height: 31px; float: left; margin-top: -7px; } .quality-new #wrapper-content-internal p { font-size: 17px; margin-bottom: 15px; } .quality-new #breadcrumb { position: absolute; } .quality-new #block-system-main { margin-right: 0 !important; } body.page-node-291 #block-system-main.block .content-background-quality li { font-size: 17px; } body.page-node-291 #block-system-main.block h1 { font-size: 26px; font-family: 'CenturyGothic', Arial, serif; letter-spacing: -1px; } body.page-node-291 #block-system-main.block h2 { font-size: 23px; color: #0099cc; font-weight: bolder; font-family: 'CenturyGothic', Arial, serif; letter-spacing: -1px; } .quality-new .ad_header { width: 100%; position: relative; padding-top: 33px; } .quality-new .l-region--content-top { position: absolute; width: 190px; top: 257px; left: 60px; z-index: 90; height: 30px; } .quality-new #wrapper-content-internal { padding-right: 0 !important; padding-bottom: 1px !important; } .quality-new h1 span { color: #15a6e1; font-weight: bolder; font-size: 29px; } .quality-new h2 { margin-top: 26px; } .quality-new ul li span { padding-left: 12px; } .quality-new .content-background-quality div img { /*margin-left: -60px; margin-top:-50px;*/ /* margin-left: -35px; margin-top: -50px;*/ } /** * Send to a Friend Overlay */ body.page-send-to-a-friend #block-system-main { margin: 0; } .send_to_a_friend .ui-widget-header { background: none; border: none; margin: 0; padding: 0; } .send_to_a_friend .ui-dialog-titlebar-close { display: none; } .send_to_a_friend .ui-widget-header span { /*background: transparent url("../images/general/sprite-btns.png") no-repeat scroll -8px -280px;*/ font-family: 'CenturyGothic', Arial, serif; color: #0976c3; font-size: 25px; font-weight: normal; height: 32px; width: 386px; margin: 0; padding: 2px 0 0 14px; } .email-thank-you-page .ui-widget-header span { display: none; } img#communication_tools_preloader { left: 50%; top: 50%; margin: -16px 0 0 -16px; position: absolute; } .fieldset-description { margin: 4px 0 35px; line-height: 20px; letter-spacing: 0.3px; } body.page-send-to-a-friend .messages.error { color: #d60000; font-weight: bold; margin: 0 0 5px 0; } body.page-send-to-a-friend .messages.error li.hidden { display: none; } .ui-dialog.send_to_a_friend { margin: -224.5px 0 0 -308px; width: 442px !important; height: 570px !important; padding: 5px; border-radius: 0; } .page-buy-now .ui-dialog.send_to_a_friend { height: 350px !important; } .ui-dialog.email-thank-you-page { height: 312px !important; width: 486px !important; } #thank-you-page { padding-top: 128px; } #thank-you-page p { background: transparent url("../images/general/sprite-btns.png") no-repeat scroll -6px -439px; font-family: 'CenturyGothic', Arial, serif; color: #0976c3; font-size: 22px; width: 442px; text-align: center; margin: 0 auto; height: 33px; padding-top: 8px; } #thank-you-page a.close-send-to-friend { background: url("../images/general/sprite-btns.png") no-repeat scroll -81px 1px transparent; border: 0 none; cursor: pointer; display: block; font-size: 0; height: 37px; line-height: 0; text-indent: -999em; width: 188px; outline: none; margin-top: 80px; float: right; } #communication_tools_overlay { padding: 10px 20px 7px !important; } .send_to_a_friend.email-thank-you-page #communication_tools_overlay_iframe { width: 442px !important; } .send_to_a_friend #communication_tools_overlay_iframe { width: 360px !important; height: 520px !important; margin: 0; padding-top: 0 !important; padding-right: 0 !important; overflow: hidden; } form#communication-tools-send-form p { background: url("../images/general/right-arrow.jpg") no-repeat scroll 0 4px transparent; padding-left: 10px; font-weight: bold; } form#communication-tools-send-form .fieldset-description { margin: 4px 0 4px 0; } form#communication-tools-send-form fieldset .form-item { margin-left: 34px; overflow: hidden; width: 290px; } form#communication-tools-send-form .container-buttons iframe { width: 200px; } html.communication-tools-overlay { background-color: #f4f4f4; color: #5a544e; font-size: 13px; line-height: 20px; width: 617px; overflow: hidden; } html.communication-tools-overlay input#recaptcha_response_field { width: 145px !important; } /* .captcha{ width:320px; margin-left:5px; }*/ .container-buttons iframe { float: right; } form#communication-tools-send-form .captcha img, form#communication-tools-send-form fieldset.captcha img { float: right; margin-right: 93px; } form#communication-tools-send-form .captcha .form-item-captcha-response, form#communication-tools-send-form fieldset.captcha .form-item-captcha-response { float: left; } form#communication-tools-send-form .captcha .description, form#communication-tools-send-form fieldset.captcha .description { display: none; } form#communication-tools-send-form .container-buttons { clear: both; } form#communication-tools-send-form label { display: block; color: #59544e; float: left; width: 110px; text-align: right; padding: 10px 10px 0 0; font-weight: bold; text-transform: uppercase; } form#communication-tools-send-form .captcha label { font-weight: normal; text-transform: none; } form#communication-tools-send-form fieldset { margin-bottom: 15px; } form#communication-tools-send-form fieldset#edit-name { margin-bottom: 0; } form#communication-tools-send-form .jqTransformInputWrapper { width: 170px !important; float: left; } form#communication-tools-send-form .jqTransformInputInner { width: 170px; padding: 5px 9px 0; background: url("../images/general/sprite-btns.png") no-repeat scroll -5px -317px transparent; margin-bottom: 5px; } form#communication-tools-send-form .jqTransformInputInner input { width: 170px !important; height: 20px; margin-top: 4px; width: 150px !important; background: none; } form#communication-tools-send-form .jqTransformInputInner div { height: 26px; width: 170px !important; } .container-buttons { padding-top: 12px; *padding-top: 7px; } #communication-tools-confirm-button { float: left; } #communication-tools-confirm-button input { background: url("../images/general/sprite-btns.png") no-repeat scroll -358px 0 transparent; border: 0 none; cursor: pointer; display: block; font-size: 0; height: 37px; line-height: 0; text-indent: -999em; width: 75px; display-inline: block; outline: none; } a#send-to-a-friend-cancel { background: url("../images/general/sprite-btns.png") no-repeat scroll -268px 0 transparent; border: 0 none; cursor: pointer; display: block; font-size: 0; height: 37px; line-height: 0; text-indent: -999em; width: 90px; margin-right: 12px; float: right; outline: none; } input#edit-communication-tools-cancel-button { background: none; border: none; color: #64b132; cursor: pointer; margin: 2px 0 0 2px; } #block-menu-menu-send-to-a-friend-footer { position: absolute; bottom: -7px; left: 0; } #block-menu-menu-send-to-a-friend-footer .menu li.leaf { /*background: url(../images/general/bkg/bkg_share_pipe.png) no-repeat scroll right 4px transparent;*/ height: 22px; list-style: none outside none; padding: 0 7px; font-size: 9px; } #block-menu-menu-send-to-a-friend-footer .menu li.leaf.first { padding-left: 0; } #block-menu-menu-send-to-a-friend-footer .menu li.leaf.last { background: none; } .page-success-page #content_bottom { bottom: -10px; position: absolute; } #block-menu-menu-send-to-a-friend-footer .menu li a { color: #59544E; } #recaptcha_widget_div .jqTransformInputWrapper { overflow: hidden; width: 0 !important; } #recaptcha_widget_div .jqTransformInputWrapper .jqTransformInputInner, #recaptcha_widget_div .jqTransformInputWrapper .jqTransformInputInner div { width: 0; padding: 0; } .recaptcha_theme_blackglass #recaptcha_response_field, .recaptcha_theme_white #recaptcha_response_field { border: 1px solid gray; } .recaptchatable .jqTransformInputInner input#recaptcha_response_field { bottom: 7px !important; font-size: 10pt; margin: 0 !important; padding: 0 !important; position: absolute !important; width: 135px !important; } /* body.page-couponsinc-register-form .captcha, body.centrum-webform-page .captcha{ position:relative; width:800px; margin:15px 0 0 19px; } */ /* body.page-couponsinc-register-form .captcha .reload-captcha-wrapper, body.centrum-webform-page .captcha .reload-captcha-wrapper{ margin-top:1px; }*/ body.page-couponsinc-register-form .form-item-captcha-response, body.centrum-webform-page .form-item-captcha-response { position: absolute; width: 600px; top: -5px; left: 140px; } body.page-couponsinc-register-form .form-item-captcha-response label, body.centrum-webform-page .form-item-captcha-response label { width: 190px; position: absolute; left: 0; left: 14px\9; } body.page-couponsinc-register-form .form-item-captcha-response label.form-element-label-error, body.centrum-webform-page .form-item-captcha-response label.form-element-label-error { margin-left: 14px; margin-left: 0\9; } body.page-couponsinc-register-form .form-item-captcha-response .jqTransformInputWrapper, body.centrum-webform-page .form-item-captcha-response .jqTransformInputWrapper { position: absolute; top: 25px; left: 20px; } body.page-couponsinc-register-form .form-item-captcha-response .description, body.centrum-webform-page .form-item-captcha-response .description { position: absolute; top: 57px; left: 22px; } /*Buy centrum Block*/ .buy-centrum { font-family: Arial,Helvetica,sans-serif; margin-left: 10px; } .buy-centrum .content { padding: 2px; } .buy-centrum .content p { color: #666; padding: 10px 15px 10px 15px; } .buy-centrum .tabs { height: 119px; } .ui-tabs .ui-tabs-nav { padding: 0; } .ui-tabs .ui-tabs-nav li { top: 0; margin: 0; } .buy-centrum .ui-widget-content, .buy-centrum ul { border: none; } .buy-centrum ul { background: none; border: 0; display: block; font-family: 'CenturyGothic', Arial, serif; position: relative; z-index: 50; } .buy-centrum li { border: 0; background: none; font-size: 11px; text-transform: uppercase; width: 37%; } .buy-centrum li.first { width: 63%; } .buy-centrum li.ui-state-default { background: url("../images/general/bkg/bkg-tab-off.png") repeat-x scroll 0 0 transparent; border: 0; font-weight: bold; padding-bottom: 3px; padding-top: 1px; } body.safari .buy-centrum li.ui-state-default { font-weight: normal; } .buy-centrum li.ui-corner-top { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .buy-centrum li.ui-state-active { border: 0; background: none; } .buy-centrum li.ui-state-default a { color: #fff; width: 80px; text-align: center; } .buy-centrum li.ui-state-active a { color: #024a84; } .buy-centrum li.first.ui-state-default a { width: 151px; } .buy-centrum #tab-1, .buy-centrum #tab-2 { background: url("../images/general/bkg/bkg-tab01-on.png") no-repeat scroll 0 0 transparent; font-family: Arial,Helvetica,sans-serif; padding: 45px 10px 0 7px; position: relative; top: -29px; margin: 0; } .buy-online-box-wrapper .form-item { margin-bottom: 5px; } .buy-centrum #tab-1 p, .buy-centrum #tab-2 p { color: #555; font-family: Arial,Helvetica,sans-serif; font-size: 65%; padding: 0 0 0 4px; } .buy-centrum #tab-2 p { padding-top: 7px; } .buy-centrum #tab-1 input.form-submit, .buy-centrum #tab-2 a.gmapslivesearch-goto-online-store { background: url("../images/general/sprite-btns.png") no-repeat scroll -433px 0 transparent; border: none; cursor: pointer; display: block; font-size: 0; line-height: 0; height: 36px; left: 180px; overflow: hidden; outline: none; position: absolute; text-indent: -9999px; top: 45px; width: 74px; } .buy-centrum .find-store-box-wrapper, .buy-centrum .buy-online-box-wrapper { height: 120px; } .buy-centrum .error { position: absolute; top: 34px; } .buy-centrum #tab-1 .error p, .buy-centrum #tab-2 .error p { color: #ff0000; } .buy-centrum #tab-2 a.gmapslivesearch-goto-online-store { top: 45px; } .buy-centrum #tab-2 { background: url("../images/general/bkg/bkg-tab02-on.png") no-repeat scroll 0 0 transparent; } .buy-centrum .ui-tabs-hide { background: none; } .buy-centrum .jqTransformInputInner, .buy-centrum .jqTransformSelectWrapper { background: url("../images/general/sprite-btns.png") no-repeat scroll -5px -317px transparent; padding: 5px 9px 0; width: 150px; } .buy-centrum .jqTransformInputInner { padding-bottom: 7px; } .buy-centrum .jqTransformInputInner div { height: 26px; width: 150px !important; } .buy-centrum .jqTransformInputInner input { background: none repeat scroll 0 0 transparent; height: 20px; font-size: 75%; padding-top: 4px; width: 150px !important; } /*Select of Buy Centrum Block*/ .openSelect.jqTransformSelectWrapper { border: 0 !important; } .buy-centrum .jqTransformSelectWrapper { margin-top: 0; height: 27px; } .buy-centrum .jqTransformSelectWrapper div span { cursor: pointer; color: #4C4C4C; float: none; font-size: 75%; height: 18px; outline: none; padding: 5px 0 0 0; position: absolute; white-space: nowrap; width: 133px; } .buy-centrum .jqTransformSelectWrapper a.jqTransformSelectOpen { background: url("../images/general/sprite-btns.png") no-repeat scroll -514px -7px transparent; display: block; height: 21px; outline: none; position: absolute; right: 5px; top: 7px; width: 20px; } .buy-centrum .jqTransformSelectWrapper ul { background-color: #FFFFFF; border: 1px solid #CCCCCC; display: block; left: 4px; font-family: Arial,Helvetica,sans-serif; list-style: none outside none; margin: 0; position: absolute; top: 30px; width: 158px !important; z-index: 999; } .buy-centrum .jqTransformSelectWrapper ul li { text-transform: none; width: 100%; } body.page-couponsinc-register-form #wrapper-content-internal, body.page-couponsinc-register-form #block-system-main, body.centrum-webform-page #wrapper-content-internal, body.centrum-webform-page #block-system-main, body.page-centrum-coupons-form #wrapper-content-internal, body.page-centrum-coupons-form #block-system-main { padding: 0; margin: 0; } body.page-couponsinc-register-form- .messages.error, body.centrum-webform-page .messages.error, body.page-centrum-coupons-form .messages.error { display: none; } body.centrum-webform-page .submitted { display: none; } body.page-node-286 #wrapper-content-internal, body.page-node-254 #wrapper-content-internal { background: none; } body.page-node-286 #wrapper-content-internal { padding-bottom: 20px; padding-left: 37px; } /* form */ .couponsinc-register-form .messages.error, .couponsinc-register-form p.info { display: block; color: #ff0000; font-size: 10px; text-transform: uppercase; padding: 0 0 12px 78px; line-height: 10px; background: none; border: none; } .couponsinc-register-form .messages.error { margin: 0 15px 5px 0; padding-bottom: 0; line-height: 15px; } .couponsinc-register-form .form-required { color: #ff0000; font-size: 12px; font-weight: bold; } .couponsinc-register-form h1, .couponsinc-register-form h2 { background: url("../images/general/bkg/bkg_coupon_title.png") no-repeat scroll -9px bottom transparent; color: #FFFFFF; font-family: arial; font-size: 11px; font-weight: bold; height: 47px; letter-spacing: 0; line-height: 44px; margin: 0; padding: 35px 0 0 25px; text-transform: uppercase; } .couponsinc-register-form h2 { height: 47px; padding: 5px 0 0 25px; } .couponsinc-register-form h3, .webform-client-form-page h3 { margin-bottom: 22px; } .couponsinc-register-form-page h2, .webform-client-form-page h2 { float: left; margin-bottom: 9px; margin-top: 13px; } .webform-bottom-fields h2 { margin-bottom: 20px; } .couponsinc-register-form-page p.info, .webform-client-form-page p.info { margin: 15px 0 0; width: 578px; padding-right: 35px; text-align: right; } .webform-client-form-page p.info { float: right; margin: 15px 35px 0 0; width: 100px; } .couponsinc-register-form .form-item, .couponsinc-register-form .form-actions { margin: 0; height: 36px; } .couponsinc-register-form label { font-family: Arial; font-size: 12px; font-weight: bold; text-transform: uppercase; float: left; text-align: right; width: 140px; margin: 6px 8px 0 0; } #webform-component-gender, #webform-component-field-gender { clear: both; } .couponsinc-register-form #webform-component-children-under-18-in-household .form-type-radio label, .couponsinc-register-form #webform-component-gender .form-type-radio label { line-height: 22px; margin: 4px 14px 0 8px; width: auto; text-transform: uppercase; font-style: italic; font-weight: normal; } #free-sample-form #webform-component-gender label.option { text-transform: capitalize; } #free-sample-form #edit-submitted-gender > div { margin-right: 8px; } .couponsinc-register-form .form-type-checkbox span { margin: 0 9px 0 0; } .couponsinc-register-form .form-type-checkbox label { float: left; width: 214px; line-height: 18px; } .couponsinc-register-form .jqTransformInputInner, .couponsinc-register-form .jqTransformSelectWrapper { background: url("../images/general/sprite-btns.png") no-repeat scroll -6px -322px transparent; padding: 5px 9px 9px; width: 166px; } form.couponsinc-register-form .jqTransformSelectWrapper { padding: 0; margin-top: 0; } form.couponsinc-register-form .jqTransformInputWrapper { width: 185px !important; } form.couponsinc-register-form .jqTransformInputInner input.form-text { width: 148px; } .couponsinc-register-form .jqTransformInputInner input { background: none; } .couponsinc-register-form .jqTransformSelectWrapper a.jqTransformSelectOpen, .couponsinc-register-form .jqTransformSelectWrapper a.jqTransformSelectOpen { right: -4px !important; top: 4px !important; outline: none; } .couponsinc-register-form .jqTransformInputWrapper, .couponsinc-register-form .jqTransformInputWrapper, .couponsinc-register-form .jqTransformSelectWrapper, .couponsinc-register-form .jqTransformSelectWrapper, .couponsinc-register-form .form-radios, .couponsinc-register-form .form-radios { float: left; } .couponsinc-register-form .jqTransformSelectWrapper ul, .couponsinc-register-form .jqTransformSelectWrapper ul { height: 300px !important; width: 160px !important; left: 2px !important; } .couponsinc-register-form .jqTransformInputInner div, .couponsinc-register-form .jqTransformInputInner div { height: 13px; width: auto !important; } .couponsinc-register-form .jqTransformSelectWrapper div span, .couponsinc-register-form .jqTransformSelectWrapper div span { font-size: 11px; } .webform-left-fields { float: left; margin-right: 20px; } .couponsinc-register-form .jqTransformSelectWrapper div span { width: 60px !important; } .couponsinc-register-form label.form-element-label-error, .couponsinc-register-form label.form-element-label-error { font-style: italic; } .couponsinc-register-form .form-type-radio label.form-element-label-error, .couponsinc-register-form .form-type-radio label.form-element-label-error { font-style: normal; color: #59544E !important; } /* Right Fields */ .couponsinc-register-form .webform-right-fields { float: left; margin-right: 0; width: 350px; } .couponsinc-register-form #webform-component-zip, .couponsinc-register-form .pos-date { clear: both; } .couponsinc-register-form .webform-container-inline div, .webform-container-inline .form-item { display: block; } .couponsinc-register-form #webform-component-field-dob-year { float: left; } .couponsinc-register-form #webform-component-field-dob-month { float: left; } .couponsinc-register-form #webform-component-field-dob-year label { display: none; } .couponsinc-register-form #webform-component-field-dob-year .jqTransformSelectWrapper, .couponsinc-register-form #webform-component-field-dob-month .jqTransformSelectWrapper { background: url("../images/general/sprite-btns.png") no-repeat scroll -345px -401px transparent; width: 80px; margin-right: 7px; } #webform-component-field-dob-month.form-item .jqTransformSelectWrapper div span { width: 66px; } .couponsinc-register-form #webform-component-field-dob-year .jqTransformSelectWrapper ul, .couponsinc-register-form #webform-component-field-dob-month .jqTransformSelectWrapper ul { width: 73px !important; height: 300px !important; } .couponsinc-register-form .form-item-submitted-gender { float: left; padding-right: 3px; } .couponsinc-register-form #webform-component-children-under-18-in-household { clear: both; padding-top: 7px; } .couponsinc-register-form #webform-component-children-under-18-in-household label { width: 111px; text-transform: none; margin-top: -6px; margin-left: 29px; } .couponsinc-register-form #webform-component-children-under-18-in-household .form-item-submitted-children-under-18-in-household { float: left; margin-right: 11px; } /* [end of] Right Fields */ /* Bottom Fields */ .couponsinc-register-form .webform-bottom-fields { clear: both; padding-top: 16px; } .form-checkboxes .form-type-checkbox { clear: both; } #webform-component-field-site-contact-agreement { margin-bottom: 20px; } .couponsinc-register-form .webform-bottom-fields a { color: #0089d0; } .couponsinc-register-form #edit-actions { padding: 13px 0 35px 58px; } .couponsinc-register-form #webform-component-narrow-consent label, .couponsinc-register-form #webform-component-broad-consent label { display: none; } .couponsinc-register-form #webform-cemhub .webform-bottom-fields-left, .couponsinc-register-form #webform-cemhub .webform-bottom-fields-right { padding: 15px 0 0 25px; clear: both; } .get-flavor-burst-sample form.webform-client-form .webform-bottom-fields .webform-bottom-fields-left { padding: 15px 0 0 28px !important; } .couponsinc-register-form #webform-component-narrow-consent #edit-submitted-narrow-consent label, .couponsinc-register-form #webform-component-broad-consent #edit-submitted-broad-consent label { display: block; font-size: 12px; font-weight: normal; text-transform: none; text-align: left; width: 612px; margin-top: 0; padding-left: 10px; } /* [end of] Bottom Fields */ .coupon-thank-page input#coupon-print-button { background: url("../images/general/sprite-btns.png") no-repeat scroll -444px -401px transparent; border: 0 none; clear: both; cursor: pointer; display: block; font-size: 0; height: 35px; line-height: 0; text-indent: -9999px; width: 125px; margin: 10px 0 0 4px; } /* Coupon page */ body.page-couponsinc-register-form #content_top .view-header h1, .special-offers-sign-up .view-header h1, .view-display-id-block_products_signup_form h1 { margin-left: 37px; } body.page-couponsinc-register-form #content_top .view-header h3, .special-offers-sign-up .view-header h3, .view-display-id-block_products_signup_form h3 { margin-left: 37px; margin-bottom: 15px; border: 0; } .view-offers .views-field-field-coupon-offers-page-title h1 { margin-left: 36px; margin-top: 30px; } .view-offers .view-footer h3 { border: 0; margin-left: 36px; } .view-display-id-block_products_signup_form h1, body.page-couponsinc-register-form #content_top .view-header h1 { margin-top: 28px; } .news-sign-up .find-yours-item-line-up, .page-whats-inside .find-yours-item-line-up, .page-couponsinc-register-form .find-yours-item-line-up { display: none; } .view-display-id-block_products_coupon_signup_form .find-yours-item-line-up ul .views-field-field-product-image-listing img { * display: none; } body.page-centrum-coupons-form #edit-header, body.page-centrum-coupons-form #edit-bottom { display: none; } body.node-type-coupon #wrapper-content-internal { background: none; } /* [end] Coupon page */ .get-flavor-burst-sample .form-radios label.option { text-transform: capitalize !important; } .free-sample-of-centrum---flavor-burst---multivitamin-chews #edit-submitted-narrow-consent .option { width: 545px; margin: 6px 0 0 0; line-height: 17px; } .free-sample-of-centrum---flavor-burst---multivitamin-chews #edit-submitted-narrow-consent .option p { line-height: 14px; } /* .free-sample-of-centrum---flavor-burst---multivitamin-chews #edit-submitted-narrow-consent .option a { font-weight: bold; } */ .free-sample-of-centrum---flavor-burst---multivitamin-chews #edit-submitted-narrow-consent sup { position: relative; } /** * @file jqtransform.css * Styles for form style (just for the needed elements) */ /** * Input Text */ tbody { border: 0; } .jqTransformInputWrapper { width: 288px !important; } .jqTransformInputInner div { height: 26px; width: 288px; } .jqTransformInputInner { padding: 9px 9px 9px 12px; } .jqTransformInputInner input.form-text { border: 0; width: 261px; color: #4c4c4c; font-size: 11px; outline: none; } /** * Radios */ .jqTransformRadioWrapper { float: left; display: block; } .jqTransformRadio { background: transparent url(../images/transform/checkbox.png) no-repeat center 1px; vertical-align: middle; height: 27px; width: 27px; display: block; } .jqTransformRadio:focus { outline: 1px dotted !important; } /** * Checkboxes */ span.jqTransformCheckboxWrapper { display: block; float: left; margin-top: 7px; } a.jqTransformCheckbox { background: transparent url(../images/transform/checkbox.png) no-repeat center 2px; vertical-align: middle; height: 27px; width: 27px; display: block; } .jqTransformCheckbox:focus { outline: 1px dotted; } .jqTransformCheckbox.jqTransformChecked { background-position: bottom center; } a.jqTransformChecked { background-position: center -30px; } /** * Selects */ .jqTransformSelectWrapper { width: 276px; position: relative; height: 28px; background: url(../images/transform/bkg_input.png) no-repeat left top; margin-right: 10px; margin-top: 3px; } .openSelect.jqTransformSelectWrapper { background: #fff; border: 1px solid #dedede; height: 28px; } .jqTransformSelectWrapper.openSelect { width: 275px; height: 28px; margin-right: 9px; } .jqTransformSelectWrapper div span { cursor: pointer; float: none; font-size: 11px; height: 19px; line-height: 19px; overflow: hidden; padding: 5px 5px 0 10px; position: absolute; font-style: italic; } .jqTransformSelectWrapper a.jqTransformSelectOpen { background: url(../images/transform/select_combo.png) no-repeat scroll left top transparent; display: block; height: 28px; position: absolute; right: -1px; width: 29px; } .jqTransformSelectWrapper.openSelect a.jqTransformSelectOpen { top: -1px; } .jqTransformSelectWrapper a.jqTransformSelectOpen:focus, .jqTransformSelectWrapper ul:focus, .jqTransformSelectWrapper ul li:focus, .jqTransformSelectWrapper ul li a:focus { outline: 1px dotted; } .jqTransformSelectWrapper ul { background: #fff; border: 1px solid #ededee; display: none; list-style: none outside none; margin: 0; overflow-x: hidden; overflow-y: auto; position: absolute; top: 27px; left: -1px; width: 275px !important; z-index: 10; } .jqTransformSelectWrapper li { overflow: hidden; width: 275px; margin: 0 auto; display: block; } .jqTransformSelectWrapper ul a { display: block; padding: 0 10px; text-decoration: none; color: #4c4c4c; font-size: 11px; height: 31px; line-height: 31px; } .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected { background: #d2d2d2; } /** * text-area */ .form-textarea-wrapper { /*background: url("../images/transform/textarea.png") no-repeat scroll left top transparent;*/ border: 0 none; height: 138px; position: relative; width: 563px; padding: 8px; } .jqTransformTextarea textarea#edit-body { border: 0 none; height: 136px; position: relative; width: 560px; } /*Select of Buy Centrum Block*/ .openSelect.jqTransformSelectWrapper { border: 0 !important; } .buy-menu .jqTransformSelectWrapper, body.page-whats-inside-ingredients .buy-menu .jqTransformSelectWrapper { margin-top: 0; height: 27px; } .buy-menu .jqTransformSelectWrapper div span, body.page-whats-inside-ingredients .buy-menu .jqTransformSelectWrapper div span { cursor: pointer; color: #4C4C4C; float: none; font-size: 75%; height: 18px; outline: none; padding: 5px 0 0 0; position: absolute; white-space: nowrap; width: 133px; } .buy-menu .jqTransformSelectWrapper a.jqTransformSelectOpen, body.page-whats-inside-ingredients .buy-menu .jqTransformSelectWrapper a.jqTransformSelectOpen { background: url("../images/general/sprite-btns.png") no-repeat scroll -514px -7px transparent; display: block; height: 21px; outline: none; position: absolute; right: 5px; top: 7px; width: 20px; } .buy-menu .jqTransformSelectWrapper ul, body.page-whats-inside-ingredients .buy-menu .jqTransformSelectWrapper ul { background-color: #FFFFFF; border: 1px solid #CCCCCC; display: block; left: 4px; font-family: Arial, Helvetica, sans-serif; list-style: none outside none; margin: 0; position: absolute; top: 30px; width: 158px !important; z-index: 999; } .buy-menu #tab-2 .jqTransformSelectWrapper ul { padding: 0; } .buy-menu .jqTransformSelectWrapper ul li, body.page-whats-inside-ingredients .buy-menu .jqTransformSelectWrapper ul li { text-transform: none; width: 100%; } /* [end] Buy centrum Block MegaNav*/ /* Facebook Block MegaNav*/ .facebook-menu .fblikebutton-block { padding: 13px 10px 2px 10px; } .facebook-menu .fblikebutton-block iframe { width: 240px !important; } .facebook-menu #visit-us-facebook { background: url("../images/general/bkg/dot.jpg") repeat-x scroll left top transparent; margin: 0 9px; overflow: hidden; padding: 12px 0 22px 0; width: 260px; } .facebook-menu #visit-us-facebook a { background: url("../images/general/sprite-btns.png") repeat-y scroll -434px 0 transparent; display: block; height: 35px; text-indent: -9999px; width: 73px; float: left; } .facebook-menu #visit-us-facebook span { color: #666; font-family: 'CenturyGothic', Arial, serif; font-weight: bold; font-size: 12px; float: left; margin: 11px 16px 0 13px; } body.safari .facebook-menu #visit-us-facebook span { font-weight: normal; margin: 11px 33px 0 13px; } /* [end] Facebook Block MegaNav*/ /* Special Offers MegaNav*/ #mega-navigation .offers-menu .block__content { margin-left: 0; } #mega-navigation .offers-menu .header-special-offers { padding: 0 10px 5px 10px; } #mega-navigation .offers-menu .content-special-offers { overflow: hidden; } #mega-navigation .offers-menu .header-special-offers p { color: #333; font-size: 13px; font-weight: bold; margin: 0 0 5px; } #mega-navigation .offers-menu .header-special-offers .jqTransformSelectWrapper { background: url("../images/general/sprite-btns.png") no-repeat scroll -410px -280px transparent; padding: 5px 10px 0; width: 236px; height: 37px; } #mega-navigation .offers-menu .header-special-offers .jqTransformSelectWrapper a.jqTransformSelectOpen { background: url("../images/general/sprite-btns.png") no-repeat scroll -669px -283px transparent; width: 35px; height: 35px; display: block; position: absolute; right: 0; top: 3px; } #mega-navigation .offers-menu .header-special-offers .jqTransformSelectWrapper div span { width: 190px; height: 20px; color: #4a4a4a; cursor: pointer; float: none !important; font-family: 'CenturyGothic', Arial, serif; font-size: 13px; font-style: normal; outline: medium none; padding: 4px 0 0 3px; position: absolute; text-transform: uppercase; white-space: nowrap; } #mega-navigation .offers-menu .header-special-offers .jqTransformSelectWrapper ul li a { height: auto; } #mega-navigation .offers-menu .content-special-offers .coupon-wrapper { width: 258px; background: #fff url(../images/general/bkg/bg-navigation-special-offers.gif) repeat-x bottom; padding: 10px 5px 0 15px; overflow: hidden; } #mega-navigation .offers-menu .content-special-offers .coupon-wrapper sup.product-sup { padding-left: 1px; } #mega-navigation .offers-menu .content-special-offers .offer-wrapper { width: 258px; background: #fff url(../images/general/bkg/bg-navigation-special-offers.gif) repeat-x bottom; padding: 10px 5px 0 15px; overflow: hidden; } #mega-navigation .offers-menu .content-special-offers .offer-wrapper sup.product-sup { padding-left: 1px; } #mega-navigation .offers-menu .content-special-offers h3 { color: #535353; font-size: 32px; font-family: Arial,Helvetica,sans-serif; font-weight: bold; text-transform: uppercase; border: none; padding: 0; margin: 0; } #mega-navigation .offers-menu .content-special-offers img { float: left; margin: 0 5px 0 -5px; } #mega-navigation .offers-menu .content-special-offers p.coupon-body { font-size: 12px; color: #000; line-height: 16px; margin: 0; padding: 5px 0 0; } #mega-navigation .offers-menu .content-special-offers a.get-coupon-btn { clear: both; display: block; text-indent: -9999px; width: 114px; height: 35px; background: url("../images/general/sprite-btns.png") no-repeat scroll -488px -327px transparent; float: left; margin: 0 0 10px -5px; } #mega-navigation .offers-menu .content-special-offers a.get-offer-btn { background: url("../images/general/sprite-btns.png") no-repeat scroll -433px 0 transparent; border: medium none; cursor: pointer; display: block; font-size: 0; height: 38px; *height: 30px; /*IE7*/ left: 80px; line-height: 0; outline: medium none; overflow: hidden; position: relative; text-indent: -9999px; top: -75px; width: 80px; } #mega-navigation .offers-menu .header-special-offers ul { left: 1px; top: 36px; width: 252px !important; } /* Select List of Offers*/ #mega-navigation .offers-menu .list-special-offers { width: 260px; height: 175px; float: left; padding: 0 15px 10px; } #mega-navigation .offers-menu .list-special-offers h4 { font-style: normal; } #mega-navigation .offers-menu .list-special-offers img { /*padding-top: 12px;*/ } #mega-navigation .offers-menu .list-special-offers p.coupon-body { margin: 0; float: left; line-height: 14px; padding: 0; width: 150px; } #mega-navigation .offers-menu .list-special-offers ul li { width: 230px; float: left; padding: 10px 0; background: url(../images/general/bkg/dot.jpg) repeat-x scroll left bottom transparent; } #mega-navigation .offers-menu .list-special-offers ul li.last { background: none; } #mega-navigation .offers-menu .list-special-offers ul li .list-image { width: 75px; float: left; text-align: center; margin: 4px 0 0; } #mega-navigation .offers-menu .list-special-offers ul li .list-image img { float: none; } #mega-navigation .offers-menu .list-special-offers ul li h4 { font-family: Arial, Helvetica, sans-serif; margin: 0; font-size: 18px; text-transform: uppercase; } #mega-navigation .offers-menu .list-special-offers ul li h4 a { color: #015792; } #mega-navigation .offers-menu .list-special-offers ul li p.coupon-body a { font-size: 11px; color: #015792; line-height: 13px; } #mega-navigation .offers-menu .jspTrack { background: url(../images/general/bkg/bkg-scroll-navigation.png) no-repeat scroll left top transparent; } /**#mega-navigation .offers-menu .jspTrack {min-height:250px!important}*/ #mega-navigation .offers-menu .jspDrag { background: url("../images/general/bkg/bkg-drag.png") no-repeat scroll left top transparent; height: 19px !important; left: -9px; } #mega-navigation .offers-menu .jspVerticalBar { width: 30px; } .view-mega-navigation-coupons .coupon-wrapper p.coupon-body { display: none; } /* CSS Document */ /** EXPERT CORNER **/ .region-left-sidebar ul li { padding-left: 20px; line-height: 17px; } .expert-corner .region-left-sidebar #block-menu-menu-health-benefits-topics ul li.last { padding: 0 0 15px 20px; line-height: 17px; } .expert-corner .views-field-nothing .field-content { font-weight: bold; font-style: italic; } .region-left-sidebar ul li a { color: #0089cf; font-weight: bold; } #block-search-form { position: absolute; left: 630px; z-index: 1; } form#search-block-form .container-inline { position: relative; } body.page-search #search-form .form-type-textfield, form#search-block-form .form-item-search-block-form { width: 190px; height: 27px; background-image: url("../images/general/contentop_searchbox.png"); background-repeat: no-repeat; margin: 10px 0 0 17px; position: relative; } body.page-search #search-form input#edit-keys, form#search-block-form .form-item-search-block-form input { border: none; font-family: 'CenturyGothicItalic'; color: #000; font-size: 12px; width: 172px; height: 15px; position: relative; top: 6px; left: 9px; background-color: transparent; } body.page-search #search-form input#edit-keys.block-search-error, form#search-block-form .form-item-search-block-form input.block-search-error { color: red; } form#search-block-form .form-wrapper input.form-submit { width: 50px; height: 40px; background-color: transparent; border: none; font-size: 0; position: absolute; text-indent: -9999px; color: #78b5d5; top: -7px; left: 200px; cursor: pointer; background-image: url("../images/articles/go_btn.png"); background-repeat: no-repeat; } body.page-search #search-form input#edit-submit { background-color: transparent; background-image: url("../images/articles/go_btn.png"); background-repeat: no-repeat; border: medium none; color: #78B5D5; cursor: pointer; font-size: 0; height: 40px; left: 187px; position: absolute; text-indent: -9999px; top: 118px; width: 50px; } body.health-center #wrapper-content-internal { padding: 0 10px 10px 10px; overflow: hidden; clear: both; } body.health-center .article-content p.little-breadcrumb { font-size: 14px; color: #747474; font-family: 'CenturyGothicItalic'; text-transform: uppercase; font-weight: bold; padding-left: 5px; } body.health-center .article-content p.author-and-date { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; color: #333; padding: 0 0 0 5px; } body.page-search li.search-result-article .search-snippet-info > .views-field-field-expert, .author-and-date, p.author-and-date, .view-clone-of-taxonomy-term .views-field-field-expert, .view-expert-coner-external-articles li.views-row .views-field-field-expert, .our-blog .view-id-expert_corner ul li .views-field-field-expert .field-content { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; color: #333; padding: 2px 0 10px 0; } .views-field-field-expert-body-promotion { padding-top: 5px; } ul.rotation-promotion p.author-and-date { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; color: #333; padding: 0 0 0 5px; } .views-field-field-expert-body-promotion p { text-align: justify; } body.health-center .article-content img { display: block; float: left; margin: 20px 24px 20px 0; } body.health-center .article-content .article-image { float: left; } #container.snack-attack--try-these-100-calorie-snacks .article-content img { display: block; float: left; margin: 20px 15px 20px 0; } body.health-center .article-content #block-communication-tools-communication-tools-addthis .tool_box { margin-left: 10px; } body.health-center #article-tools { /*width:320px;*/ margin: 22px 0 0 0; font-size: 12px; float: left; height: 30px; } .expert-corner .view-nodequeue-13 { width: 640px; padding: 0 0 0 0; margin-top: 11px; * margin-top: 0; float: left; background-image: url("../images/articles/articles_bar.png"); background-repeat: no-repeat; background-position: 0 0; position: relative; background-color: transparent; } .view-clone-of-taxonomy-term .views-row-1 { width: 640px; margin-top: 0 !important; * margin-top: 10px !important; float: left; position: relative; background-color: transparent; } .health-blog .expert-coner-featured-article-front, .view-health-center-external-articles, .our-blog .view-id-expert_corner { background-image: url("../images/articles/articles_bar.png"); background-repeat: no-repeat; background-position: top left; padding-top: 10px; } .health-blog .expert-coner-featured-article-front .item-list ul { background-image: url("../images/articles/articles_bar.png"); background-position: left bottom; background-repeat: no-repeat; height: 300px; } .health-blog .expert-coner-featured-article-front { /*margin-left: 234px;*/ } .view-clone-of-taxonomy-term .views-row-2 { width: 640px; padding: 10px 0 0 0; margin-top: 14px; * margin-top: 0; float: left; /* background-image:url("../images/articles/articles_bar.png"); background-repeat:no-repeat; background-position:0 0; position:relative; background-color:transparent; */ } .view-clone-of-taxonomy-term .views-row, .view-expert-coner-external-articles li.views-row { padding: 0 0 20px 0 !important; border-bottom: 1px dotted #7f7f7f; margin: 10px 0; } .view-clone-of-taxonomy-term .views-row-last { padding: 10px 0 50px 0 !important; border: none !important; background-image: url("../images/articles/articles_bar.png"); background-repeat: no-repeat; background-position: bottom left; background-color: transparent; } /* Safari 3 e 4 , Chrome 1+ */ #block-views-expert-corner-line-up-block .view-display-id-block { margin-top: 0; } ul.rotation-promotion { margin-top: 20px; } ul.rotation-promotion li { padding: 0; margin: 0; background-color: transparent !important; width: 640px; overflow: hidden; } ul.rotation-promotion li .span a, .view-clone-of-taxonomy-term .views-field-field-article-teaser h1 { color: #0089d0; height: auto; font-size: 25px; font-weight: normal; text-transform: none; line-height: normal; padding: 20px 0 0 0; margin: 0; width: 608px; font-family: Arial, Helvetica, sans-serif; display: block; } .view-clone-of-taxonomy-term .views-row .views-field-field-article-teaser { font-size: 11px; width: 470px; position: relative; } body.page-search li.search-result-article .search-snippet-info > .views-field-field-expert p { font-weight: normal; color: #777777; font-style: normal; } .view-expert-coner-external-articles li.views-row .views-field-field-article-teaser { font-size: 11px; } .read-article-list { position: absolute; top: 6px; left: 550px; background: url("../images/general/right-arrow.png") no-repeat scroll 0 0 transparent; padding-left: 10px; width: 120px; } .read-article-list a { color: #0089cf !important; font-size: 11px !important; font-weight: bold !important; text-transform: uppercase !important; position: relative !important; background-image: none !important; float: none !important; margin: 0 !important; padding-left: 10px !important; width: auto !important; } .view-clone-of-taxonomy-term .container-featured-article { font-size: 12px; width: 640px; } .expert-corner-taxonomy-land { display: none; } .view-clone-of-taxonomy-term .views-field-field-article-teaser h1 { color: #0089d0; height: auto; font-size: 25px; font-weight: normal; text-transform: none; line-height: normal; padding: 20px 0 15px; margin: 0; width: 608px; font-family: Arial, Helvetica, sans-serif; display: block; } .clear-float { clear: both; } ul.rotation-promotion li .views-field-title a, body.page-search ol.search-results li.search-result-article h3 a, .view-clone-of-taxonomy-term .views-field-title span.field-content a, .view-expert-coner-external-articles li.views-row span.field-content a, .our-blog .view-id-expert_corner li.views-row-first span.views-field-title a { color: #0089d0; font-size: 25px; font-weight: normal; text-transform: none; line-height: normal; padding: 10px 0 0 0; margin: 0; font-family: Arial, Helvetica, sans-serif; } ul.rotation-promotion li .views-field-title a { display: block; margin-left: -5px; padding: 30px 0 0 5px; } ul.rotation-promotion li .views-field-field-expert-image-promotion img, .view-clone-of-taxonomy-term img.myclass, .view-expert-coner-external-articles li.views-row img.myclass { display: block; float: left; margin: 0 10px 0 0; position: relative; left: -8px; } .view-expert-coner-external-articles li.views-row .read-article-list { display: none; } #wrapper_content #header .l-region--header { z-index: 100; } #wrapper_content #expert_corner .l-region--expert-corner { background: #333 url("../images/general/meganav_lines.png") no-repeat; opacity: 0.95; filter: alpha(opacity=95); display: none; left: 293px; padding: 10px 15px 10px 20px; position: absolute; top: 120px; width: 620px; height: 400px; z-index: 500; } #wrapper_content #expert_corner .l-region--expert-corner .expert-corner-arrow { background: url("../images/general/meganav_selector.png") no-repeat; width: 28px; height: 10px; position: absolute; left: 512px; * left: 445px; top: -10px; } #wrapper_content #expert_corner .l-region--expert-corner .item-list { clear: both; } #wrapper_content #expert_corner .l-region--expert-corner a { color: #fff; } #wrapper_content #expert_corner .l-region--expert-corner a:hover { color: #0089cf; } #wrapper_content #expert_corner .l-region--expert-corner .expert-corner-overlay-list a.close { background: url("../images/general/btn/bt-products.png") no-repeat scroll 0 0 transparent; float: right; height: 11px; margin-bottom: 10px; text-indent: -1000em; width: 11px; position: absolute; right: -4px; top: -70px; } .view-clone-of-taxonomy-term .views-field-field-article-teaser a { float: left; position: relative; left: -8px; width: 124px; height: 27px; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #FFF; padding: 13px 0 0 16px; margin-top: 10px; background: url("../images/articles/read-full-article.png"); z-index: 999; } .our-blog #block-views-expert-corner-block-2 .views-field-view-node span a { float: left; width: 124px; height: 27px; padding: 13px 0 0 16px; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #FFF; margin-top: 10px; background: url("../images/articles/read-full-article.png"); z-index: 999; } .expert-corner .rotation-promotion-more-articles { float: right; background: url("../images/general/right-arrow.png"); background-repeat: no-repeat; background-position: 0 0; padding-left: 10px; margin-top: 14px; } /* Safari 3 e 4 , Chrome 1+ */ .rotation-promotion-full-article a { font-size: 11px; font-weight: bold; color: #FFF; text-transform: uppercase; } .rotation-promotion-more-articles a { color: #0089cf; font-size: 11px; font-weight: bold; text-transform: uppercase; position: relative; top: -2px; } body.expert-corner .expert-corner #wrapper-content-internal #content { width: 650px; float: left; padding-bottom: 30px; margin-bottom: -16px; padding-top: 40px; } body.page-taxonomy-term #wrapper-content-internal #content, .our-blog #wrapper-content-internal #content { width: 650px; float: left; margin-left: 0; } body.page-taxonomy #block-system-main, .our-blog #block-system-main { margin: 10px 0 0 0; } #block-views-nodequeue-13-block { width: 640px; height: 150px; } #block-views-nodequeue-13-block .contextual-links { width: 85px; } .view-id-more_popular_article { padding-top: 20px; } body.node-type-page #block-views-more-popular-article-block-1, body.node-type-page #block-views-more-popular-article-block-2 { background: transparent url("../images/articles/articles_bar.png") no-repeat 0 0; /* position:absolute; top:220px;*/ } body.page-taxonomy #block-views-more-popular-article-block-1 { position: relative; top: 0; clear: both; } body.page-taxonomy #block-views-more-popular-article-block-2 { position: relative; top: 0; } body.page-our-blog .view-dom-id-61fc31b8ea025aa77f0a33b0694ca440, body.page-taxonomy #block-views-more-popular-article-block-2 .view-display-id-block_2 { padding-top: 0 !important; } body.page-taxonomy #block-views-more-popular-article-block-1 .view-display-id-block_1 { padding-top: 10px !important; } #block-views-more-popular-article-block-1 .view-header, #block-views-more-popular-article-block-2 .view-header { position: relative; } /* ---------------------------------------------- */ /* ORIGINAL CLASSES FOR BOTH RECENT AND POPULAR SECTIONS */ /* a#recent_btn_recent, a#popular_btn_recent{ color:#0089d0; font-size:14px; text-transform:uppercase; position:absolute; top:0; left:0; padding-right:15px; border-right:1px solid #CCC; font-style:italic; } a#recent_btn_popular, a#popular_btn_popular{ color: #0089d0; font-size: 14px; text-transform: uppercase; position: absolute; top: 0; left: 135px; font-style: italic; } */ /* ---------------------------------------------- */ /* NEW CLASSES TO HAVE ONLY MORE RECENT ARTICLES - LOOK UPWARDS FOR THE ORIGINAL CLASSES HAVING BOTH RECENT AND POPULAR*/ a#recent_btn_recent, a#popular_btn_recent { color: #0089d0 !important; font-size: 14px; text-transform: uppercase; text-decoration: none !important; position: absolute; top: 0; left: 0; padding-right: 15px; font-style: italic; } a#recent_btn_popular, a#popular_btn_popular { display: none; } /* ---------------------------------------------- */ #block-views-more-popular-article-block-1 a#popular_btn_popular, #block-views-more-popular-article-block-2 a#recent_btn_recent { color: #666666; cursor: default; text-decoration: underline; font-style: italic; } #block-views-more-popular-article-block-1 .view-header, #block-views-more-popular-article-block-2 .view-header { position: absolute; z-index: 100; width: 500px; } #block-views-more-popular-article-block-1 .views-field-body p, #block-views-more-popular-article-block-2 .views-field-body p { line-height: 15px; } #block-views-more-popular-article-block-1 li.views-row, #block-views-more-popular-article-block-2 li.views-row { float: left; width: 210px; height: 312px; background-image: url("../images/articles/recent-article.png"); padding: 0; overflow: hidden; font-size: 10px; margin: 0; display: block; position: relative; } #block-views-more-popular-article-block-1 li.views-row-even, #block-views-more-popular-article-block-2 li.views-row-even { margin: 0 10px !important; } #block-views-more-popular-article-block-1 li.views-row .views-most-popular, #block-views-more-popular-article-block-2 li.views-row .views-most-popular { padding: 22px 8px 0 8px; } #block-views-more-popular-article-block-1 li.views-row .views-most-popular a, #block-views-more-popular-article-block-2 li.views-row .views-most-popular a { color: #0089cf; padding: 3px 0 0 0; font-size: 13px; display: block; } #block-views-more-popular-article-block-1 li.views-row .views-field-title, #block-views-more-popular-article-block-2 li.views-row .views-field-title { padding: 2px 7px 0 7px; line-height: 15px; } .expert-corner #block-views-more-popular-article-block-1 .view-content ul li .views-field-field-expert, .expert-corner #block-views-expert-corner-block-2 .view-content ul li .views-field-field-expert, .health-blog #block-views-expert-corner-block-1 .view-content ul li .views-field-field-expert, .health-blog #block-views-expert-corner-block-2 .view-content ul li .views-field-field-expert, #block-views-more-popular-article-block-1197 li.views-row .views-field-field-expert, #block-views-more-popular-article-block-2 li.views-row .views-field-field-expert { color: #000; font-weight: bold; font-style: italic; padding: 5px 7px 4px 7px; } #block-views-more-popular-article-block-1 li.views-row .views-field-body, #block-views-more-popular-article-block-2 li.views-row .views-field-body { height: 26px; padding: 0 7px 4px 7px; } #block-views-more-popular-article-block-2 li.views-row .views-field-field-article-teaser { height: 26px; padding: 1px 7px 4px 7px; } #block-views-more-popular-article-block-2 li.views-row .views-field-field-article-teaser p { line-height: 15px; } #block-views-more-popular-article-block-1 li.views-row .views-field-view-node, #block-views-more-popular-article-block-2 li.views-row .views-field-view-node { background: url("../images/general/right-arrow.png") no-repeat scroll 0 3px transparent; bottom: 28px; left: 17px; margin-top: 10px; padding: 0 0 0 9px; position: absolute; z-index: 10; } #block-views-nodequeue-13-block li.views-row .views-field-view-node { background: url("../images/general/right-arrow.png") no-repeat scroll 0 3px transparent; margin-top: 10px; /* padding: 2px 0 0 9px; */ padding: 3px 0 0 9px; z-index: 10; } #block-views-more-popular-article-block-1 li.views-row .views-field-view-node a, #block-views-more-popular-article-block-2 li.views-row .views-field-view-node a { color: #0089cf; font-size: 11px; font-weight: bold; text-transform: uppercase; position: relative; top: 0; } #block-views-nodequeue-13-block li.views-row .views-field-view-node a { color: #0089cf; font-size: 11px; font-weight: bold; text-transform: uppercase; } .our-blog .views-field-field-article-image { margin: 10px 10px 10px 0; float: left; } .our-blog .recent-popular-bloque .views-field-field-article-image { margin: 0; float: none; } .our-blog .view-id-expert_corner ul { padding-top: 10px; } .views-most-popular .views-field-field-article-image img, .views-most-recent .views-field-field-article-image img { width: 193px; height: 150px; overflow: hidden; display: block; } /* .views-most-popular span.field-content a, .views-most-recent span.field-content a, .our-blog .views-field-title span a{ color: #0089D0; display: block; font: normal 15px Arial; line-height: 16px; height: 30px; margin: 3px 0; } */ .view-content-most-recent ul, .view-content-most-popular ul { display: block; padding-top: 15px; } .recent-popular-bloque ul.pager { padding-bottom: 25px; } .our-blog #block-views-expert-corner-block-2 h2 { display: none; } /* Expert Corner new look */ .our-blog #block-views-expert-corner-block-2 h2, .health-blog #block-views-expert-corner-block-2 h2 { display: none; } .health-blog #block-views-expert-corner-block-2 .view-header h2, .our-blog #block-views-expert-corner-block-2 .view-header h2 { display: block; } .health-blog #block-views-expert-corner-block-2 .view-header h2, #block-system-main .view-health-center-external-articles .view-header h2 { color: #747474; font-family: 'CenturyGothicItalic'; font-size: 14px; font-weight: bold; margin: 0; padding: 5px 0 19px 5px; text-transform: uppercase; } .health-blog #block-views-expert-corner-block-2 .view-content ul li.views-row-1 .views-field-title a, #block-system-main .view-health-center-external-articles li.views-row-first .views-field-title a { color: #0089D0; font-family: Arial,Helvetica,sans-serif; font-size: 25px; font-weight: normal; height: auto; line-height: normal; margin: 0; padding: 15px 0 0 0; * padding: 15px 0 0 20px; text-transform: none; width: 608px; } .health-blog #block-views-expert-corner-block-2 .view-content ul li.views-row-1 .views-field-title a { padding-left: 0; } #block-system-main .view-health-center-external-articles li.views-row-first .views-field-field-expert { color: #333333; font-family: Arial,Helvetica,sans-serif; font-style: italic; font-weight: bold; padding: 5px 0 0 0; } #block-system-main .view-health-center-external-articles li.views-row-first .views-field-field-article-image { float: left; margin: 20px 15px 10px 0; * margin: 20px 15px 10px 5px; } /* Firefox Hack */ @-moz-document url-prefix() { #block-system-main .view-health-center-external-articles li.views-row-first .views-field-field-article-image { margin: 20px 15px 10px 3px; } } .health-blog .view-expert-corner ul li .views-field-field-article-image { float: left; margin: 20px 15px 10px 0; } .health-blog .view-expert-corner ul li .views-field-field-article-image img { max-width: 300px; max-height: 200px; display: block; } #block-views-d88bccdc665b12d4f28ec1edad43bdbd, #block-views-9980654258968c57e2c3af7112360099 { width: 650px; float: none; } #block-system-main .view-health-center-external-articles li.views-row-first .views-field-body, #block-system-main .view-health-center-external-articles li.views-row-first .views-field-field-article-teaser { margin-top: 20px; } .health-blog #block-views-expert-corner-block-2 ul li.views-row-1 .views-field-view-node, #block-system-main .view-health-center-external-articles li.views-row-first .expert-corner-link-read-more { background: url("../images/general/right-arrow.png") no-repeat scroll 0 0 transparent; float: left; padding: 1px 0 0 9px; position: relative; text-transform: uppercase; } .health-blog #block-views-expert-corner-block-2 ul li.views-row-1 .views-field-view-node a, #block-system-main .view-health-center-external-articles li.views-row-first .expert-corner-link-read-more a { color: #0089CF; font-size: 11px; font-weight: bold; position: relative; text-transform: uppercase; text-decoration: none; top: -3px; } .expert-corner #wrapper-content-internal #content { min-height: 793px !important; } .health-blog #block-views-expert-corner-block-2 .view-content ul li.views-row-1 .views-field-field-expert { padding: 5px 0 0 0; } .health-blog #block-views-expert-corner-block-2 ul li .views-field-field-article-teaser { margin: 11px 0 0 0; } .health-blog #block-views-expert-corner-block-2 { margin-top: -10px; width: 640px; } .health-blog #content { width: 600px; float: left; } ul.rotation-promotion li.views-row ul li { line-height: 18px; } #block-views-nodequeue-13-block .rotation-promotion .views-field-nothing { color: #333333; font-weight: bold; font-family: Arial,Helvetica,sans-serif; font-style: italic; padding: 18px 0 0; } .view-more-popular-article.view-display-id-block_2 .views-field-nothing { color: #000000; font-style: italic; font-weight: bold; padding: 5px 7px 4px; } .view-id-more_popular_article.view-display-id-block_4 .views-field-nothing { color: #000000; font-style: italic; font-weight: bold; padding: 5px 19px 4px; } #block-views-nodequeue-13-block ul.rotation-promotion li .views-field-title a { padding-top: 2px; padding-bottom: 10px; } /* new article guidlines implementation */ body.health-center .article-content .article-wrapper .article-image img { width: 349px; height: 248px; text-align: left; } body.health-center .article-content .article-wrapper p { color: #666; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; } body.health-center .article-content .article-wrapper h1 { color: #0089d0; font-size: 25px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; } body.health-center .article-content .article-wrapper .section-header { color: #666; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0 !important; } body.health-center .article-content .article-wrapper .footnotes { color: #666; text-align: left; font-size: 10px; font-family: Arial, Helvetica, sans-serif; } body.health-center .article-content .article-wrapper .article-topics { text-align: left; } body.health-center .article-content .article-wrapper .article-topics strong { color: #666; font-weight: bold; } body.health-center .article-content .article-wrapper .article-topics a.article-topic-link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } body.health-center #article-tools { margin-top: 14px; } body.health-center .article-content .article-wrapper .article-body p, body.health-center .article-content .article-wrapper .article-body p.image-description { margin-bottom: 23px; } body.health-center .article-content .article-body .article-wrapper p.section-end, body.health-center .article-content .article-wrapper p.section-end.image-description { margin-bottom: 36px; } body.health-center .article-wrapper .nomargin-paragraph { margin-bottom: 0 !important; } body.health-center .article-wrapper div > img { margin-top: 4px; } body.health-center .article-content .article-wrapper p.indent { margin-left: 40px; } body.health-center .article-content .article-wrapper p.dblIndent { margin-left: 80px; } /* new guidlines implementation ends */ /* Video modal box */ .ui-widget { font-size: .8em; /*position: absolute !important;*/ } .ui-dialog.front_video_in_modal { border: 1px solid #fff; /*z-index: 9999;*/ } .ui-dialog.front_video_in_modal .views-field-field-bright-vid-brightcove-code { width: 100%; text-align: center; } .ui-dialog.front_video_in_modal .ui-dialog-buttonpane .ui-dialog-buttonset { width: 100%; float: none; padding: 17px 0 7px 0; } .ui-dialog.front_video_in_modal .ui-dialog-buttonpane button { outline: none !important; background-position: -265px 0 !important; border: 0 none; border-radius: 0; float: left; height: 38px; margin-left: 88px; width: 94px !important; } .ui-dialog.front_video_in_modal .ui-dialog-buttonpane .fb-share-button { background: url("../images/modal/btn_fb_share.png") no-repeat scroll 0 0 transparent !important; /*display: inline-block !important;*/ height: 40px; line-height: 0; margin-left: 22px; /*position: relative;*/ /*right: 610px;*/ text-indent: -9999em; width: 160px !important; } .ui-dialog.front_video_in_modal .ui-dialog-buttonpane button.btn_close { background: url("../images/modal/btn_close_big.png") no-repeat scroll 0 0 transparent !important; display: block; line-height: 0; text-indent: -9999em; margin-left: 150px; width: 100px !important; height: 40px; } .ui-dialog.front_video_in_modal .ui-dialog-buttonpane button.btn_mail { background: url("../images/modal/btn_mail.png") no-repeat scroll 0 0 transparent !important; display: block; line-height: 0; text-indent: -9999em; margin-left: 270px; width: 62px !important; height: 40px; } .ui-dialog.front_video_in_modal .ui-dialog-buttonpane button:hover { opacity: 0.8; } /*.field-content*/ .header_article_container { width: 902px; position: relative; background-color: #FFF; /*height:173px;*/ display: table; } .image_header_article { * float: left; } .image_header_article img { display: block; } .body_header_article { width: 570px; display: table-cell; vertical-align: middle; * position: relative; * margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0"); } .body_header_article h1 { color: #666; font-weight: normal; list-style: none outside none; text-align: left; font-size: 31px; font-family: CenturyGothic, Arial, Helvetica, sans-serif; line-height: 28px; } .body_header_article h2 { font-size: 14px; padding-left: 10px; margin: 0; } .body_header_article p { padding: 0 10px 0 0; } .view-content-most-open, a.view-content-most-open { display: block !important; } a.view-content-most-close { display: none !important; } /* Our blog page */ body.page-our-blog #wrapper_content #content { width: 650px; float: left; } body.page-our-blog #wrapper_content #content > .region-content { background: url("../images/general/header_background.png") no-repeat 0 top; padding-top: 48px; } body.page-our-blog #block-system-main { margin: 0 25px 20px 11px; } body.page-our-blog .region-content .view-most-recent-popular-by-expert.view-display-id-page_2, body.page-our-blog .region-content .view-most-recent-popular-by-expert.view-display-id-page_1 { background: url("../images/articles/articles_bar.png") no-repeat left top; padding-top: 10px; } body.page-our-blog .clear-float { clear: both; background: url("../images/articles/articles_bar.png") no-repeat left 10px; margin-top: 30px; padding-top: 20px; } /* [End Of] Our blog page */ /* Top Article */ body.page-our-blog .region-content .view-display-id-page_1 ul li .views-field-title a, body.page-our-blog .region-content .view-display-id-page_2 ul li .views-field-title a { color: #0089D0; display: block; font: normal 25px Arial; line-height: normal; padding: 20px 0 0; text-transform: none; } body.page-our-blog .region-content .view-display-id-page_1 ul li .views-field-field-expert, body.page-our-blog .region-content .view-display-id-page_2 ul li .views-field-field-expert { color: #333333; font-family: Arial,Helvetica,sans-serif; font-style: italic; font-weight: bold; padding-bottom: 20px; } body.page-our-blog .region-content .view-display-id-page_1 ul li .views-field-field-article-image, body.page-our-blog .region-content .view-display-id-page_2 ul li .views-field-field-article-image { display: block; float: left; margin: 0 15px 10px 0; } body.page-our-blog .region-content .view-display-id-page_1 ul li .views-field-view-node a, body.page-our-blog .region-content .view-display-id-page_2 ul li .views-field-view-node a { background: url("../images/articles/read-full-article.png") repeat scroll 0 -1px transparent; color: #FFFFFF; float: left; font-size: 11px; font-weight: bold; height: 27px; left: -8px; margin-top: 10px; padding: 13px 0 0 29px; position: relative; text-transform: uppercase; width: 113px; z-index: 999; } /* [End Of] Top article */ .find-your-centrum .region-content { background: url("../images/general/header_background.png") no-repeat left top; padding-top: 40px; } body.not-front .find-your-centrum .region-content { padding-top: 1px; } /* Line up */ /* Most popular/Most Recent 3 box Model */ body.page-our-blog #block-views-b6a91ea1995c6ca4d5d08e42f3edf724, body.page-our-blog #block-views-f2e62f5b2b734feefbb2898ca122da97, body.page-our-blog #block-views-31afe2d695abe6bb575289bfd9eccc30, body.page-our-blog #block-views-0936e11a1e239a7d657a3b12c2ff47b7 { clear: both; } .health-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd .recent-popular-bloque, .health-blog #block-views-9980654258968c57e2c3af7112360099 .recent-popular-bloque, .our-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd .recent-popular-bloque, .our-blog #block-views-9980654258968c57e2c3af7112360099 .recent-popular-bloque, body.page-search .view-display-id-block_1, body.page-search .view-display-id-block_2, body.page-our-blog #block-views-b6a91ea1995c6ca4d5d08e42f3edf724 .recent-popular-bloque, body.page-our-blog #block-views-f2e62f5b2b734feefbb2898ca122da97 .recent-popular-bloque, body.page-our-blog #block-views-31afe2d695abe6bb575289bfd9eccc30 .recent-popular-bloque, body.page-our-blog #block-views-0936e11a1e239a7d657a3b12c2ff47b7 .recent-popular-bloque { padding-top: 0 !important; } .health-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd .recent-popular-bloque .view-header, .health-blog #block-views-9980654258968c57e2c3af7112360099 .recent-popular-bloque .view-header, .our-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd .recent-popular-bloque .view-header, .our-blog #block-views-9980654258968c57e2c3af7112360099 .recent-popular-bloque .view-header, body.page-search .view-display-id-block_1 .view-header, body.page-search .view-display-id-block_2 .view-header, body.page-our-blog #block-views-b6a91ea1995c6ca4d5d08e42f3edf724 .recent-popular-bloque .view-header, body.page-our-blog #block-views-f2e62f5b2b734feefbb2898ca122da97 .recent-popular-bloque .view-header, body.page-our-blog #block-views-31afe2d695abe6bb575289bfd9eccc30 .recent-popular-bloque .view-header, body.page-our-blog #block-views-0936e11a1e239a7d657a3b12c2ff47b7 .recent-popular-bloque .view-header { position: absolute; width: 500px; z-index: 100; } .health-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd a#popular_btn_popular, .health-blog #block-views-9980654258968c57e2c3af7112360099 a#popular_btn_popular, .our-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd a#popular_btn_popular, .our-blog #block-views-9980654258968c57e2c3af7112360099 a#popular_btn_popular, body.page-search .view-display-id-block_1 a#popular_btn_popular, body.page-search .view-display-id-block_2 a#recent_btn_recent, body.page-our-blog #block-views-b6a91ea1995c6ca4d5d08e42f3edf724 a#popular_btn_popular, body.page-our-blog #block-views-f2e62f5b2b734feefbb2898ca122da97 a#recent_btn_recent, body.page-our-blog #block-views-31afe2d695abe6bb575289bfd9eccc30 a#popular_btn_popular, body.page-our-blog #block-views-0936e11a1e239a7d657a3b12c2ff47b7 a#recent_btn_recent { color: #666666; cursor: default; text-decoration: underline; } .health-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd ul li.views-row, .our-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd ul li.views-row, .our-blog #block-views-9980654258968c57e2c3af7112360099 ul li.views-row, body.page-search #block-system-main .view-display-id-block_1 ul li.views-row, body.page-search #block-system-main .view-display-id-block_2 ul li.views-row, body.page-our-blog #block-views-b6a91ea1995c6ca4d5d08e42f3edf724 ul li.views-row, body.page-our-blog #block-views-f2e62f5b2b734feefbb2898ca122da97 ul li.views-row, body.page-our-blog #block-views-31afe2d695abe6bb575289bfd9eccc30 ul li.views-row, body.page-our-blog #block-views-0936e11a1e239a7d657a3b12c2ff47b7 ul li.views-row { background-image: url("../images/articles/recent-article.png"); display: block; float: left; font-size: 10px; height: 312px; margin: 5px 2px 0; overflow: hidden; padding: 0; width: 210px; position: relative; } .health-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd ul li.views-row .views-field-field-article-image, .health-blog #block-views-9980654258968c57e2c3af7112360099 ul li.views-row .views-field-field-article-image, .our-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd ul li.views-row .views-field-field-article-image, .our-blog #block-views-9980654258968c57e2c3af7112360099 ul li.views-row .views-field-field-article-image, body.page-search .view-display-id-block_1 ul li.views-row .views-field-field-article-image, body.page-search .view-display-id-block_2 ul li.views-row .views-field-field-article-image, body.page-our-blog #block-views-b6a91ea1995c6ca4d5d08e42f3edf724 ul li.views-row .views-field-field-article-image, body.page-our-blog #block-views-f2e62f5b2b734feefbb2898ca122da97 ul li.views-row .views-field-field-article-image, body.page-our-blog #block-views-31afe2d695abe6bb575289bfd9eccc30 ul li.views-row .views-field-field-article-image, body.page-our-blog #block-views-0936e11a1e239a7d657a3b12c2ff47b7 ul li.views-row .views-field-field-article-image { overflow: hidden; padding: 21px 8px 0; width: 185px; } .health-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd ul li.views-row .views-field-title, .health-blog #block-views-9980654258968c57e2c3af7112360099 ul li.views-row .views-field-title, .our-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd ul li.views-row .views-field-title, .our-blog #block-views-9980654258968c57e2c3af7112360099 ul li.views-row .views-field-title, body.page-search .view-display-id-block_1 ul li.views-row .views-field-title, body.page-search .view-display-id-block_2 ul li.views-row .views-field-title, body.page-our-blog #block-views-b6a91ea1995c6ca4d5d08e42f3edf724 ul li.views-row .views-field-title, body.page-our-blog #block-views-f2e62f5b2b734feefbb2898ca122da97 ul li.views-row .views-field-title, body.page-our-blog #block-views-31afe2d695abe6bb575289bfd9eccc30 ul li.views-row .views-field-title, body.page-our-blog #block-views-0936e11a1e239a7d657a3b12c2ff47b7 ul li.views-row .views-field-title { color: #0089D0; font: normal 15px Arial; padding: 1px 14px; } .health-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd ul li.views-row .views-field-title a, .health-blog #block-views-9980654258968c57e2c3af7112360099 ul li.views-row .views-field-title a, .our-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd ul li.views-row .views-field-title a, .our-blog #block-views-9980654258968c57e2c3af7112360099 ul li.views-row .views-field-title a, body.page-search .view-display-id-block_1 ul li.views-row .views-field-title a, body.page-search .view-display-id-block_2 ul li.views-row .views-field-title a, body.page-our-blog #block-views-b6a91ea1995c6ca4d5d08e42f3edf724 ul li.views-row .views-field-title a, body.page-our-blog #block-views-f2e62f5b2b734feefbb2898ca122da97 ul li.views-row .views-field-title a, body.page-our-blog #block-views-31afe2d695abe6bb575289bfd9eccc30 ul li.views-row .views-field-title a, body.page-our-blog #block-views-0936e11a1e239a7d657a3b12c2ff47b7 ul li.views-row .views-field-title a { color: #0089D0; display: block; height: 30px; line-height: 15px; margin: 3px 0; } .health-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd ul li.views-row .views-field-field-expert, .health-blog #block-views-9980654258968c57e2c3af7112360099 ul li.views-row .views-field-field-expert, .our-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd ul li.views-row .views-field-field-expert, .our-blog #block-views-9980654258968c57e2c3af7112360099 ul li.views-row .views-field-field-expert, body.page-search .view-display-id-block_1 ul li.views-row .views-field-field-expert, body.page-search .view-display-id-block_2 ul li.views-row .views-field-field-expert, body.page-our-blog #block-views-b6a91ea1995c6ca4d5d08e42f3edf724 ul li.views-row .views-field-field-expert, body.page-our-blog #block-views-f2e62f5b2b734feefbb2898ca122da97 ul li.views-row .views-field-field-expert, body.page-our-blog #block-views-31afe2d695abe6bb575289bfd9eccc30 ul li.views-row .views-field-field-expert, body.page-our-blog #block-views-0936e11a1e239a7d657a3b12c2ff47b7 ul li.views-row .views-field-field-expert { padding: 0 14px; color: #000000; font-style: italic; font-weight: bold; } .health-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd ul li.views-row .views-field-body, .health-blog #block-views-9980654258968c57e2c3af7112360099 ul li.views-row .views-field-body, .our-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd ul li.views-row .views-field-body, .our-blog #block-views-9980654258968c57e2c3af7112360099 ul li.views-row .views-field-body, body.page-search .view-display-id-block_1 ul li.views-row .views-field-body, body.page-search .view-display-id-block_2 ul li.views-row .views-field-body, body.page-our-blog #block-views-b6a91ea1995c6ca4d5d08e42f3edf724 ul li.views-row .views-field-body, body.page-our-blog #block-views-f2e62f5b2b734feefbb2898ca122da97 ul li.views-row .views-field-body, body.page-our-blog #block-views-31afe2d695abe6bb575289bfd9eccc30 ul li.views-row .views-field-body, body.page-our-blog #block-views-0936e11a1e239a7d657a3b12c2ff47b7 ul li.views-row .views-field-body { height: 29px; padding: 4px 14px; } .health-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd ul li.views-row .views-field-body p, .health-blog #block-views-9980654258968c57e2c3af7112360099 ul li.views-row .views-field-body p, .our-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd ul li.views-row .views-field-body p, .our-blog #block-views-9980654258968c57e2c3af7112360099 ul li.views-row .views-field-body p, body.page-search .view-display-id-block_1 ul li.views-row .views-field-body p, body.page-search .view-display-id-block_2 ul li.views-row .views-field-body p, body.page-our-blog #block-views-b6a91ea1995c6ca4d5d08e42f3edf724 ul li.views-row .views-field-body p, body.page-our-blog #block-views-f2e62f5b2b734feefbb2898ca122da97 ul li.views-row .views-field-body p, body.page-our-blog #block-views-31afe2d695abe6bb575289bfd9eccc30 ul li.views-row .views-field-body p, body.page-our-blog #block-views-0936e11a1e239a7d657a3b12c2ff47b7 ul li.views-row .views-field-body p { line-height: 15px; } .health-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd ul li.views-row .views-field-view-node, .health-blog #block-views-9980654258968c57e2c3af7112360099 ul li.views-row .views-field-view-node, .our-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd ul li.views-row .views-field-view-node, .our-blog #block-views-9980654258968c57e2c3af7112360099 ul li.views-row .views-field-view-node, body.page-our-blog #block-views-b6a91ea1995c6ca4d5d08e42f3edf724 ul li.views-row .views-field-view-node, body.page-our-blog #block-views-f2e62f5b2b734feefbb2898ca122da97 ul li.views-row .views-field-view-node, body.page-our-blog #block-views-31afe2d695abe6bb575289bfd9eccc30 ul li.views-row .views-field-view-node, body.page-our-blog #block-views-0936e11a1e239a7d657a3b12c2ff47b7 ul li.views-row .views-field-view-node { background: url("../images/general/right-arrow.png") no-repeat scroll 0 1px transparent; bottom: 26px; left: 17px; margin-top: 10px; padding: 3px 0 0 9px; position: absolute; z-index: 200; } .health-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd ul li.views-row .views-field-view-node a, .health-blog #block-views-9980654258968c57e2c3af7112360099 ul li.views-row .views-field-view-node a, .our-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd ul li.views-row .views-field-view-node a, .our-blog #block-views-9980654258968c57e2c3af7112360099 ul li.views-row .views-field-view-node a, body.page-search .view-display-id-block_1 ul li.views-row .views-field-view-node a, body.page-search .view-display-id-block_2 ul li.views-row .views-field-view-node a, body.page-our-blog #block-views-b6a91ea1995c6ca4d5d08e42f3edf724 ul li.views-row .views-field-view-node a, body.page-our-blog #block-views-f2e62f5b2b734feefbb2898ca122da97 ul li.views-row .views-field-view-node a, body.page-our-blog #block-views-31afe2d695abe6bb575289bfd9eccc30 ul li.views-row .views-field-view-node a, body.page-our-blog #block-views-0936e11a1e239a7d657a3b12c2ff47b7 ul li.views-row .views-field-view-node a { color: #0089CF; font: bold 11px Arial; position: relative; text-transform: uppercase; top: -4px; padding: 0; } .health-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd .view-header a#popular_btn_popular, .health-blog #block-views-9980654258968c57e2c3af7112360099 .view-header a#recent_btn_recent, .our-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd .view-header a#popular_btn_popular, .our-blog #block-views-9980654258968c57e2c3af7112360099 .view-header a#recent_btn_recent { color: #666666; text-decoration: underline; text-transform: uppercase; font-style: italic !important; cursor: default; } .health-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd .view-header a#popular_btn_recent, .health-blog #block-views-9980654258968c57e2c3af7112360099 .view-header a#recent_btn_popular, .our-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd .view-header a#popular_btn_recent, .our-blog #block-views-9980654258968c57e2c3af7112360099 .view-header a#recent_btn_popular { color: #0089D0; font-size: 14px; text-transform: uppercase; font-style: italic; } /* Fixs */ body.page-search .view-display-id-block_1, body.page-search .view-display-id-block_2 { width: 855px; margin-left: -8px; * width: 650px; } .health-blog .clear-float, .our-blog .clear-float { margin-left: 0; } .health-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd .view-header, .health-blog #block-views-9980654258968c57e2c3af7112360099 .view-header, .our-blog #block-views-d88bccdc665b12d4f28ec1edad43bdbd .view-header, .our-blog #block-views-9980654258968c57e2c3af7112360099 .view-header { position: relative !important; /* margin-left: 240px !important; */ } body.page-search .view-display-id-block_1 .view-header, body.page-search .view-display-id-block_2 .view-header { margin-left: 209px; * margin-left: 8px; } .our-blog .clear-float { clear: none; background-color: transparent; background-image: url("../images/articles/articles_bar.png"); background-position: 0 23px; background-repeat: no-repeat; height: 40px; } .health-blog ul.pager, .our-blog ul.pager { clear: none !important; } body.page-search .view-display-id-block_1 ul li.views-row .views-field-view-node, body.page-search .view-display-id-block_2 ul li.views-row .views-field-view-node { background: url("../images/general/right-arrow.png") no-repeat scroll 0 1px transparent; left: 17px; margin-top: 10px; bottom: 24px; padding: 3px 0 0 9px; position: absolute; z-index: 200; } /* [End Of] Most popular/Most Recent 3 box Model */ /* List Articles Model */ #block-views-c3404e354e80af36761cc7f466ac3e36 { clear: both; position: relative; } #block-views-d88bccdc665b12d4f28ec1edad43bdbd .view-header, #block-views-9980654258968c57e2c3af7112360099 .view-header, #block-views-c3404e354e80af36761cc7f466ac3e36 .view-header { z-index: 100; margin-top: 10px; height: 15px; } /* margin sup of list */ #block-views-d88bccdc665b12d4f28ec1edad43bdbd .view-header p, #block-views-9980654258968c57e2c3af7112360099 .view-header p, #block-views-c3404e354e80af36761cc7f466ac3e36 .view-header p { padding: 5px 0 20px 0; } #block-views-c3404e354e80af36761cc7f466ac3e36 .view-header a#recent_btn_recent { color: #666666; text-decoration: underline; text-transform: uppercase; font-style: italic !important; } #block-views-c3404e354e80af36761cc7f466ac3e36 .view-header a#recent_btn_popular { color: #0089D0; font-size: 14px; text-transform: uppercase; font-style: italic; } #block-views-d88bccdc665b12d4f28ec1edad43bdbd .view-content .views-field-title a, #block-views-9980654258968c57e2c3af7112360099 .view-content .views-field-title a, #block-views-c3404e354e80af36761cc7f466ac3e36 .view-content .views-field-title a { color: #0089D0; font: normal 25px Arial; text-transform: none; width: 608px; } #block-views-d88bccdc665b12d4f28ec1edad43bdbd .view-content .views-field-field-expert, #block-views-9980654258968c57e2c3af7112360099 .view-content .views-field-field-expert, #block-views-c3404e354e80af36761cc7f466ac3e36 .view-content .views-field-field-expert { color: #333333; font: bold 12px Arial; font-style: italic; padding-top: 5px; } #block-views-d88bccdc665b12d4f28ec1edad43bdbd .view-content .views-field-body, #block-views-9980654258968c57e2c3af7112360099 .view-content .views-field-body, #block-views-c3404e354e80af36761cc7f466ac3e36 .view-content .views-field-body, #block-views-c3404e354e80af36761cc7f466ac3e36 .view-content .views-field-field-article-teaser, #block-views-9980654258968c57e2c3af7112360099 .view-content .views-field-field-article-teaser { padding: 12px 0; } #block-views-d88bccdc665b12d4f28ec1edad43bdbd .view-content .views-field-view-node, #block-views-9980654258968c57e2c3af7112360099 .view-content .views-field-view-node, #block-views-c3404e354e80af36761cc7f466ac3e36 .view-content .views-field-view-node { background: url("../images/general/right-arrow.png") no-repeat scroll 0 0 transparent; float: left; padding: 1px 0 0 9px; text-transform: uppercase; position: relative; } #block-views-d88bccdc665b12d4f28ec1edad43bdbd .view-content .views-field-view-node a, #block-views-9980654258968c57e2c3af7112360099 .view-content .views-field-view-node a, #block-views-c3404e354e80af36761cc7f466ac3e36 .view-content .views-field-view-node a { color: #0089CF; font-size: 11px; font-weight: bold; position: relative; text-transform: uppercase; top: -3px; } #block-views-d88bccdc665b12d4f28ec1edad43bdbd .view-content .views-row, #block-views-9980654258968c57e2c3af7112360099 .view-content .views-row, #block-views-c3404e354e80af36761cc7f466ac3e36 .view-content .views-row { border-bottom: 1px dotted #555555; display: block; margin-right: 18px; overflow: hidden; padding: 18px 0; } /* Fixs */ body.page-taxonomy-term #block-views-8d1f69f540555b9f4052775e29be4778 { top: 40px !important; } body.page-taxonomy-term #block-views-8d1f69f540555b9f4052775e29be4778 .view-health-center-external-articles { background-image: url("../images/articles/articles_bar.png") !important; background-repeat: no-repeat !important; background-position: top left !important; } #block-views-c3404e354e80af36761cc7f466ac3e36 .item-list ul.pager { position: relative; } /* [End Of] List Articles Model */ #block-views-9980654258968c57e2c3af7112360099 { position: relative; top: -30px; } /* WHATS INSIDE BY PRODUCTS */ body.page-whats-inside-products #block-system-main { margin: 0 5px 20px 5px; } body.page-whats-inside-products .view-display-id-what_inside_product_line_up_block { padding: 25px 0 0 50px; } body.page-whats-inside-products .view-display-id-what_inside_product_line_up_block .view-display-id-whats_inside_products .views-field-title, body.page-whats-inside-products .view-display-id-what_inside_product_line_up_block .view-display-id-whats_inside_products .views-field-field-text { width: 330px; float: right; text-align: justify; padding-right: 15px; } body.page-whats-inside-products .view-display-id-what_inside_product_line_up_block .view-display-id-whats_inside_products .views-field-field-text h1 { clear: none; text-align: left; padding-top: 20px; border-bottom: 1px solid #CCC; letter-spacing: -1px; } body.page-whats-inside-products .view-display-id-what_inside_product_line_up_block .view-display-id-whats_inside_products .views-field-field-text .field-content { padding: 10px 0; } body.page-whats-inside-products .view-display-id-what_inside_product_line_up_block .view-display-id-whats_inside_products .views-field-field-text .ingredients-table { padding: 10px 0; } body.page-whats-inside-products .view-display-id-what_inside_product_line_up_block .view-display-id-whats_inside_products .views-field-field-text .ingredients-table p { height: 18px; } body.page-whats-inside-products .view-display-id-what_inside_product_line_up_block .view-display-id-whats_inside_products .views-field-field-text .ingredients-table .ingredients { padding: 2px 0; border-bottom: 1px dotted #CCC; } body.page-whats-inside-products .view-display-id-what_inside_product_line_up_block .view-display-id-whats_inside_products .views-field-field-text .ingredients-table .ingredients .percentage { float: right; } body.page-whats-inside-products .view-display-id-what_inside_product_line_up_block .view-display-id-whats_inside_products .views-field-field-text .ingredients-table .ingredients .ingredient_name { float: left; } body.page-whats-inside-products .view-display-id-what_inside_product_line_up_block .view-display-id-whats_inside_products .views-field-field-text .ingredients-table .ingredients .percentage_two { float: right; width: 75px; text-align: center; } body.page-whats-inside-products .view-display-id-what_inside_product_line_up_block .view-display-id-whats_inside_products .views-field-field-text .ingredients-table .ingredients_title { padding: 2px; border-bottom: 1px solid #CCC; font-weight: bold; text-transform: uppercase; color: #666; margin: 5px 0; } body.page-whats-inside-products .view-display-id-what_inside_product_line_up_block .view-display-id-whats_inside_products .views-field-field-text .ingredients-table .ingredients_title .percentage { float: right; } body.page-whats-inside-products .view-display-id-what_inside_product_line_up_block .view-display-id-whats_inside_products .views-field-field-text .ingredients-table .ingredients_title .ingredient_name { float: left; } body.page-whats-inside-products .view-display-id-what_inside_product_line_up_block .view-display-id-whats_inside_products .views-field-field-text .ingredients-table .declaration { width: 100%; height: 50px; } body.page-whats-inside-products .view-display-id-what_inside_product_line_up_block .view-display-id-whats_inside_products .views-field-field-text .ingredients-table .declaration .percentage_two { float: right; width: 75px; text-transform: uppercase; font-size: 10px; text-align: center; } body.page-whats-inside-products .view-display-id-what_inside_product_line_up_block .view-display-id-whats_inside_products .views-field-title a { font-family: 'CenturyGothic', Arial, serif; font-size: 19px; padding: 10px 0 5px 0; display: block; border-bottom: 1px solid #CCC; } body.page-whats-inside-products .view-display-id-what_inside_product_line_up_block .view-display-id-whats_inside_products .ingredients-by-products-product-image { text-align: center; } body.page-whats-inside-products .view-display-id-what_inside_product_line_up_block .view-display-id-whats_inside_products .views-field-field-product-image-whats-inside { width: 489px; height: 489px; background-image: url("../images/general/bkg/bkg-wheel-shadow.png"); float: left; margin-left: 10px; position: relative; } body.page-whats-inside-products .view-display-id-what_inside_product_line_up_block .view-display-id-whats_inside_products .views-field-field-product-image-whats-inside img { display: block; position: relative; top: 8px; left: 14px; } body.page-whats-inside-products .view-display-id-what_inside_product_line_up_block .view-display-id-whats_inside_products .views-row { clear: both; display: none; } body.page-whats-inside-products .view-display-id-what_inside_product_line_up_block .view-display-id-whats_inside_products .view-footer { text-align: center; font-size: 30px; font-family: "CenturyGothic", Arial, serif; color: #666; letter-spacing: -1px; } body.page-whats-inside-products .view-display-id-what_inside_product_line_up_block .ingredients-table p a { color: #0089DF; font: bold 11px Arial !important; } body.page-whats-inside-ingredients .view-id-what_inside { width: 329px; border-left: 1px solid #e5e5e5; padding-left: 17px; } body.page-whats-inside-ingredients .by_ingredients_body h2 { font-weight: bold; text-transform: uppercase; } body.page-whats-inside-ingredients .view-id-what_inside .views-field-field-details .what-is-it, body.page-whats-inside-ingredients .view-id-what_inside .views-field-field-details .why-do-i-need-it, body.page-whats-inside-ingredients .view-id-what_inside .views-field-field-details .where-do-i-get-it, body.page-whats-inside-ingredients .view-id-what_inside .views-field-field-details .which-centrum-has-it { padding: 9px 0; text-align: justify; } body.page-whats-inside-ingredients .view-id-what_inside .views-field-field-details .which-centrum-has-it p { display: none; } body.page-whats-inside-ingredients .view-id-what_inside .products-percentage table.products-percentage { width: 330px; margin: 0; padding: 0; } table.products-percentage td { width: 110px; height: 180px; } #whats_inside_fortune_wheel { width: 478px; height: 477px; background-image: url("../images/general/ingredient_wheel_with_logo.png"); } body.page-whats-inside-ingredients .region-content .block-block-49 { width: 480px; float: left; position: relative; padding: 103px 0 0 15px; } /* IE Hack structure */ *:first-child + html body.page-whats-inside-ingredients .block-block-49 .content { margin-top: -16px; } /* IE7 */ /* [End of] Hack structure */ body.page-whats-inside-ingredients .region-content .block-block-49 #btn_left, body.page-whats-inside-ingredients .region-content .block-block-49 #btn_right, body.page-whats-inside-ingredients .region-content .block-block-49 #btn_random { text-indent: -1000px; overflow: hidden; } body.page-whats-inside-ingredients .region-content .block-block-49 #btn_left { background: url("../images/general/prev.gif") no-repeat left top; width: 91px; height: 48px; display: block; position: absolute; top: 40px; left: 21px; cursor: pointer; } body.page-whats-inside-ingredients .region-content .block-block-49 #btn_right { background: url("../images/general/next.gif") no-repeat 1px top; width: 94px; height: 48px; display: block; position: absolute; top: 40px; right: 0; cursor: pointer; } body.page-whats-inside-ingredients .region-content .block-block-49 #btn_random { background: url("../images/general/btn/random_sp.png") no-repeat scroll 0 0; cursor: pointer; height: 121px; left: 197px; position: absolute; top: 285px; width: 121px; z-index: 50; } /* IE8 and IE9 */ /* IE7 only */ *:first-child + html body.page-whats-inside-ingredients .region-content .block-block-49 #btn_random { background: url("../images/general/btn/random_sp.gif") no-repeat scroll 3px 3px; } body.page-whats-inside-ingredients .region-content .block-block-49 #whats_inside_shine { background: url("../images/general/shine.png") no-repeat scroll left top transparent; height: 243px; left: 207px; position: absolute; top: 79px; width: 87px; } body.page-whats-inside-ingredients .region-content .block-block-49 #arrow-selector-ingredient { background: url("../images/general/arrow_selected.gif") no-repeat scroll 0 0 transparent; height: 119px; left: 193px; position: absolute; top: -14px; width: 121px; } body.page-whats-inside-ingredients .region-content .block-block-49 #btn_random_disable { display: none; } body.page-whats-inside-ingredients .region-content > #block-system-main { float: right; margin: 10px 25px 20px 0; } body.page-whats-inside-ingredients .region-content .block-block-50 h2 { font: normal 24px Arial; width: 488px; padding: 0 0 0 10px; text-align: center; } body.page-whats-inside-ingredients #content { position: relative; } body.page-whats-inside-ingredients #content .block-block-50 { position: absolute; top: 10px; left: 0; } body.page-whats-inside-ingredients .view-id-what_inside .view-content h3 { border: 0 none; color: #22A7D3; font: bold 26px 'CenturyGothic'; left: 113px; margin: 0 !important; position: absolute; text-align: center; text-transform: uppercase; top: 40px; width: 285px; } body.page-whats-inside-ingredients .view-id-what_inside .view-header .by_ingredients_menu { font-weight: bold; padding-bottom: 20px; position: absolute; right: -77px; text-transform: uppercase; top: -41px; width: 400px; } body.page-whats-inside-ingredients .view-id-what_inside .view-header .by_ingredients_menu span { color: #09AAE6; padding: 0 5px; } body.page-whats-inside-ingredients .view-id-what_inside .view-header .by_ingredients_menu a span { color: #797979; text-decoration: underline; } /* WHAT IS IT */ body.page-whats-inside-ingredients .what-is-it h1, body.page-whats-inside-ingredients .what-is-it h2 { font: normal 25px 'CenturyGothic'; margin: 0; text-align: left; } body.page-whats-inside-ingredients .what-is-it, body.page-whats-inside-ingredients .why-do-i-need-it, body.page-whats-inside-ingredients .where-do-i-get-it, body.page-whats-inside-ingredients .which-centrum-has-it, body.page-whats-inside-ingredients .products-percentage { padding: 10px 0; border: 0; } body.page-whats-inside-ingredients .why-do-i-need-it, body.page-whats-inside-ingredients .where-do-i-get-it, body.page-whats-inside-ingredients .which-centrum-has-it { border-top: 1px dotted #7d7d7d; } body.page-whats-inside-ingredients a.more, body.page-whats-inside-ingredients a.less { display: block; text-align: right; text-transform: uppercase; color: #0089df; font: bold 11px Arial !important; margin-top: 8px; } body.page-whats-inside-ingredients .view-what-inside li, body.page-whats-inside-ingredients .view-what-inside p { font: normal 13px Arial; margin: 8px 0; } body.page-whats-inside-ingredients .view-what-inside ul { margin-left: 14px; } body.page-whats-inside-ingredients .view-what-inside ul li { list-style-type: disc; } body.page-whats-inside-ingredients .view-what-inside table td { padding: 3px; border: solid 1px #ccc; } body.page-whats-inside-ingredients table.products-percentage { margin-top: -5px !important; } body.page-whats-inside-ingredients table.products-percentage td { border: 0; padding: 2px 2px 25px 2px; vertical-align: top; } body.page-whats-inside-ingredients table.products-percentage a.product-image { text-align: center; position: relative; height: 122px; } body.page-whats-inside-ingredients table.products-percentage a.product-image img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } body.page-whats-inside-ingredients table.products-percentage a.product-name { height: 44px; text-align: center; font-size: 12px; } body.page-whats-inside-ingredients table td a { display: block; color: #00abeb; } /* Jquerytransform */ body.page-whats-inside-ingredients .view-select-ingredients .jqTransformSelectWrapper { background-color: transparent; background-image: url("../images/articles/so_search.png"); background-repeat: no-repeat; height: 43px; padding: 0; width: 260px; margin-top: 0; } body.page-whats-inside-ingredients .view-select-ingredients .jqTransformSelectWrapper div span { color: #4C4C4C; cursor: pointer; float: none; font-size: 108%; font-style: normal; height: 18px; outline: medium none; padding: 12px 0 0 10px; position: absolute; text-transform: uppercase; white-space: nowrap; width: 245px; line-height: 19px; overflow: hidden; } body.page-whats-inside-ingredients .view-select-ingredients .jqTransformSelectWrapper ul li a { font-size: 13px; } body.page-whats-inside-ingredients .view-select-ingredients .jqTransformSelectWrapper div > span { display: block; } body.page-whats-inside-ingredients .view-select-ingredients .jqTransformSelectWrapper a.jqTransformSelectOpen { background: url("../images/articles/so_search_btn.png") no-repeat scroll 0 0 transparent; display: block; height: 45px; outline: medium none; position: absolute; right: -39px; top: -1px; width: 39px; } body.page-whats-inside-ingredients .view-select-ingredients .jqTransformSelectWrapper ul { background-color: #FFFFFF; border: 1px solid #CCCCCC; display: block; left: 0; list-style: none outside none; margin: 0; position: absolute; top: 39px; width: 293px !important; z-index: 999; height: 400px; overflow-x: hidden; overflow-y: auto; } body.page-whats-inside-ingredients .view-select-ingredients .jqTransformSelectWrapper li { display: block; margin: 0 auto; overflow: hidden; text-transform: uppercase; width: 100%; } body.page-whats-inside-ingredients .buy-menu .jqTransformSelectWrapper { background: url("../images/general/sprite-btns.png") no-repeat scroll -5px -317px transparent !important; height: 27px; padding: 5px 9px 0; width: 150px; margin-top: 0; float: left; } body.page-whats-inside-ingredients .buy-menu .jqTransformSelectWrapper div span { color: #4C4C4C; cursor: pointer; float: none; font-size: 75%; height: 18px; outline: none; padding: 5px 0 0 0; position: absolute; text-transform: inherit; white-space: nowrap; width: 133px; line-height: 19px; overflow: hidden; font-style: italic; } body.page-whats-inside-ingredients .buy-menu .jqTransformSelectWrapper a.jqTransformSelectOpen { background: url("../images/general/sprite-btns.png") no-repeat scroll -514px -7px transparent; display: block; height: 21px; outline: none; position: absolute; right: 5px; top: 7px; width: 20px; } body.page-whats-inside-ingredients .buy-menu .jqTransformSelectWrapper ul { background-color: #FFFFFF; border: 1px solid #CCCCCC; display: block; left: 4px; font-family: Arial, Helvetica, sans-serif; list-style: none outside none; margin: 0; height: 465px !important; position: absolute; top: 30px; width: 158px !important; z-index: 999; } body.page-whats-inside-ingredients .buy-menu .jqTransformSelectWrapper ul li a { font-size: 11px; } /* Centrum Wheel center */ body.page-whats-inside-ingredients #wheel-center { left: 198px; position: absolute; top: 287px; } #free-sample { width: 1064px; background: url("../images/general/bkg/bkg-body.png") repeat-y scroll 0 0 transparent; margin: 0 auto; } #free-sample .region-free-sample { width: 960px; margin: 0 auto; border-top: solid 15px #000000; } #free-sample .region-free-sample .block-block-55 { height: 120px; width: 958px; margin: 0 auto; background: url("../images/general/bkg/background_blue_banner.png") repeat-x left top; position: relative; } #free-sample .region-free-sample .block-block-55 img.sample-image-fb { position: absolute; top: -6px; left: 80px; } #free-sample .region-free-sample .block-block-55 h2 { font-family: 'CenturyGothic', Arial, serif; font-size: 23px; color: #ffffff; position: absolute; top: 24px; left: 185px; margin: 0; } #free-sample .region-free-sample .block-block-55 h2 strong { font-family: 'CenturyGothicBold'; font-weight: normal; } #free-sample .region-free-sample .block-block-55 p.centrum-flavor-burst-subtitle { color: #FFFFFF; font-size: 14px; left: 185px; line-height: 15px; position: absolute; top: 63px; } #free-sample .region-free-sample .block-block-55 a { background: url("../images/blocks/sample_btn.png") repeat scroll 0 0 transparent; bottom: 30px; color: #FFFFFF; font-size: 11px; font-weight: bold; height: 28px; padding: 12px 0 0 18px; position: absolute; right: 53px; width: 136px; } .free-sample-opener img.opener-icon { position: relative; left: 10px; top: -3px; } .free-sample-opener { background: url("../images/general/bar_sample_btn.png") no-repeat scroll 58px top transparent; height: 23px; position: absolute; right: 0; width: 960px; } .free-sample-opener a { background: url("../images/general/open_sample_btn.png") no-repeat scroll 0 top transparent; color: #EC8D1C; float: right; font-family: 'CenturyGothicItalicBold'; font-size: 14px; height: 20px; padding-left: 31px; width: 234px; cursor: pointer; } /** * Less variables and mixinst **/ /* Variables */ /* Sweepstakes Webform */ .titulos-webform { background: url("../images/general/bkg/webform_title.png") no-repeat 25px 0 transparent; padding: 0 0 0 25px; font-family: 'CenturyGothicBold'; text-transform: uppercase; font-size: 14px; color: #666; font-style: italic; clear: both; font-weight: normal; } .centrum---flavor-burst---sweepstakes .sweepstakes_rules, .centrum-flavor-burst-taste-and-tell-sweepstakes .sweepstakes_rules { position: absolute; left: 30px; top: 435px; } .centrum---flavor-burst---sweepstakes .sweepstakes_rules a, .centrum-flavor-burst-taste-and-tell-sweepstakes .sweepstakes_rules a { text-decoration: underline; color: #777; } .centrum---flavor-burst---sweepstakes #webform-component-field-sweepstakes-dob .jqTransformSelectWrapper, .centrum-flavor-burst-taste-and-tell-sweepstakes #webform-component-field-sweepstakes-dob .jqTransformSelectWrapper { background: url("../images/general/sprite-btns.png") no-repeat scroll -345px -401px transparent; margin-right: 9px; } .flavor-burst-sweepstakes-decomission .ui-dialog.product-labeling-dialog { top: 260px !important; } .centrum---flavor-burst---sweepstakes .block-block-60, .centrum-flavor-burst-taste-and-tell-sweepstakes .block-block-60, .flavor-burst-sweepstakes-decomission .block-block-60 { display: none; font-size: 11px; } .centrum---flavor-burst---sweepstakes .block-block-60 span.txt-center, .centrum-flavor-burst-taste-and-tell-sweepstakes .block-block-60 span.txt-center, .flavor-burst-sweepstakes-decomission .block-block-60 span.txt-center { text-align: center; font-weight: bold; } .centrum---flavor-burst---sweepstakes .block-block-60 .ui-widget-content a, .centrum-flavor-burst-taste-and-tell-sweepstakes .block-block-60 .ui-widget-content a, .flavor-burst-sweepstakes-decomission .block-block-60 .ui-widget-content a { color: #0089cf !important; } .centrum---flavor-burst---sweepstakes #sweepstakes-form .header .form-item, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form .header .form-item { height: 110px; } .centrum---flavor-burst---sweepstakes #sweepstakes-form .header .form-item h2, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form .header .form-item h2 { background: none; font-family: 'CenturyGothic', Arial, serif; color: #666; font-size: 24px; text-transform: none; line-height: 28px; font-weight: normal; padding: 5px 0 0 25px; } .centrum---flavor-burst---sweepstakes #sweepstakes-form .header .form-item h2 strong, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form .header .form-item h2 strong { font-family: "CenturyGothicBold"; font-weight: normal; } .centrum---flavor-burst---sweepstakes #sweepstakes-form .header .form-item p, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form .header .form-item p { padding: 20px 0 0 27px; font-size: 13px; } .centrum---flavor-burst---sweepstakes #sweepstakes-form .sweepstakes-form-page, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form .sweepstakes-form-page { margin-top: 25px; } .centrum---flavor-burst---sweepstakes #sweepstakes-form .sweepstakes-form-page h1, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form .sweepstakes-form-page h1 { background: url("../images/general/bkg/webform_title.png") no-repeat 25px 0 transparent; padding: 0 0 0 25px; font-family: 'CenturyGothicBold'; text-transform: uppercase; font-size: 14px; color: #666; font-style: italic; clear: both; font-weight: normal; } .centrum---flavor-burst---sweepstakes #sweepstakes-form #webform-sweepstakes-form h2, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form #webform-sweepstakes-form h2 { background: url("../images/general/bkg/webform_title.png") no-repeat 25px 0 transparent; padding: 0 0 0 25px; font-family: 'CenturyGothicBold'; text-transform: uppercase; font-size: 14px; color: #666; font-style: italic; clear: both; font-weight: normal; } .centrum---flavor-burst---sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-right-fields label, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-right-fields label { width: 100px; } .centrum---flavor-burst---sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-right-fields .pos-date .webform-component-select, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-right-fields .pos-date .webform-component-select { float: left; } .centrum---flavor-burst---sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-right-fields .pos-date .jqTransformSelectWrapper, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-right-fields .pos-date .jqTransformSelectWrapper { width: 80px; } .centrum---flavor-burst---sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-right-fields .pos-date .jqTransformSelectWrapper span, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-right-fields .pos-date .jqTransformSelectWrapper span { width: 66px; } .centrum---flavor-burst---sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-right-fields .pos-date .jqTransformSelectWrapper ul, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-right-fields .pos-date .jqTransformSelectWrapper ul { width: 74px !important; } .centrum---flavor-burst---sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-right-fields .pos-date .jqTransformSelectWrapper ul li, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-right-fields .pos-date .jqTransformSelectWrapper ul li { width: 77px; } .centrum---flavor-burst---sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-right-fields #webform-component-field-sweepstakes-gender .form-radios .form-type-radio, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-right-fields #webform-component-field-sweepstakes-gender .form-radios .form-type-radio, .centrum---flavor-burst---sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-right-fields #webform-component-sweepstakes-survey-gender .form-radios .form-type-radio, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-right-fields #webform-component-sweepstakes-survey-gender .form-radios .form-type-radio { float: left; width: 87px; } .centrum---flavor-burst---sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-right-fields #webform-component-field-sweepstakes-gender .form-radios .form-type-radio label.option, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-right-fields #webform-component-field-sweepstakes-gender .form-radios .form-type-radio label.option, .centrum---flavor-burst---sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-right-fields #webform-component-sweepstakes-survey-gender .form-radios .form-type-radio label.option, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-right-fields #webform-component-sweepstakes-survey-gender .form-radios .form-type-radio label.option { width: 40px; text-transform: none; font-style: italic; padding: 1px 0 0 5px; font-weight: normal; text-align: left; } .centrum---flavor-burst---sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-bottom-fields, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-bottom-fields { padding-top: 36px; position: relative; } .centrum---flavor-burst---sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-bottom-fields .webform-bottom-fields-left, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-bottom-fields .webform-bottom-fields-left { padding: 0 0 40px 40px; } .centrum---flavor-burst---sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-bottom-fields .webform-bottom-fields-left .webform-component-checkboxes, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-bottom-fields .webform-bottom-fields-left .webform-component-checkboxes { margin-bottom: 15px; } .centrum---flavor-burst---sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-bottom-fields .webform-bottom-fields-left label.option, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-bottom-fields .webform-bottom-fields-left label.option { display: block; width: 540px; text-align: left; text-transform: none; font-weight: normal; padding-left: 10px; line-height: 15px; } .centrum---flavor-burst---sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-bottom-fields .webform-bottom-fields-left label.option sup, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-bottom-fields .webform-bottom-fields-left label.option sup { line-height: 0; } .centrum---flavor-burst---sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-bottom-fields .webform-bottom-fields-left label, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form #webform-sweepstakes-form .webform-bottom-fields .webform-bottom-fields-left label { display: none; } .centrum---flavor-burst---sweepstakes #sweepstakes-form #webform-component-field-sweepstakes-capcha-header, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form #webform-component-field-sweepstakes-capcha-header, .centrum---flavor-burst---sweepstakes #sweepstakes-form #webform-component-sweepstakes-survey-capcha-header, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form #webform-component-sweepstakes-survey-capcha-header { padding: 15px 0 0 27px; } .centrum---flavor-burst---sweepstakes #sweepstakes-form #webform-component-field-sweepstakes-capcha-header a, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form #webform-component-field-sweepstakes-capcha-header a, .centrum---flavor-burst---sweepstakes #sweepstakes-form #webform-component-sweepstakes-survey-capcha-header a, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form #webform-component-sweepstakes-survey-capcha-header a { color: #0089d0; font-weight: bold; } .centrum---flavor-burst---sweepstakes #sweepstakes-form #webform-component-field-sweepstakes-capcha-bottom, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form #webform-component-field-sweepstakes-capcha-bottom, .centrum---flavor-burst---sweepstakes #sweepstakes-form #webform-component-sweepstakes-survey-capcha-bottom, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form #webform-component-sweepstakes-survey-capcha-bottom { display: none; } .centrum---flavor-burst---sweepstakes #sweepstakes-form .captcha, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form .captcha { padding: 0 0 0 10px; margin: 0 0 0 19px; } .centrum---flavor-burst---sweepstakes #sweepstakes-form .captcha .form-item-captcha-response .jqTransformInputWrapper input#edit-captcha-response, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form .captcha .form-item-captcha-response .jqTransformInputWrapper input#edit-captcha-response { font-style: italic; } .centrum---flavor-burst---sweepstakes #sweepstakes-form .captcha .form-type-textfield label, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form .captcha .form-type-textfield label { display: none; } .centrum---flavor-burst---sweepstakes #sweepstakes-form .captcha .reload-captcha-wrapper, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form .captcha .reload-captcha-wrapper { display: none; } .centrum---flavor-burst---sweepstakes #sweepstakes-form .captcha .form-item-captcha-response, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form .captcha .form-item-captcha-response { position: absolute; width: 600px; top: -15px; left: 140px; } .centrum---flavor-burst---sweepstakes #sweepstakes-form .captcha .form-item-captcha-response .description, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form .captcha .form-item-captcha-response .description { display: none; } .centrum---flavor-burst---sweepstakes #sweepstakes-form .form-actions, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form .form-actions { padding: 0; } .centrum---flavor-burst---sweepstakes #sweepstakes-form .form-actions input.form-submit, .centrum-flavor-burst-taste-and-tell-sweepstakes #sweepstakes-form .form-actions input.form-submit { margin-top: 5px; margin-left: 25px; } .centrum---flavor-burst---sweepstakes .block-block-59, .centrum-flavor-burst-taste-and-tell-sweepstakes .block-block-59 { background: url(../images/general/bkg/background_block_you_win.png) no-repeat left top; border: solid 1px #d1cece; height: 229px; padding: 16px 0 0 0; width: 220px; position: absolute; bottom: 783px; left: 660px; } /* You Could Win Block */ .you-could-win.block { background: url("../images/general/bkg/background_block_you_win.png") no-repeat left top; border: solid 1px #d1cece; height: 229px; padding: 16px 0 0 0; width: 220px; } .you-could-win.block h2 { display: none; } .you-could-win.block p { color: #666666; font-weight: bold; text-align: center; } .you-could-win.block .upper-size { font-size: 21px; } .you-could-win.block .could-win { font-family: 'CenturyGothicItalicBold'; font-weight: normal; margin-bottom: 15px; } .you-could-win.block .and { font: bold 15px Arial; line-height: 30px; } .you-could-win.block .big { font: bold 47px Arial; line-height: 52px; } .you-could-win.block .uss1 { color: #813e98; } .you-could-win.block .uss5 { color: #48a346; } /* Sweepstakes survey */ .survey-btn { background: url("../images/general/btn/centrum_survey_btn.png") no-repeat scroll left top transparent; color: #FFFFFF; cursor: pointer; display: block; font-weight: bold; height: 40px; padding: 0 5px; text-align: center; text-transform: uppercase; width: 90px; font-family: 'CenturyGothic', Arial, serif; padding-right: 6px; } .centrum-survey-questions form .form-item { height: auto; } .centrum-survey-questions #edit-actions { padding: 0; } .centrum-survey-questions #edit-next, .centrum-survey-questions #edit-previous { background: url("../images/general/btn/centrum_survey_btn.png") no-repeat scroll left top transparent; color: #FFFFFF; cursor: pointer; display: block; font-weight: bold; height: 40px; padding: 0 5px; text-align: center; text-transform: uppercase; width: 90px; font-family: 'CenturyGothic', Arial, serif; padding-right: 6px; border: 0; float: left; margin-left: -3px; } .centrum-survey-questions form { margin: 0 0 0 25px; width: 666px; } .centrum-survey-questions .webform-component label { display: block; width: 100%; text-transform: none; color: #0089d0; text-align: left; font: bold 24px Arial; margin: 45px 0 20px 0; float: none; } .centrum-survey-questions .webform-component .form-item { height: 27px; } .centrum-survey-questions .webform-component label.option { color: #5e5e5e; font: bold 15px Arial; display: block; float: left; width: 642px; margin: 0; } .centrum-survey-questions .webform-component input { float: left; margin-top: 3px; width: 20px; } .centrum-survey-questions .webform-component .form-radios { display: block; width: 100%; } .centrum-survey-questions form.webform-client-form #edit-actions { clear: both; display: block; padding: 0; margin: 0 0 60px 0; width: 100%; position: relative; top: 10px; } .centrum-survey-questions #block-social-network-actions-facebook-like-block-bottom { display: none; } .centrum-survey-questions #webform-component-sweepstakes-guideline, .centrum-survey-questions #webform-component-sweepstakes-guideline-2 { display: none; } .centrum-survey-questions table.webform-grid { float: left; } .centrum-survey-questions table.webform-grid label { display: none; margin: 0; } .centrum-survey-questions table.webform-grid td div { width: 95px; } .centrum-survey-questions table.webform-grid td div input { width: 20px; display: block; margin: 6px 43px; } .centrum-survey-questions table.webform-grid th.webform-grid-option { font: bold 15px Arial; color: #5e5e5e; text-align: center; } .centrum-survey-questions table.webform-grid td.webform-grid-question { font: bold 15px Arial; color: #5e5e5e; width: 160px; } /* Survey Thank You Pages L&F */ .thank-you-page-survey { width: 58%; } .thank-you-page-survey h2 { font-size: 20px; margin-bottom: 18px; } .thank-you-page-survey p { color: black; margin-bottom: 20px; width: 95%; } .thank-you-page-survey .callout-left { margin-right: 40px; } .thank-you-page-survey .callout-right, .thank-you-page-survey .callout-left { float: left; width: 39%; } .thank-you-page-survey .callout-right p, .thank-you-page-survey .callout-left p { color: #777777; margin-bottom: 10px; } .thank-you-page-survey .callout-right p span, .thank-you-page-survey .callout-left p span { color: #0089d0; font-weight: bold; } .thank-you-page-survey .callout-right a, .thank-you-page-survey .callout-left a { background: url("../images/blocks/sample_btn.png") repeat scroll -8px -8px transparent; color: white; display: block; font: bold 11px Arial !important; height: 25px; padding: 7px 7px 0 0; text-align: center; width: 139px; } #progress-bar { width: 400px; height: 22px; border: 1px solid #111; background-color: #292929; margin-left: 25px; } #progress-bar div { height: 100%; color: #fff; text-align: right; line-height: 22px; /* same as #progressBar height if we want text middle aligned */ width: 0; background-color: #0099ff; } body.node-type-sweepstakes-survey #wrapper-content-internal { position: relative; padding-bottom: 80px; } body.node-type-sweepstakes-survey .you-could-win { position: absolute; top: 3px; right: 38px; } #progress-bar { width: 296px; height: 37px; background: url("../images/general/bkg/bg-progress-bar.gif") 0 0 no-repeat; border: 0; position: relative; top: 26px; display: inline-block; } #progress-bar div { background: url("../images/general/bkg/bg-progress-bar-internal.gif") 0 0 repeat-x; height: 26px; left: 8px; line-height: 22px; max-width: 94.6%; position: absolute; text-align: right; top: 6px; } .field-type-text-with-summary p.progress { display: inline-block; float: left; padding: 36px 0 0 28px; width: 42px; font-size: 12px; } #webform-component-sweepstakes-guideline-3 { display: none; } /** * Print **/ body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, ol li, ul li, p, a, table, span { font-size: 12px; font-family: Arial; color: #000; } ol li { font-size: 9px; } body.health-center .article-content { font-size: 12px; } h1 { color: #0089D0; font-size: 16px; /* padding-top: 10px; */ } h3 { font-size: 14px; } a { color: #0089D0; } #article-tools, .top-corners, .bottom-corners, .articles-next-previous { display: none; } table { border: 1px solid #ccc; } table tr td { border-bottom: 1px dashed #ccc; padding: 10px; } table tr.last-row td { border-bottom: none; } /* Product details */ .product-details-wrapper .product-background, .product-info ul.available-in-tabs, .product-info .product-type-details.ui-tabs-hide, .product-info .product-labeling-wrapper, .product-info #tools, .product-info #social-networks { display: none; } .product-info .active-item { font-style: italic; font-size: 116%; } .product-image-wrapper { text-align: left; } .product-benefits h4 { text-transform: uppercase; } .product-benefits ul li { margin-top: 15px; float: left; padding: 0 5px 0 0; text-align: left; vertical-align: top; } .product-benefits table { border: none; } .product-benefits table tr td { border-bottom: none; padding: 10px; } ul.available-in-tabs, .slash-character { display: none; } .product-benefits-detail { clear: both; } .product-benefits ul li { list-style: none; } .product-benefits a.expand-handle { display: none; } ul.product-benefits-nav { list-style: none; display: none; } .product-benefits-detail ul li { clear: both; margin: 0; list-style: none; } /* end Product details */ /*Product Labeling*/ /* New Look Style*/ .newlook-top { padding: 0 25px 50px 37px; } .communication_tools { display: none; } #block-system-main { margin: 0 0 0 1px; } .view-display-id-page_1 .view-header .newlook-top { padding: 0 25px 0 37px; } .view-display-id-page_1 .view-header .newlook-top p { font-size: 16px; } .view-display-id-page_1 .view-content { /*background: url("../images/general/bkg/bkg-content-internal.png") repeat-y scroll 0 0 transparent;*/ padding: 0 25px 0 37px; } .view-display-id-page_1 .view-content .newlook-item { display: block; clear: both; padding-bottom: 5px; height: 150px; width: 864px; } .view-display-id-page_1 .newlook-item .newlook_img { display: block; float: left; padding-right: 62px; } .view-display-id-page_1 .newlook-item .newlook_img .link-learn-more { display: none; } .view-display-id-page_1 .newlook-item .txt_formerly_newlook h2 { font-size: 21px; margin-bottom: 5px; } .view-display-id-page_1 .newlook-item .views-field-field-new-look-formerly p { line-height: 12px; margin-bottom: 35px; } .view-display-id-page_1 .newlook-item .views-field-field-new-look-formerly sup { padding-left: 1px; } .view-display-id-page_1 .newlook-item .txt_formerly_newlook h2 sup.product-sup { padding-left: 2px; } .view-display-id-page_1 .newlook-item .benefits .benefits-detail { display: block; float: left; text-align: center; } .view-display-id-page_1 .newlook-item .benefits .benefits-detail p { color: #252525; font-size: 8px; font-style: italic; font-weight: bold; text-transform: uppercase; margin-left: -10px; margin-top: -4px; width: 75px; line-height: 10px; } #wrapper_content #wrapper-content-internal #content .view-product-line-up .communication_tools { position: relative; top: -77px; bottom: 30px; height: 30px; left: 37px; } #wrapper_content #wrapper-content-internal #content .view-product-line-up .communication_tools #tools { position: relative; display: block; left: 60px; z-index: 999; } #wrapper_content #wrapper-content-internal #content .view-product-line-up .communication_tools #social-networks { position: relative; display: block; top: -60px; } /** * Less Content **/ /* Sweeptakes Block */ .sweeptakes-block { background: url("../images/general/bkg/home_blocks_sweepstakes.png") no-repeat scroll left -24px transparent; float: left; height: 428px; margin: 0 2px; padding: 21px 20px 0; position: relative; width: 400px; z-index: 10; } .sweeptakes-block h2 { font-size: 14px; text-transform: uppercase; color: #a2a2a2; margin: 0; padding: 5px 10px 5px 8px; margin-top: 8px; font-family: 'CenturyGothicItalic'; float: left; } .sweeptakes-block a { display: block; position: absolute; width: 120px; height: 37px; top: 246px; left: 233px; } /* Rotation Promotion */ ul.rotation-promotion .dl-sweepstakes { position: relative; } ul.rotation-promotion .dl-sweepstakes h2 { color: #0099cc; font: normal 29px 'CenturyGothicBold'; left: 5px; line-height: 27px; position: absolute; top: 15px; } ul.rotation-promotion .dl-sweepstakes h2 sup { font-size: 18px; line-height: 35px; } ul.rotation-promotion .dl-sweepstakes p { color: #666666; font-size: 18px !important; font: normal 18px Arial; left: 8px; line-height: 24px; position: absolute; top: 108px; } ul.rotation-promotion .dl-sweepstakes a { background: none; left: -6px; position: absolute; top: 225px; } ul.rotation-promotion .dl-sweepstakes .sweeptakes-marquee-img { left: 253px; position: absolute; top: 114px; width: 119px; } /* Header Centrum Flavor Burst Taste Tell Sweepstakes Decommission */ .centrum-flavor-burst-taste-tell-sweepstakes { background: url("../images/general/bkg/header_background.jpg") no-repeat left top; height: 1000px; position: relative; } .centrum-flavor-burst-taste-tell-sweepstakes h2 { display: none; } .centrum-flavor-burst-taste-tell-sweepstakes .content { margin: 0 0 0 40px; float: left; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-bottle { background: url("../images/blocks/centrum-sweepstakes-decommission-bottle.png") no-repeat; width: 88px; height: 172px; float: left; margin-top: 38px; position: relative; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-bottle p { position: absolute; bottom: 0; left: 10px; font-family: Arial; font-size: 10px; font-weight: bold; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-bottle p a { color: #0089d0; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background { background: url("../images/blocks/centrum-sweepstakes-decommission-background.png") right top; float: left; height: 214px; width: 754px; padding-left: 20px; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background h3 { margin-top: 32px; width: 409px; margin-bottom: 0; color: #0089d0; padding-bottom: 17px; line-height: 26px; font-family: 'CenturyGothicBold'; font-size: 23px; border-bottom: 0; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background h3 sup { font-size: 60%; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background .block-left { float: left; margin-right: 50px; width: 172px; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background .block-left p { line-height: 17px; font-family: Arial; font-size: 13px; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background .block-left p span { font-weight: bold; color: #0089d0; display: block; width: 180px; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background .block-left p sup { position: relative; font-weight: normal; font-size: 65%; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background .block-left a.button { background: url("../images/blocks/action_button.png") no-repeat; font-family: 'CenturyGothicBold'; color: #fff; padding: 12px 43px; margin: 4px 0 0 -8px; display: block; width: 84px; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background .block-right { float: left; width: 190px; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background .block-right p { line-height: 17px; font-family: Arial; font-size: 13px; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background .block-right p span { font-weight: bold; color: #0089d0; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background .block-right p sup { position: relative; font-weight: normal; font-size: 65%; } .centrum-flavor-burst-taste-tell-sweepstakes .content .centrum-sweepstakes-decommission-background .block-right a.button { font-family: 'CenturyGothicBold'; color: #fff; background: url("../images/blocks/action_button.png") no-repeat; padding: 12px 28px; margin: 4px 0 0 -7px; display: block; } .centrum-flavor-burst-taste-tell-sweepstakes img.centrum-flavor-burst-taste-tell-sweepstakes-logo { left: 24px; position: absolute; top: 30px; } .centrum-flavor-burst-taste-tell-sweepstakes img.centrum-flavor-burst-taste-tell-sweepstakes-bottles { position: absolute; right: 38px; top: 24px; } .page-node-583 .thank-you-page-survey .callout-right p { padding-top: 18px; } #webform-component-check-all-that-apply, #webform-component-check-all-that-apply-a, #webform-component-check-all-that-apply-b, #webform-component-check-all-that-apply-markup-3, #webform-component-check-all-that-apply-markup-f, #webform-component-check-all-that-apply-markup, #webform-component-check-all-that-apply-c, #webform-component-check-all-that-apply-d { position: absolute; top: 56px; left: 0; font-style: italic; color: #333; font-size: 12px; margin-top: 5px; } #webform-component-check-all-that-apply-markup-f { top: 24px; } #webform-component-check-all-that-apply-markup-3, #webform-component-check-all-that-apply-markup { top: 26px; } #edit-submitted-question-1-9, #edit-submitted-question-4-8-a, #edit-submitted-question-1-8, #edit-submitted-question-3-5, #edit-submitted-question-2-5, #edit-submitted-question-3-3, #edit-submitted-question-2-4, #edit-submitted-question-3-50, #edit-submitted-question-1-8-c, #edit-submitted-question-1-8-b, #edit-submitted-question-1-7, #edit-submitted-question-4-8, #edit-submitted-question-4-9-b { margin-top: 40px; } .node-webform .form-question-error { color: #ff0000; margin-left: 28px; position: relative; text-transform: uppercase; top: 18px; } .clear { clear: both; height: 0; margin: 0; padding: 0; } /** * Fist Fighter Header */ .title { text-align: center; font-size: 28px; font-family: 'CenturyGothic', 'Helvetica', 'Arial', sans-serif; color: #000; font-weight: 700; margin-top: 10px; margin-bottom: 10px; } /****************** FAQ theme **********************/ .faq-header h1 { color: #777; font-family: 'CenturyGothic', Arial, serif; font-size: 25px; clear: both; font-weight: normal; } .faq-header h3 { font-family: 'CenturyGothic', Arial, serif; font-size: 12px; border-bottom: 1px solid #bebdbd; padding: 0 0 21px; font-weight: normal; color: #777; } .block--views-exp-faqs-faqs-page { font: 13px/1.231 arial,helvetica,clean,sans-serif; } .views-field-field-faq-question p { width: 100%; } .views-field-field-faq-question p.field-content { margin: 0; color: #777; width: 120%; float: none; line-height: 18px; } body.page-faqs .view-display-id-faqs_page .view-content .views-row { padding-bottom: 3px; } .views-field-field-faq-answer { color: #0089d0; padding-top: 0; } .views-field-field-faq-answer span, .views-field-field-faq-answer p { color: #0089d0; line-height: 18px; } .views-field-field-faq-answer .field-content p { margin-top: 0; } /*********** Expert corner inner page theme **************/ .body_header_article p { /* margin-top: 0; */ margin-top: 10px; margin-bottom: 0; color: #666; } nav#block-menu-menu-expert-corner-article-topic, nav#block-menu-menu-health-articles-topics- { margin-top: -1px; } nav#block-menu-menu-more-benefits { margin-top: 2px; } nav#block-menu-menu-health-topics-articles, nav#block-menu-menu-health-benefits-topics { margin-top: -1px; } nav#block-menu-menu-health-topics-articles ul, nav#block-menu-menu-health-benefits-topics ul { margin-top: 0 !important; } .view-nodequeue-13 .promotion-rotation-wrapper span { font-family: "CenturyGothicItalic",Arial,Helvetica,sans-serif; font-weight: bold; } .view-health-center-external-articles li.views-row-first .views-field-field-article-teaser .field-content { clear: none; } body.page-taxonomy-term .view-health-center-external-articles .view-header h2 { color: #747474; font-family: 'CenturyGothicItalicBold',Arial; font-size: 14px; margin: 0; padding: 5px 0 19px 5px; text-transform: uppercase; } .view-health-center-external-articles { margin: 10px 0 0 0; } .view-health-center-external-articles li.views-row-first .views-field-title a { color: #0089D0; font-family: Arial,Helvetica,sans-serif; font-size: 25px; font-weight: normal; height: auto; line-height: normal; margin: 0; padding: 15px 0 0 0; text-transform: none; width: 608px; outline: none; text-decoration: none; } .view-health-center-external-articles li { list-style: none; list-style-image: none; } .view-health-center-external-articles ul { margin: 0; padding: 0; } .view-health-center-external-articles li.views-row-first .views-field-field-expert { color: #333333; font-family: Arial,Helvetica,sans-serif; font-style: italic; font-weight: bold; padding: 5px 0 0 0; } .view-health-center-external-articles li.views-row-first .views-field-field-article-image { float: left; margin: 20px 15px 10px 0; } .view-health-center-external-articles li.views-row-first .views-field-field-article-teaser { margin-top: 20px; } .view-health-center-external-articles li.views-row-first .views-field-field-article-teaser p { color: #777; } .view-health-center-external-articles li.views-row-first .expert-corner-link-read-more { background: url("../images/general/right-arrow.png") no-repeat scroll 0 0 transparent; float: left; padding: 1px 0 0 9px; position: relative; text-transform: uppercase; } .view-health-center-external-articles li.views-row-first .expert-corner-link-read-more a { color: #0089CF; font-size: 11px; font-weight: bold; position: relative; text-transform: uppercase; text-decoration: none; top: -3px; } #block-views-8d1f69f540555b9f4052775e29be4778 .view-header { margin-top: 10px; } .view-health-center-external-articles .view-content-most-recent a { outline: none; text-decoration: none; } .view-health-center-external-articles .view-content-most-recent .views-field-field-article-teaser p { line-height: 18px; margin: 0; color: #777; } #block-views-c3404e354e80af36761cc7f466ac3e36 ul.pager { position: relative; width: 640px; float: right; margin: 10px 10px 0 0; clear: both; padding-top: 0; text-align: right; text-transform: uppercase; display: block; } #block-views-c3404e354e80af36761cc7f466ac3e36 ul.pager li a { color: #666; } #block-views-c3404e354e80af36761cc7f466ac3e36 ul.pager li.pager-item a { color: #0089cf; } #block-views-c3404e354e80af36761cc7f466ac3e36 ul.pager li { display: inline; color: #666; padding: 0 5px; font-size: 14px; } /***************** Expert corner page theme *****************/ #block-views-more-popular-article-block-2 li.views-row .views-most-popular a { outline: none; text-decoration: none; } #block-views-more-popular-article-block-2 .view-header .view-content-most-recent ul { padding-left: 0; margin: 0; } .view-more-popular-article.view-display-id-block_2 .views-field-nothing span, .view-more-popular-article.view-display-id-block_2 .views-field-field-article-teaser p { font-size: 10px; margin-top: 0; margin-bottom: 0; } body.node-type-page #block-views-more-popular-article-block-2 .item-list ul { padding-left: 0; margin-bottom: 0; margin-top: 0; } body.node-type-page #block-views-more-popular-article-block-2 .view-id-more_popular_article .view-content-most-recent ul.pager { float: right; margin: 10px 10px 0 0; clear: both; padding-top: 0; text-align: right; text-transform: uppercase; display: block; } body.node-type-page #block-views-more-popular-article-block-2 .view-id-more_popular_article .view-content-most-recent ul.pager li { display: inline; color: #666; padding: 0 5px; font-size: 14px; } body.node-type-page #block-views-more-popular-article-block-2 .view-id-more_popular_article .view-content-most-recent ul.pager li a { text-decoration: none; font-size: 14px; } .expert-corner .view-nodequeue-13 .view-content .item-list .rotation-promotion .field-content p { line-height: 18px; color: #777; margin: 0; font-size: 12px; } body.expert-corner .expert-corner .view-nodequeue-13 .view-content .item-list { margin-top: 0; } .expert-corner .view-nodequeue-13 .view-content .item-list .rotation-promotion span.field-content a { text-decoration: none; display: block; margin-left: -5px; color: #0089d0; font-size: 25px; font-weight: normal; text-transform: none; line-height: normal; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; } #block-views-more-popular-article-block-2 li.views-row .views-field-field-article-teaser p { color: #777; } body.node-type-page #block-views-more-popular-article-block-2 { width: 100%; } /** quality-new **/ .quality-new .l-region--content-top { position: absolute; width: 190px; top: 257px; left: 60px; z-index: 90; height: 30px; display: block; } .page-node-366 .communication_tools_print_instance, .page-node-366 .communication_tools_email_instance, .page-node-366 .communication_tools_addthis_instance { left: 95px; position: relative; top: 205px !important; } body.section-physicians-health-study-new .communication_tools_print_instance, body.section-physicians-health-study-new .communication_tools_email_instance, body.section-physicians-health-study-new .communication_tools_addthis_instance { left: 12%; position: absolute; top: 67% !important; margin-top: 5px; } body.section-physicians-health-study-new .block-block-31 > div > div:nth-child(11) { clear: both; color: #297ED3; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; padding: 0 0 0 30px; font-style: italic; margin: 20px 0 3px 220px !important; } /**** Country Selector ****/ #country-selector-dropdown .select_country_link img { top: -4px; } #country-selector-dropdown .select_country_link { padding: 9px 0 6px 13px; } #container #main-navigation { max-width: 56px; padding-right: 1px; } body.menu-render-hidden #block-views-d3494b8b66e668743608c763471fadb8 > div > div > .view-content > .specialty-products-line-up > div > ul, body.menu-render-hidden #block-views-d3494b8b66e668743608c763471fadb8 > div > div > .view-content > .kids-products-line-up > div > ul { margin-left: 0; } body.menu-render-hidden #block-views-d3494b8b66e668743608c763471fadb8 > div > div > .view-content > .specialty-products-line-up > div > ul { /* margin-top: 10px; */ margin-top: 3px; } /*********************Facebook *************************/ .facebook-menu #visit-us-facebook > span { margin: 12px 16px 0 13px !important; } /***************** Email to a friend page theme for desktop *****************/ body.node-type-product .ui-dialog.send_to_a_friend, body.expert-corner .ui-dialog.send_to_a_friend, body.node-type-brightcove-video .ui-dialog.send_to_a_friend, body.node-type-page .ui-dialog.send_to_a_friend { width: auto !important; /* left: 396px !important; */ top: 395.5px !important; max-width: 486px !important; } body.page-send-to-a-friend #thank-you-page p { font-size: 22px; } #wrapper_footer #footer #block-menu-menu-footer-menu { margin-bottom: 0; } #wrapper_footer #footer #block-menu-menu-footer-menu ul.menu { padding-left: 0; margin-left: 0; margin-top: 12px; width: 100%; } #wrapper_footer #footer #block-menu-menu-footer-menu ul.menu li { padding: 0 4px 0 6px; float: none; width: auto; } #wrapper_footer #footer .footer-notes { margin: 0 0 12px 0; clear: both; padding-top: 0; } /* Inside of the Box right side*/ /***** Home page Carousel Fixes *****/ body.page-new-home .promotion-rotation-pager { right: 456px !important; margin-top: 2px; } .silver-women { height: 381px; width: 903px; } .buy-menu #tab-2 .jqTransformSelectWrapper ul { left: 4px; top: 30px; } .buy-menu #tab-2 .jqTransformSelectWrapper div span { cursor: pointer; color: #4C4C4C; float: none; font-size: 75%; height: 18px; outline: none; padding: 5px 0 0 0; position: absolute; white-space: nowrap; width: 133px; } .buy-menu #tab-2 .jqTransformSelectWrapper { margin-top: -6px; } .buy-menu #tab-2 .jqTransformSelectWrapper a.jqTransformSelectOpen { background: url("../images/general/sprite-btns.png") no-repeat scroll -514px -7px transparent; display: block; height: 21px; outline: none; position: absolute; right: 5px; top: 7px; width: 20px; } iframe#homepage_video_iframe { width: 640px; height: 360px; } body.health-blog #wrapper-content-internal #content, body.expert-corner #wrapper-content-internal #content { float: left; } body.health-blog .body_header_article h1 { margin-bottom: 0; } body.health-blog .body_header_article p { margin-top: 8px; } body.health-blog .health-blog #block-views-expert-corner-block-2 .view-header h2 { font-family: 'CenturyGothicItalicBold',Arial !important; } body.news-sign-up .view-display-id-block_products_signup_form ul li.views-row-12 { margin-right: -6px !important; } body.news-sign-up .view-display-id-block_products_signup_form ul li.views-row-14 { margin-left: 8px !important; } body.news-sign-up .view-display-id-block_products_signup_form ul li.views-row-15 { margin-left: 5px !important; } body.news-sign-up .view-display-id-block_products_signup_form ul li.views-row-16 { margin-left: 5px !important; } body.page-send-to-a-friend form#communication-tools-send-form fieldset .form-item { width: 290px; } body.page-send-to-a-friend form#communication-tools-send-form label { display: block; color: #59544e; float: left; width: 110px; text-align: right; padding: 10px 10px 0 0; font-weight: bold; text-transform: uppercase; font-size: 12px; } body.node-type-product #communication_tools_overlay, body.node-type-brightcove-video #communication_tools_overlay, body.node-type-page #communication_tools_overlay { padding: 10px 20px 7px !important; height: auto !important; } body.page-send-to-a-friend #thank-you-page p { background: transparent url(../images/general/sprite-btns.png) no-repeat scroll -6px -439px; font-family: 'CenturyGothic', Arial, serif; color: #0976c3; font-size: 16px; width: 442px; text-align: center; margin: 0 auto; height: 33px; padding-top: 8px; } body.page-send-to-a-friend #thank-you-page a.close-send-to-friend { background: url(../images/general/sprite-btns.png) no-repeat scroll -81px 1px transparent; border: 0 none; cursor: pointer; display: block; font-size: 0; height: 37px; line-height: 0; text-indent: -999em; width: 188px; outline: none; margin-top: 80px; float: right; } #content #block-multiblock-1 .view-formula-finder .view-header span { display: inline; } .buy-menu #tab-2 p { padding: 12px 0 0 4px; } body.quality-new #node-291 div ul li { margin: 0 0 0 20px; width: 705px; } .find-your-centrum ul.pager { position: relative; right: 45px; top: 19px; } .find-your-centrum .view-more-popular-article .pager { float: right; } .view-more-popular-article .pager li { padding: 0 9px 0 7px !important; font-size: 14px !important; } ul.pager li.pager-first a, ul.pager li.pager-previous a, ul.pager li.pager-next a, ul.pager li.pager-last a { font-size: 14px !important; } ul.pager li.pager-item a { font-size: 14px !important; } /****** Fist fighter pages *******/ /******************* Find you centrum tool on home page ********************/ #block-multiblock-1 .view-formula-finder .formula-finder.jqtransformdone { display: block; } #content #block-multiblock-1 .formula-finder .options { display: block; } body.node.section-node #wrapper-content-internal { margin-top: 0; background: none; } body.node.section-node .article-content p.little-breadcrumb { margin-top: 0; } body.node.section-node .article-content { margin: 0 25px 20px 18px; } body.node.section-node ul.pager { margin: 10px 10px 0 0; } body.node.section-node ul.pager { clear: both; display: block; float: right; margin: 10px 10px 0 0; padding-top: 0; text-align: right; text-transform: uppercase; } body.node.section-node ul.pager li { color: #666; display: inline; font-size: 14px; padding: 0 5px; list-style: none; } body.node.section-node ul.pager li.pager-first a, body.node.section-node ul.pager li.pager-previous a { color: #666 !important; } body.node.section-node ul.pager li a { font-size: 14px; color: #666 !important; text-decoration: none; } body.node.section-node ul.pager li.pager-item a { color: #0089cf; } #block-views-rotation-promotion-block-2 ul.rotation-promotion li.views-row-1 img { height: 100%; } /***** IE Bugs solution *****/ html[data-useragent*='MSIE 10.0'] ul#country-selector-dropdown { line-height: 1.231; } html[data-useragent*='MSIE 10.0'] .view-display-id-product_line_up_block .item-list li { margin-top: 8px; } html[data-useragent*='MSIE 10.0'] body.menu-render-hidden #block-views-d3494b8b66e668743608c763471fadb8 .view-content .specialty-products-line-up ul { margin-top: 1px; } /* Hack like IE7 */ * + html #block-social-network-actions-facebook-like-block { width: 50px !important; } * + html .view-rotation-promotion .specialist-marquee-links { margin-top: 25px; } * + html #breadcrumb ul li { background: url("../images/general/bkg/bkg_breadcrumb.jpg") no-repeat scroll 2px 1px transparent; } * + html .block.collapsible .view-display-id-home_health_center_block { padding: 2px 10px 8px 20px; } * + html .block.collapsible .view-display-id-home_health_center_block .more-link { margin: 3px 0 0 -8px; } * + html .views-field-field-faq-question sup { padding-left: 1px; } * + html .views-field-field-faq-answer sub { vertical-align: text-bottom; line-height: 16px; } * + html .wrapper-nutrition-possible-block #nutrition-possible-block h2 sup { font-size: 90%; } * + html .wrapper-nutrition-possible-block #nutrition-possible-block a.btn-more { margin-right: -5px; } * + html .wrapper-sign-up-block #sign-up-save-block h2 sup { font-size: 90%; } * + html .wrapper-sign-up-block #sign-up-save-block a.btn-more { margin-right: -5px; } * + html body.health-center .article-content .article-body ol li { margin-left: 0; } * + html body.health-center .article-content .article-body ol li span { left: -10px; } * + html body.health-center #article-tools .slider-resizer-toolbar { border-bottom: none; } * + html body.health-center #article-tools .slider-wrapper { border-bottom: 1px dotted #ccc; } * + html #block-related-content-related-content-products .related-content-products { padding: 2px 10px 8px 20px; } * + html input#edit-communication-tools-cancel-button { margin-top: 0; } * + html .buy-centrum li { width: 100px; } * + html .buy-centrum li.first { width: 172px; } * + html .buy-centrum li.ui-state-default { padding-top: 2px; } * + html .buy-centrum #tab-1 { background: url("../images/general/bkg/bkg-tab01-onIE.png") no-repeat scroll -1px 0 transparent; top: -31px; } * + html .buy-centrum #tab-2 { margin-top: -2px; } * + html .buy-centrum .jqTransformInputInner input { padding-top: 6px; } * + html .buy-centrum .jqTransformSelectWrapper div span { padding: 4px 0 0 0; } * + html .form-item-submitted-gender, * + html .form-item-submitted-field-gender { padding-right: 10px; } * + html #mega-navigation .offers-menu .content-special-offers a.get-coupon-btn, * + html #mega-navigation .offers-menu .content-special-offers a.get-offer-btn { padding: 6px 0 4px 0; } * + html .buy-menu .jqTransformSelectWrapper div span { padding: 4px 0 0 0; } * + html #block-system-main .view-health-center-external-articles li.views-row-first .views-field-title a { margin: 0 0 0 -18px; } * + html .product-details-wrapper h1 { font-size: 25px; } * + html .product-details-wrapper p { font-size: 18px; } * + html .product-info .active-item { font-size: 27px; } * + html .product-labeling-dialog .product-labeling-content { font-size: 15px; } * + html .product-labeling-dialog .product-labeling-content h1 { font-size: 32px; } } #content_bottom .sign-up-block .container-btn-learn-more { margin: 1em 0; } #breadcrumb a:hover { color: #0089CF; } .page-country-selector #wrapper-content-internal { background: none; } .page-country-selector .country-list { background: url("../images/general/bkg/bkg_home_internal.png") no-repeat -40px 30px; overflow: hidden; } .page-country-selector #content #countries-selector { margin: 20px 0 0 30px; } .page-country-selector #content #countries-selector h2 { color: #777; font-family: 'CenturyGothic', Arial, serif; font-size: 25px; margin-bottom: 8px; } .page-country-selector #content #countries-selector h3 { color: #777; font-size: 12px; font-family: 'CenturyGothic', Arial, serif; border: none; } /******************************************************************************************************/ /********************************** Mobile style starts here *****************************************/ /******************************************************************************************************/ @media (max-width: 767px) { #content_bottom .try-vitamins-free-block { height: auto; min-height: auto; } #content_bottom .try-vitamins-free-block .introdusing-centrum-vitamins-btn { margin-top: 0px !important; margin-bottom: 10px !important; } #container #wrapper_content #header .main-menu-header .menu li.last { display: block; } #container #wrapper_content #header .main-menu-header .menu li a.new-centrum-bitamins-menu-link { width: 100%; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e4e4e4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e4e4e4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #e4e4e4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #e4e4e4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #e4e4e4 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #e4e4e4 100%); /* W3C */ background-size: auto; } #container #wrapper_content #header .main-menu-header .menu li a.new-centrum-bitamins-menu-link:after { background: url("../images/vitamins_menu_image_mobile.png") no-repeat; -webkit-background-size: 85%; background-size: 85%; width: 193px; height: 23px; left: 15px; top: 10px; } #wrapper_footer #footer .footer-notes p.bullet span.right-part-of-foot-notes { width: 95%; } #wrapper_footer #footer .footer-notes p.bullet span.left-part-of-foot-notes { width: 3%; } body.front #block-views-rotation-promotion-block .flex-direction-nav { display: none; } #countries-selector .country-list { overflow: hidden; } #countries-selector .country-list ul.country-selector-list { padding: 0; margin: 0 0 0 5%; width: 45%; } #countries-selector .country-list ul.country-selector-list li { list-style: none; margin-left: 0; } body.site-map #site-map .site-map-menus ul.site-map-menu li.item55 { position: static !important; } } /******************************************************************************************************/ /********************************** Mobile style starts here *****************************************/ /******************************************************************************************************/ @media (max-width: 767px) { body.front #wrapper-content-internal { padding-top: 0; } body.front #wrapper-content-internal #content { background: #626262; background-image: none; padding: 10px 0 0; margin-bottom: 4.6875%; } .page-node-1556.node-type-product div.product-info div.product-description { min-height: auto; } } /******************************************************************************************************/ /********************************** Phone style starts here *****************************************/ /******************************************************************************************************/ @media (max-width: 560px) { body.front .view-product-line-up.home-product-line-up .view-content .centrum-silver-products-line-up, body.front .view-product-line-up.home-product-line-up .view-content .centrum-products-line-up, body.front .view-product-line-up.home-product-line-up .view-content .specialty-products-line-up, body.front .view-product-line-up.home-product-line-up .view-content .kids-products-line-up, body.front .view-product-line-up.home-product-line-up .view-content .find-yours-item-line-up { display: block; float: none; clear: both; margin: 0 auto; max-width: 240px; } body.front .view-product-line-up.home-product-line-up .view-content .item-list { display: inline-block; } body.front .view-product-line-up.home-product-line-up .view-content .kids-products-line-up, body.front .view-product-line-up.home-product-line-up .view-content .find-yours-item-line-up { display: inline-block; } body.front .view-product-line-up.home-product-line-up .view-content .find-yours-item-line-up { float: right; padding-right: 20px; } body.front .view-product-line-up.home-product-line-up .view-content .view-display-id-product_line_up_block .item-list ul { display: inline-block; } .page-node-1556.node-type-product div.product-info div.product-description { min-height: auto; } } body.free-vitamints-sample .ui-button-icon-only .ui-icon { display: none; } body.free-vitamints-sample #content { padding-top: 4px !important; } body.free-vitamints-sample #content > .node--webform { padding-top: 25px; min-height: 1100px; background: url("../images/free_sample/free_sample_page_bg.png") no-repeat 0 0; } body.free-vitamints-sample #content > .node--webform .get_you-free_sample_page_content_form { padding-left: 80px; padding-top: 55px; padding-right: 40px; } body.free-vitamints-sample #content > .node--webform .get_you-free_sample_page_content_form .free-sample-header-image { position: relative; left: 0; top: -5px; } body.free-vitamints-sample #content > .node--webform .get_you-free_sample_page_content_form h2, body.free-vitamints-sample #content > .node--webform .get_you-free_sample_page_content_form h2 span { margin-top: 0; font-family: CenturyGothic,Arial,Helvetica,sans-serif; font-size: 34px; text-transform: uppercase; color: #034c9e; margin-bottom: 0; } body.free-vitamints-sample #content > .node--webform .get_you-free_sample_page_content_form h2 span, body.free-vitamints-sample #content > .node--webform .get_you-free_sample_page_content_form h2 span span { font-weight: bold; } @media (max-width: 768px) { body.free-vitamints-sample #content > .node--webform .get_you-free_sample_page_content_form h2, body.free-vitamints-sample #content > .node--webform .get_you-free_sample_page_content_form h2 span { font-size: 22px; } } body.free-vitamints-sample #content > .node--webform .get_you-free_sample_page_content_form p { font-family: CenturyGothic, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 10px; margin-top: 0; padding-left: 4px; } body.free-vitamints-sample #content > .node--webform .get_you-free_sample_page_content_form p.blue { font-weight: bold; color: #034c9e; } body.free-vitamints-sample #content > .node--webform .get_you-free_sample_page_content_form span.info { display: block; left: -27px; margin-top: 405px; position: relative; } body.free-vitamints-sample #content > .node--webform .get_you-free_sample_page_content_form span.info a { text-transform: uppercase; font-size: 10px; color: #1364a7; font-weight: 900; text-decoration: none; } body.free-vitamints-sample #content > .node--webform .get_you-free_sample_page_content_form span.info a:hover { text-decoration: underline; } @media (max-width: 1024px) { body.free-vitamints-sample #wrapper_footer { margin-bottom: -7px; } body.free-vitamints-sample #content_bottom { height: 1px; position: relative; overflow: visible; } body.free-vitamints-sample #content_bottom:after { background: url("../images/free_sample/centrum_vitamins.png"); content: ""; display: block; height: 190px; left: 50%; margin-left: -150px; position: absolute; top: -190px; width: 189px; } body.free-vitamints-sample #wrapper-content-internal { padding-bottom: 0; margin-bottom: -10px; } body.free-vitamints-sample #content { margin-bottom: 0 !important; padding-top: 4px !important; } body.free-vitamints-sample #content > .node--webform { padding-top: 0; min-height: 1100px; background: url("../images/free_sample/content-webform-top-bg.png") no-repeat 0 0; -webkit-background-size: cover; background-size: cover; } body.free-vitamints-sample #content > .node--webform > .content { background: url("../images/free_sample/left-top-corner-mobile.png") no-repeat 0 0; padding-bottom: 215px; position: relative; } body.free-vitamints-sample #content > .node--webform > .content:after { width: 100%; height: 215px; content: ''; position: absolute; background: url("../images/free_sample/mobile_bottom_image.png") no-repeat center bottom; -webkit-background-size: 100% 215px; background-size: 100% 215px; bottom: 0px; } body.free-vitamints-sample #content > .node--webform > .content form > div { position: relative; } body.free-vitamints-sample #content > .node--webform > .content form > div:after { content: ''; position: absolute; display: block; background: url("../images/free_sample/centrum_vitamins.png") no-repeat; width: 190px; height: 190px; left: 10px; bottom: -215px; z-index: 50; } body.free-vitamints-sample #content > .node--webform .get_you-free_sample_page_content_form { width: 70%; margin: 0 auto; padding: 35px 0 0 0; } body.free-vitamints-sample #content > .node--webform .get_you-free_sample_page_content_form .free-sample-header-image { position: relative; } body.free-vitamints-sample #content > .node--webform .get_you-free_sample_page_content_form p { font-size: 11px; line-height: 16px; margin-bottom: 10px; } body.free-vitamints-sample #content > .node--webform .get_you-free_sample_page_content_form p.blue { font-weight: bold; color: #034c9e; } body.free-vitamints-sample #content > .node--webform .get_you-free_sample_page_content_form span.info { display: none; } } body.vitamints-thank-you #wrapper_content #header { -webkit-background-size: cover; background-size: cover; } body.vitamints-thank-you #wrapper-content-internal { position: relative; } @media (max-width: 767px) { body.vitamints-thank-you #wrapper-content-internal { padding-bottom: 0; min-height: 786px; background: url("../images/free_sample/thank_you_mobile.png") no-repeat bottom left; -webkit-background-size: 100% 786px; background-size: 100% 786px; position: relative; } body.vitamints-thank-you #wrapper-content-internal:after { background: url("../images/free_sample/right-top-corner-freesample.png") no-repeat; width: 87px; height: 60px; position: absolute; right: 0; top: 0; display: block; content: ''; z-index: 30; } } body.vitamints-thank-you #wrapper-content-internal #content { float: none; min-height: 528px; } body.vitamints-thank-you #wrapper-content-internal #content .freesample-thankyou-block { position: relative; width: 370px; left: 40px; top: 32px; z-index: 25; } @media (max-width: 767px) { body.vitamints-thank-you #wrapper-content-internal #content .freesample-thankyou-block { width: 80%; left: 30px; } body.vitamints-thank-you #wrapper-content-internal #content .freesample-thankyou-block img { display: block; margin: 0 auto; } } body.vitamints-thank-you #wrapper-content-internal #content .freesample-thankyou-block p { font-size: 16px; color: #25489c; line-height: 24px; } body.vitamints-thank-you #content_bottom { display: none; } body.vitamints-thank-you #container #wrapper_content { background: url("../images/free_sample/thank_you_desktop.png") no-repeat; background-position: 0 140px; } @media (max-width: 1023px) { body.vitamints-thank-you #container #wrapper_content { background-position: 0 155px; } } @media (max-width: 767px) { body.vitamints-thank-you #container #wrapper_content { background: none; position: relative; } } body.vitamints-thank-you #container #wrapper_content #content > iframe { position: absolute; width: 290px; min-height: 520px; } @media (min-width: 1024px) { body.vitamints-thank-you #container #wrapper_content #content > iframe { right: 60px; top: 80px; } } @media (max-width: 1023px) { body.vitamints-thank-you #container #wrapper_content #content > iframe { right: 20px; top: 80px; } } @media (max-width: 767px) { body.vitamints-thank-you #container #wrapper_content #content > iframe { left: 50%; margin-left: -150px; top: 220px; } } body.centrum-vitamints .product-info h1 span { color: #1364a7; } body.centrum-vitamints .product-info .product-description { padding-top: 0; } body.centrum-vitamints .product-info .product-description > p:first-child { display: inline-block; position: relative; width: 100%; margin-bottom: 5px; } body.centrum-vitamints .product-info .product-description > p:first-child:before { content: ''; position: absolute; left: 0; top: -5px; width: 55px; height: 21px; display: block; } body.centrum-vitamints #block-views-expert-corner-block-3 .view-content .views-row .views-field-body a { font-weight: bold; } body .product-info h1, body .product-info h1 a { color: #3c3c3c; font-family: CenturyGothic,Arial,Helvetica,sans-serif; font-size: 29px; font-weight: bold; float: left; } body .product-info h1 span, body .product-info h1 a span { font-family: CenturyGothic,Arial,Helvetica,sans-serif; font-size: 29px; font-weight: bold; line-height: 35.7px; } body .product-info h1 span.blue, body .product-info h1 a span.blue { color: #1364a7; } body .product-info h1 span.purple, body .product-info h1 a span.purple { color: #7a4c95; } body .product-info h1 span.green, body .product-info h1 a span.green { color: #52b64e; } body .product-info h1 sup.product-sup, body .product-info h1 a sup.product-sup { padding-left: 2px; } body .product-info h1 p, body .product-info h1 a p { line-height: 29px; } body .product-info .product-description { text-align: left; display: inline-block; padding: 20px 15px 0 0; width: 95%; } body .product-info .product-description p { line-height: 15px; margin: 0; padding: 0 0 10px; text-align: left; font-size: 12px; } body .product-info .product-description strong { color: #000; vertical-align: bottom; line-height: 14px; display: block; } body .product-info .product-description strong span { height: 16px; vertical-align: bottom; } body .product-info .product-description strong span.new { background: url("../images/new_mg.png") no-repeat; width: 46px; display: inline-block; padding: 0 5px 0 0; } body .product-info .product-description strong span.introducing { background: url("../images/introducing_pv.png") no-repeat; width: 107px; display: block; padding: 0 5px 5px 0; } body .product-info .product-description sup { font-size: 71%; line-height: 15px; } body.centrum-multigummies .product-info .product-description { padding-top: 0; } body.front .view-product-line-up .view-content { text-align: center; } @media (max-width: 768px) { body.front .view-product-line-up .view-content { text-align: center; } body.front .view-product-line-up .view-content .centrum-products-line-up { margin: 0; } } @media (max-width: 768px) and (max-width: 375px) { body.front .view-product-line-up .view-content .centrum-products-line-up { margin: 0 auto; } } @media (max-width: 768px) { body.front .view-product-line-up .view-content .centrum-products-line-up .item-list { margin-left: 0; } } body.page-whats-inside-products .view-display-id-whats_inside_products .right-column .product-image { margin-bottom: 20px; } body.faqs .view-display-id-page_1, body.faqs .view-display-id-page_2 { margin-bottom: 120px; } body.faqs .view-display-id-page_1 .view-empty, body.faqs .view-display-id-page_2 .view-empty { margin-left: 35px; } body.faqs .view-display-id-page_1 .view-header p, body.faqs .view-display-id-page_2 .view-header p { margin-left: 35px; color: #777; } body.faqs .view-display-id-page_1 .view-header strong, body.faqs .view-display-id-page_2 .view-header strong { color: #777; } body.node-type-brightcove-video .ui-front { z-index: 999999999; } body.node-type-brightcove-video iframe#homepage_video_iframe { position: relative; z-index: 1; } .draft-body .centrum-silver-products-line-up li.views-row, .draft-body .centrum-products-line-up li.views-row, .draft-body .specialty-products-line-up li.views-row, .draft-body .kids-products-line-up li.views-row { width: 49px; } #block-views-rotation-promotion-block .contextual-links-wrapper { top: 22px !important; } .view-id-faqs .contextual-links-wrapper { top: -10px !important; } /*css for centrum vitamins*/ .page-new-home .view-product-line-up.main-product-line-up .view-content .item-list ul li.centrum-vitamints-cool-mint { padding-top: 20px; } .view-product-line-up.main-menu-list-block ul li.centrum-vitamints-cool-mint img { margin-top: 21px; } body.centrum-vitamints .product-image-flavors-wrapper img[src*="/coolmintsmall"] { height: auto; width: 42px; } body.centrum-vitamints .product-details-wrapper .product-main-image > img[src*="/coolmintsmall"] { height: auto; max-width: 175px; margin-top: 20px; } .find-your-centrum .view-product-line-up.main-product-line-up .view-content .easy-to-take-products-line-up .item-list ul li.centrum-vitamints-cool-mint { padding-top: 20px; } /************** non-gmo-standard-new **************/ body.non-gmo-standard-new #wrapper-content-internal p { font-size: 17px; margin-bottom: 15px; margin-top: 0; } body.non-gmo-standard-new #content_top .l-region--content-top { float: right; z-index: 90; right: 0; margin-right: 15px; padding: 0; top: 147px; left: 30px; } body.non-gmo-standard-new #node-1936 { margin: 0 0 0 5px; padding: 0; } body.non-gmo-standard-new #node-1936 .content { margin: 0; padding: 0; font-family: Arial,Helvetica,sans-serif; font-size: 12px; color: #777; } body.non-gmo-standard-new #node-1936 .content .field--name-body { margin: 1px 25px 20px 22px; } body.non-gmo-standard-new #node-1936 .content-background-gmo h2 { font-size: 16px; color: #666; font-weight: bolder; letter-spacing: -1px; } body.non-gmo-standard-new #node-1936 .content-background-gmo p { color: #666; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; margin-top: 0; } body.non-gmo-standard-new #node-1936 ul { padding: 0; margin: 0; } body.non-gmo-standard-new #node-1936 ul li { color: #666; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin: 0 0 10px 15px; padding: 0; width: 90%; } body.non-gmo-standard-new #node-1936 ul li span { font-size: 12px; margin-bottom: 15px; color: #666; font-family: Arial, Helvetica, sans-serif; } body.non-gmo-standard-new #node-1936 .ad_header h1 { font-size: 24px; letter-spacing: -1px; margin: 0 0 8px 0; clear: both; color: #777; font-weight: normal; } body.non-gmo-standard-new #node-1936 .ad_header h1 span { color: #15a6e1; font-size: 27px; letter-spacing: -1px; font-weight: bolder; } /** Padding-left is added **/ #block-communication-tools-communication-tools-addthis, .communication_tools_addthis_instance { float: left; font-size: 71%; font-weight: bold; text-transform: uppercase; padding-left: 6px; } #block-communication-tools-communication-tools-email a, .communication_tools_email_instance a { background: url("../images/general/btn/email.gif") no-repeat scroll 0 0 transparent; color: #0089D0; display: block; height: 8px; line-height: 6px; text-indent: -9999em; width: 33px; } #block-communication-tools-communication-tools-print a, .communication_tools_print_instance a { background: transparent url("../images/general/btn/print.gif") no-repeat scroll 0 0; color: #0089D0; display: block; height: 8px; line-height: 6px; text-indent: -9999em; width: 33px; } .non-gmo-standard-new .l-region--content-top { display: flex; top: 150px; z-index: 90; right: 0; margin-right: 20px; } #node-1936 > div > div > div > div > .content-background-gmo > div { margin: 0; padding: 0; } #block-communication-tools-communication-tools-print, .communication_tools_print_instance { border-right: 1px solid #0089D0; float: left; font-size: 71%; font-weight: bold; text-transform: uppercase; padding-right: 4px; padding-left: 6px; } #block-communication-tools-communication-tools-email, .communication_tools_email_instance { border-right: 1px solid #0089D0; float: left; font-size: 71%; font-weight: bold; text-transform: uppercase; padding-right: 5px; padding-left: 6px; } body.non-gmo-standard-new #node-1936 .ad_header h1 { font-size: 26px; } body.non-gmo-standard-new #node-1936 div div .field__items div .ad_header h1 span { font-size: 29px; } .ipad body.non-gmo-standard-new #content_top .l-region--content-top { position: absolute; margin-top: 90px; left: 40px; } .ipad body.non-gmo-standard-new #node-1936 .content-background-gmo { margin-top: 30px; } .non-gmo-standard-new #block-system-main { margin-bottom: 0 !important; } .non-gmo-standard-new #wrapper-content-internal { background: none !important; } .non-gmo-standard-new .facebook_like_ad iframe { height: 31px; float: left; margin-top: -7px; } .non-gmo-standard-new #wrapper-content-internal p { font-size: 17px; margin-bottom: 15px; } .non-gmo-standard-new #breadcrumb { position: absolute; } .non-gmo-standard-new #block-system-main { margin-right: 0 !important; } body.page-node-1936 #block-system-main.block .content-background-gmo li { font-size: 17px; } body.page-node-1936 #block-system-main.block h1 { font-size: 26px; font-family: 'CenturyGothic', Arial, serif; letter-spacing: -1px; } body.page-node-1936 #block-system-main.block h2 { font-size: 23px; color: #0099cc; font-weight: bolder; font-family: 'CenturyGothic', Arial, serif; letter-spacing: -1px; } .non-gmo-standard-new .ad_header { width: 100%; position: relative; padding-top: 33px; } .non-gmo-standard-new .l-region--content-top { position: absolute; width: 190px; top: 257px; left: 60px; z-index: 90; height: 30px; } .non-gmo-standard-new #wrapper-content-internal { padding-right: 0 !important; padding-bottom: 1px !important; } .non-gmo-standard-new h1 span { color: #15a6e1; font-weight: bolder; font-size: 29px; } .non-gmo-standard-new h2 { margin-top: 26px; } .non-gmo-standard-new ul li span { padding-left: 12px; } .non-gmo-standard-new .l-region--content-top { position: absolute; width: 190px; top: 257px; left: 60px; z-index: 90; height: 30px; display: block; } body.non-gmo-standard-new #node-1936 div ul li { margin: 0 0 0 20px; } .iphone body.non-gmo-standard-new #content_top .l-region--content-top { margin-bottom: 10px; } .webinar .non-gmo-standard-new .ad_header { height: 60px; } body.non-gmo-standard-new #node-1936 .content-background-gmo h1{ font-size: 20px; font-weight: bold; font-color: #33DAFF; color: #236bb3; padding-top: 20px; text-align: left; } body.non-gmo-standard-new #node-1936 .commonDef{ background-color: #E5E8E8; padding: 10px; margin-bottom: 10px; } body.non-gmo-standard-new #node-1936 .commonDef p{ font-size: 11px; } @media only screen and (max-width: 768px) { body.non-gmo-standard-new #content_top .l-region--content-top{ top: 110px; !important } } .content-background-gmo .commonDef h4 b { color: #666; } #node-1676 span.right-part-of-foot-notes a{ font-size: 10px; color: #666; } /*MNTPCH-357*/ .view-health-center-external-articles .view-content-most-recent .expert{ padding-top: 5px; display: inline-block; } @media only screen and (max-width: 1023px) { .view-health-center-external-articles li.views-row-first .expert-corner-link-read-more{ float: none !important; padding-bottom: 10px; } .view-health-center-external-articles .view-header #recent_btn_recent { margin-top: 10px; display: inline-block; } } #content .promotion-rotation-wrapper .promotion-rotation-pager span { position: static !important; margin-top: 4px; display: inline-block; font-size: 10px; } #content .promotion-rotation-wrapper .promotion-rotation-pager a { text-align: center; } @media only screen and (max-device-width : 736px) { #content .promotion-rotation-wrapper .promotion-rotation-pager span { position: static !important; display: table-cell; vertical-align: middle; } #content .promotion-rotation-wrapper .promotion-rotation-pager a { text-align: center; display: table; } } .centrum-silver-women-50-plus .product-info .product-description sup { display: inline-block; } .nowrap-text { white-space: nowrap; font-size: inherit; } /* DMNH-20554 */ .view-product-line-up.main-product-line-up .view-content .centrum-vitamints-products-line-up { width: 97px; } .view-product-line-up.main-product-line-up .view-content .centrum-vitamints-products-line-up .item-list { background-position: right 30px; } .view-product-line-up.main-product-line-up .view-content .centrum-vitamints-products-line-up .item-list h3 { background-position: left 29px; } .view-product-line-up.main-product-line-up .view-content .item-list ul li.centrum-vitamints-cool-mint { margin-left: 20px !important; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper.centrum-vitamints-products-mega-nav { clear: both !important; background-position: 146px 9px; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper.centrum-vitamints-products-mega-nav .item-list h3 { background-position: 110px 9px !important; background-size: 134px; width: 122px; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper.centrum-multigummies-products-mega-nav { margin-bottom: 18px; } .view-product-line-up.main-menu-list-block .view-content .product-mega-nav-wrapper .item-list ul li.centrum-vitamints-cool-mint { margin-left: 10px !important; } .view-product-line-up.main-product-line-up .view-content .item-list ul li { margin: 7px 0 0 -10px !important; } .view-product-line-up.main-product-line-up .view-content .centrum-multigummies-products-line-up .item-list ul li { margin: 7px 0 0 4px !important; } .view-product-line-up.main-product-line-up .view-content .centrum-multigummies-products-line-up .item-list ul li.centrum-multigummies { margin-left: 0px !important; } .view-product-line-up.main-product-line-up .view-content .centrum-silver-products-line-up .item-list ul li { margin: 7px 0 0 6px !important; } .view-product-line-up.main-product-line-up .view-content .centrum-products-line-up .item-list ul li { margin: 7px 0 0 6px !important; } @media only screen and (max-width: 767px) { .view-product-line-up.main-product-line-up .view-content .item-list ul li.centrum-vitamints-cool-mint { margin-left: 30px !important; } } @media only screen and (min-width: 768px) { body.centrum-multigummies-multiomega-3 .product-benefits .product-benefits-nav li { width: 98px; } body.centrum-multigummies-multiomega-3 .product-benefits .product-benefits-nav li img { height: auto; } .view-product-line-up.main-product-line-up .view-content .item-list { margin-left: 20px; } .view-product-line-up.main-product-line-up .view-content .centrum-silver-products-line-up .item-list { margin-left: 0px; } } @media (max-width: 375px) and (max-width: 768px) { .front.page-new-home .view-product-line-up.main-product-line-up .view-content .item-list h3 { color: #fff; } .view-product-line-up.main-product-line-up .view-content .centrum-silver-products-line-up, .view-product-line-up.main-product-line-up .view-content .centrum-products-line-up, .view-product-line-up.main-product-line-up .view-content .specialty-products-line-up, .view-product-line-up.main-product-line-up .view-content .kids-products-line-up, .view-product-line-up.main-product-line-up .view-content .easy-to-take-products-line-up { width: 260px; } .view-product-line-up.main-product-line-up .view-content .item-list ul li { display: inline-block; float: none; } .view-product-line-up.main-product-line-up .view-content .centrum-vitamints-products-line-up { display: block; width: 260px; margin: 0 auto; } .view-product-line-up.main-product-line-up .view-content .centrum-vitamints-products-line-up .item-list h3 { background-position: left 18px; } .view-product-line-up.main-product-line-up .view-content .centrum-vitamints-products-line-up .item-list { background-position: right 18px; } .view-product-line-up.main-product-line-up .view-content .item-list ul li.centrum-vitamints-cool-mint { margin-left: 0px !important; } } .maroon { color: #c01818; } .pink { color: #c94362; } #whats-inside-result-1961 .right-column .title:first-of-type, #whats-inside-result-1966 .right-column .title:first-of-type { display: none !important; } .view-product-line-up .centrum-multigummies-products-mega-nav li.centrum-multigummies-multi-omega-3 { width: auto; } @media (min-width: 1024px) { #node-463 { margin-top: 7px !important; } #content.expanded .view-product-line-up.main-product-line-up .find-yours-item-line-up { padding: 50px 0 0 0; } } @media (min-width: 768px) { body.front #wrapper-content-internal #content.expanded .panel-flexible.panels-flexible-2 { padding-bottom: 0; } } .tooltipster-content .image a[href^="/centrum-multigummies-multi-beauty"] { margin-top: 5px; display: block; } .centrum-multigummies-multi-beauty .product-benefits ul.product-benefits-nav { margin-left: 0px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { body.centrum-multigummies-multiomega-3 .product-benefits .product-benefits-nav li a { padding: 10px 14px !important; } } /* Coupon registration page style changes */ @media only screen and (max-width: 1023px) { body.coupon-registration #container #product-page-strip, body.register-for-your-coupon #container #product-page-strip, body.multigummies-omega-coupon-registration #container #product-page-strip, body.multigummies-beauty-coupon-registration #container #product-page-strip { background: url("../images/top-rainbow.png") no-repeat; padding-top: 4px; height: 0; display: block; } } body.multigummies-omega-coupon-registration #container #wrapper-content-internal, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal { padding: 0; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content { position: relative; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform { width: 100%; max-width: 390px; margin: -18px auto 0; position: relative; } @media only screen and (min-width: 1024px) { body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform { position: absolute; top: 30px; right: 15px; margin: 0; } } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform > h2.block__title, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform > h2.block__title { display: none; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form { border: 1px solid #e4e4e4; border-radius: 20px; background-color: #fff; overflow: hidden; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component { margin: 0 0 6px; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component label, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component label { width: 100px; font-family: Arial, serif; font-size: 12px; font-weight: bold; text-transform: uppercase; float: left; text-align: right; margin: 6px 8px 0 0; padding: 0; } @media only screen and (min-width: 768px) { body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component label, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component label { width: 120px; } } @media only screen and (min-width: 1024px) { body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component label, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component label { width: 140px; } } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component input, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component input { border: 1px solid #ccc; border-radius: 3px; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component input.form-text, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component input.form-text { width: 170px; padding: 5px 3px; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component input.form-text.error, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component input.form-text.error { border: 1px solid #ff0000; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component select, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component select { border: 1px solid #ccc; border-radius: 3px; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component select.error, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component select.error { border: 1px solid #ff0000; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-error-message, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-error-message { margin: -23px 0 6px 159px; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-error-message p, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-error-message p { color: #ff0000; font-size: 1em; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-register-for-your-coupon p, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-register-for-your-coupon p { text-align: center; color: #fff; font-family: 'CenturyGothic', Arial, serif; font-size: 29px; font-weight: normal; background: url(/sites/default/themes/pfizer_centrum/images/register-for-your-coupon-header.png) bottom center repeat-x #333; font-size: 16px; padding: 10px; margin: 0; text-transform: uppercase; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-field-required p, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-field-required p { color: #ff0000; font-size: 10px; font-style: italic; margin: 0 0 -4px; padding-left: 30px; text-transform: none; } @media only screen and (min-width: 768px) { body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-field-required p, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-field-required p { padding-left: 50px; } } @media only screen and (min-width: 1024px) { body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-field-required p, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-field-required p { padding-left: 70px; } } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-you-must-be-18-years-or-older-to-register p, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-you-must-be-18-years-or-older-to-register p { color: #000; font-size: 10px; font-style: italic; padding-left: 105px; margin: 10px 0; } @media only screen and (min-width: 768px) { body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-you-must-be-18-years-or-older-to-register p, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-you-must-be-18-years-or-older-to-register p { padding-left: 125px; } } @media only screen and (min-width: 1024px) { body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-you-must-be-18-years-or-older-to-register p, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-you-must-be-18-years-or-older-to-register p { padding-left: 145px; } } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-zip-code input, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-zip-code input { width: 78px; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-gender .form-radios, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-gender .form-radios { margin: 1px 8px 0 0; overflow: hidden; display: inline-block; vertical-align: top; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-gender .form-radios .form-item, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-gender .form-radios .form-item { float: left; clear: none; padding: 2px; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-gender .form-radios .form-item label, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-gender .form-radios .form-item label { display: inline-block; font-size: 1em; font-weight: normal; line-height: normal; text-align: left; margin: 0 10px 0 5px; text-transform: none; width: auto; float: none; vertical-align: bottom; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-choose-what-youd-like-to-receive p, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component#webform-component-choose-what-youd-like-to-receive p { font-size: 1.2em; font-weight: bold; margin: 10px 15px; padding: 0 0 0 25px; text-align: left; color: #777; text-transform: uppercase; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component.webform-component-checkboxes, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component.webform-component-checkboxes { padding: 0 20px; overflow: hidden; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component.webform-component-checkboxes .form-checkboxes, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component.webform-component-checkboxes .form-checkboxes { margin: 5px 0 0; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component.webform-component-checkboxes .form-checkboxes .form-item, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component.webform-component-checkboxes .form-checkboxes .form-item { margin-bottom: 0.4em; overflow: hidden; clear: both; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component.webform-component-checkboxes input, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component.webform-component-checkboxes input { float: left; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component.webform-component-checkboxes label, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component.webform-component-checkboxes label { display: inline-block; font-size: 0.85em !important; font-weight: normal; line-height: normal; text-transform: none; text-align: left; margin: 0 0 0 10px; width: 85% !important; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component.webform-component-checkboxes label a, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .webform-component.webform-component-checkboxes label a { font-size: 10px; text-decoration: none; color: #0089d0; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form #webform-component-date-of-birth, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form #webform-component-date-of-birth { border: 0; padding: 0; margin: 0 2px; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form #webform-component-date-of-birth select, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form #webform-component-date-of-birth select { padding: 5px 3px; color: #afafaf; margin: 0 5px 0 -1px; width: 83px; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .captcha, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .captcha { width: 80%; margin: 1.5em auto; } @media only screen and (max-width: 389px) { body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .captcha .g-recaptcha, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .captcha .g-recaptcha { transform: scale(0.8); -webkit-transform: scale(0.8); transform-origin: 0 center; -webkit-transform-origin: 0 center; } } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .form-actions.form-wrapper, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .form-actions.form-wrapper { margin: 15px 0 0; padding: 0; text-align: center; } body.multigummies-omega-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .form-actions.form-wrapper input.form-submit, body.multigummies-beauty-coupon-registration #container #wrapper-content-internal #content .block--webform form.webform-client-form .form-actions.form-wrapper input.form-submit { font-size: 12px; text-indent: 0; letter-spacing: 1px; margin: 5px 8px 20px 0; height: 30px; border: 1px solid #158acd; border-radius: 3px; color: white; display: inline-block; font-family: "CenturyGothic", "Helvetica", "Arial", sans-serif; padding: 6px 12px; text-shadow: 1px 1px 1px #1d679a; text-transform: uppercase; width: 139px; background: linear-gradient(to bottom, #2caee6 0%, #1d679a 100%); background: -moz-linear-gradient(top, #2caee6 0%, #1d679a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2caee6), color-stop(100%, #1d679a)); background: -webkit-linear-gradient(top, #2caee6 0%, #1d679a 100%); background: -o-linear-gradient(top, #2caee6 0%, #1d679a 100%); background: -ms-linear-gradient(top, #2caee6 0%, #1d679a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2caee6', endColorstr='#1d679a', GradientType=0); } body.multigummies-omega-coupon-registration #container #content_bottom, body.multigummies-beauty-coupon-registration #container #content_bottom { padding: 0; } body.multigummies-omega-coupon-registration #container #content_bottom .l-region, body.multigummies-beauty-coupon-registration #container #content_bottom .l-region { padding: 0; } /* Offers page CSS */ body.offers .content .offer-item.vitamints .item-image, body.offers .content .offer-item.multigummies .item-image { padding-left: 0; } body.offers .content .offer-item .item-image { text-align: center; min-width: 230px; margin-right: 25px; } @media only screen and (max-width: 600px) { body.offers .content .offer-item .item-image { margin-right: 0; } } /* Hiding Add your Own button from Power review page. */ .page-write-a-review-centrum-multigummies .pwr-war-wrapper .pr-pros-form-group .tag-container .pr-btn-add-tag { display: none; } /* Signup page webform colorbox */ body.centrum-webform-page #colorbox #cboxMiddleLeft, body.centrum-webform-page #colorbox #cboxMiddleRight { display: none; } body.centrum-webform-page #colorbox .webform-client-form { max-width: 100%; border: 0; } body.centrum-webform-page #colorbox .webform-client-form .webform-component { padding: 0; margin-bottom: 1em; } body.centrum-webform-page #colorbox .webform-client-form .webform-component input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } body.centrum-webform-page #colorbox .webform-client-form .webform-component.webform-component-select select { margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-appearance: menulist !important; appearance: menu !important; -moz-appearance: menulist !important; } body.centrum-webform-page #colorbox .webform-client-form .webform-component-markup { text-transform: none; } body.centrum-webform-page #colorbox .webform-client-form .captcha { width: 100%; } @media only screen and (max-width: 768px) { body.centrum-webform-page #colorbox .webform-client-form .captcha { transform: scale(0.9); -webkit-transform: scale(0.9); transform-origin: 0 0; -webkit-transform-origin: 0 0; } } body.centrum-webform-page #colorbox .webform-client-form .form-actions { text-align: left; margin: 0; } body.centrum-webform-page #colorbox .webform-client-form .form-actions input { width: auto; height: auto; text-transform: none; font-family: Arial, Helvetica, sans-serif; line-height: normal; letter-spacing: normal; } @media screen and (max-width: 359px) { .contact-form#colorbox { width: 320px !important; } } .contact-form#colorbox #cboxMiddleLeft, .contact-form#colorbox #cboxMiddleRight { display: none; } #block-communication-tools-communication-tools-email { border-right: none; } .centrum-multigummies-adults-50 .product-description .buttons { padding: 5px; margin-left: -5px; width: 100%; top: -22px; } .centrum-multigummies-adults-50 .product-description .buttons span.multi50 { font-size: 15px; color: #222222; font-family: CenturyGothic, Arial, Helvetica, sans-serif; } .tooltipster-content .image a[href^="/centrum-multigummies-adults-50"] { margin-top: 5px; display: block; } body .product-info h1 span.orange { color: #f26522; } .front .view-product-line-up.main-product-line-up .view-content .centrum-multigummies-products-line-up div.item-list ul li.centrum-multigummies-adults-50, .find-your-centrum .view-product-line-up.main-product-line-up .view-content .centrum-multigummies-products-line-up div.item-list ul li.centrum-multigummies-adults-50 { padding-top: 11px; } .find-your-centrum .view-product-line-up.main-product-line-up .view-content .centrum-multigummies-products-line-up div.item-list ul li.centrum-multigummies-adults-50 { padding-top: 11px; } .view-product-line-up.main-menu-list-block ul li.centrum-multigummies-adults-50 img { margin-top: 11px; } .walgreen-btn { letter-spacing: 1px; } .walgreen-text { display: inline-block; font-size: 11px; font-family: 'CenturyGothic', arial, serif; text-transform: uppercase; color: #2076aa; font-weight: bold; line-height: 14px; vertical-align: top; margin-left: 5px; } @media screen and (max-width: 320px) { .walgreen-text { font-size: 10px; margin-left: 0px; } } /* Add Where to Buy Buttons to Additional Products Page */ .product-info.additional-product .buttons { top: auto; } .product-info.additional-product .buttons a.buy { font-size: 12px; } #wrapper_footer #footer #block-menu-menu-footer-menu ul.menu li a { font-size: 10px; } /* Added new walgreen logo */ .centrum-multigummies-adults-50 .product-description .buttons { max-width: 240px; } @media (min-width: 1024px) { .centrum-multigummies-adults-50 .product-description .buttons { margin-top: 30px; } } .centrum-multigummies-adults-50 .product-description .product-labeling-wrapper.single-wrapper { display: block; }