html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
.clearfix { display: block; zoom:1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
#sanofi_header, #logo, #nav_top, #leftnav, .curve_top_left, .curve_top_right, .curve_bot_left, .curve_bot_right, .str_bot, .str_top, #backstretch, #home_top, #hero, .home_intl_spotlight, .home_spotlight, #home_inner .tabnav
{ display: none; }
#mobileHeader #sanofi_header { display: block; float:right; }
.spotlight-popup-wrap, .spotlight-items, .tabnav { display: none!important; }
#infoBox { position: absolute; left:0; top:0; z-index: 1001; display: none; max-width: 365px; padding:0 5px 5px 0; background-position: right bottom; }
#bubbleArrow { position: absolute; left:0; top:0; z-index: 1001; display: none; }
#shareDrop { position: absolute; left:0; top:0; z-index: 1001; display: none; width: 128px; border:1px solid #cccccc; border-top:none; }
/* ===============================================================
Basic Swiper Styles
================================================================*/
.swiper-container { margin:0 auto; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:1; }
.swiper-wrapper { position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; }
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { float: left; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }
/* --------------------------------------------------------------*/
body { font:14px/20px 'Arial', sans-serif; color:#606266; background:#8C8D87; }
a { color:#5a7c9f; text-decoration: none; }
p { padding-bottom: 15px; }
ul { margin-left:5px; }
ul li { list-style: none; padding:0 0 8px 23px; background:url("/sites/Corporate/_resources/img/bg_li_green.gif") 0 1px no-repeat; }
ol { counter-reset: i 0; margin-left: 12px; }
ol li:before { content: counter(i) "."; counter-increment: i; position: relative; font-weight: bold; padding-right: 10px; margin-left: -22px; }
ol li { position: relative; list-style: none; margin:0 0 8px 23px; }
label { display: block; color:#333333; font-size:14px; line-height:1.16em; font-weight: bold; padding-bottom:5px; }
input[type="text"], input[type="password"] { width: 100%; color:#666666; font-size: 12px; line-height:18px; font-family:'Arial', sans-serif; padding:7px; margin-bottom: 15px; background:#fff; border:1px solid #D2DDB3; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; border-radius: 0; }
input[type="checkbox"], input[type=radio] { display: inline-block; float: left; width:auto; padding:0; margin:1px 8px 0 0; border:none; }
input[type="submit"], button { -webkit-appearance: none; cursor: pointer; display: inline-block; width:auto; font-family:'Arial', sans-serif; padding:5px 20px; margin:0; border:none; border-radius: 0; }
textarea { width:100%; height: 100px; font-family:'Arial', sans-serif; color:#666666; font-size: 12px; line-height:18px; padding:5px 7px; margin-bottom: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:1px solid #D2DDB3; }
select { width: 100%; font-family:'Arial', sans-serif; padding:5px 7px; margin-bottom: 15px; border:1px solid #D2DDB3; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.required { color:#FF6600; }
.formContainer { padding:15px; margin:10px -15px; background: url("/sites/Corporate/_resources/img/bg_subnav_on.gif") repeat; }
.formContainer button { width: 84px; height: 34px; font-weight: bold; color:#fff; font-size: 14px; line-height: 20px; padding:2px 23px 0 0; background: url("/sites/Corporate/_resources/img/bg_submitBtn.gif") no-repeat; }
.formContainer button:hover { background: url("/sites/Corporate/_resources/img/bg_submitBtn_over.gif") no-repeat; }
.captchaForm { display: inline-block; color:#333333; font-weight: bold; margin-right: 10px; }
.captchaForm .recaptcha_only_if_image { margin-top: 10px; }
.helpButtons { display: inline-block; vertical-align: top; }
.helpButtons img { display:block; }
.bld { font-weight: bold; }
/* Btns */
.cta, .ctaList { font-weight: bold; color:#4E7398; padding-right: 16px; background: url("/sites/Corporate/_resources/img/bg_arrow_blue.png") right center no-repeat; }
.cta:hover, .ctaList:hover { color:#f56b0b; background: url("/sites/Corporate/_resources/img/bg_arrow_yellow.png") right center no-repeat; }
.toolkit { text-align: center; padding:5px 0; }
.toolkit a { display: inline-block; font-size: 11px; line-height: 14px; color:#4E7398; padding-left: 18px; margin:0 4px; background:left center no-repeat; }
.toolkit a:hover { color:#f56b0b; }
.toolkit .email { background-image: url("/sites/Corporate/_resources/img/bg_toolkit_email.gif"); }
.toolkit .email:hover { background-image: url("/sites/Corporate/_resources/img/bg_toolkit_email_roll.gif"); }
.toolkit .print { background-image:url("/sites/Corporate/_resources/img/bg_toolkit_print.gif"); }
.toolkit .print:hover { background-image:url("/sites/Corporate/_resources/img/bg_toolkit_print_roll.gif"); }
.toolkit .share { background-image:url("/sites/Corporate/_resources/img/bg_toolkit_share.gif"); }
.toolkit .share:hover { background-image:url("/sites/Corporate/_resources/img/bg_toolkit_share_roll.gif"); }
.toolkit a.text { background-image:url("/sites/Corporate/_resources/img/bg_toolkit_text.gif"); }
.toolkit a.text:hover { background-image:url("/sites/Corporate/_resources/img/bg_toolkit_text_roll.gif"); }
.cta_button { position: relative; display: inline-block; zoom:1; }
.cta_button:before, .cta_button:after { content: ""; display: table; }
.cta_button:after { clear: both; }
.cta_button .text { float: left; display: block; max-width: 275px; height: 40px; font-size: 13px; color:#fff; font-weight: bold; padding:9px 0 0 10px; margin-left: -3px; background: url("/sites/Corporate/_resources/img/bg_btn.png") left top no-repeat; }
.cta_button a:hover .text{ background: url("/sites/Corporate/_resources/img/bg_btn_roll.png") left top no-repeat; }
.cta_button .image { float: right; display: block; width: 35px; height: 40px; background: url("/sites/Corporate/_resources/img/bg_btn_right.png") right top no-repeat; }
.cta_button a:hover .image { background: url("/sites/Corporate/_resources/img/bg_btn_right_roll.png") right top no-repeat; }
.cta_button .image img { margin:14px 0 0 8px; }
.cta_button_sm { position: relative; display: inline-block; zoom:1; }
.cta_button_sm:before, .cta_button_sm:after { content: ""; display: table; }
.cta_button_sm:after { clear: both; }
.cta_button_sm .text { float: left; display: block; max-width:155px; height:32px; font-size: 13px; color:#fff; font-weight: bold; padding:6px 0 0 10px; margin-left: -3px; background: url("/sites/Corporate/_resources/img/bg_btn_sm.png") left top no-repeat; }
.cta_button_sm a:hover .text{ background: url("/sites/Corporate/_resources/img/bg_btn_roll_sm.png") left top no-repeat; }
.cta_button_sm .image { float: right; display: block; width: 35px; height:32px; background: url("/sites/Corporate/_resources/img/bg_btn_right_sm.png") right top no-repeat; }
.cta_button_sm a:hover .image { background: url("/sites/Corporate/_resources/img/bg_btn_right_roll_sm.png") right top no-repeat; }
.cta_button_sm .image img { margin:12px 0 0 8px; }
.cta_button_tiny { position: relative; display: inline-block; zoom:1; }
.cta_button_tiny:before, .cta_button_tiny:after { content: ""; display: table; }
.cta_button_tiny:after { clear: both; }
.cta_button_tiny .text { float: left; display: block; max-width: 180px; height: 26px; font-size: 11px; line-height: 17px; color:#fff; padding:4px 0 0 10px; margin-left: -3px; background: url("/sites/Corporate/_resources/img/bg_btn_tiny.png") left top no-repeat; }
.cta_button_tiny a:hover .text{ background: url("/sites/Corporate/_resources/img/bg_btn_roll_tiny.png") left top no-repeat; }
.cta_button_tiny .image { float: right; display: block; width: 25px; height: 26px; background: url("/sites/Corporate/_resources/img/bg_btn_right_tiny.png") right top no-repeat; }
.cta_button_tiny a:hover .image { background: url("/sites/Corporate/_resources/img/bg_btn_right_roll_tiny.png") right top no-repeat; }
.cta_button_tiny .image img { margin:8px 0 0 5px; }
.stroke6top { border-top:6px solid #8AB706; }
.stroke6 { border-bottom:6px solid #8AB706; }
.back_to_top { text-align: right; padding:20px 0; margin-top: 17px; border-top:1px dotted #cccccc; }
.back_to_top a { display: inline-block; font-size: 12px; line-height: 18px; font-weight: bold; color:##4E7398; padding-right: 13px; background:url("/sites/Corporate/_resources/img/bg_arrow_back_to_top.png") right center no-repeat; }
.back_to_top a:hover { color:#f56b0b; background:url("/sites/Corporate/_resources/img/bg_arrow_back_to_top_roll.png") right center no-repeat; }
.viewAll { display: inline-block; color:#535353; padding-right: 20px; background:url("/sites/Corporate/_resources/img/bg_view_all.png") right center no-repeat; }
.viewAll:hover { color:#f56b0b; }
.asterisk { display: block; font-size: 10px; line-height: 14px; padding:5px 0; }
/* Videos --------------------------------- */
.video-wrapper { position: relative; height: auto; padding-bottom: 56.25%; margin:0 auto 20px auto; }
@media (max-width:1000px) { .mobileVideo { height:588px; } }
@media (max-width:900px) { .mobileVideo { height:529px; } }
@media (max-width:800px) { .mobileVideo { height:471px; } }
@media (max-width:700px) { .mobileVideo { height:412px; } }
@media (max-width:600px) { .mobileVideo { height:353px; } }
@media (max-width:500px) { .mobileVideo { height:294px; } }
@media (max-width:400px) { .mobileVideo { height:235px; } }
/* Tables --------------------------------- */
table { width: 100%; border-collapse: collapse; }
table thead tr { color:#606266; font-weight: bold; background:#E5E5E5; border-bottom:6px solid #8AB706; }
table td { vertical-align: top; padding:8px; border:1px solid #fff; }
table tbody tr { background: url("/sites/Corporate/_resources/img/bg_subnav_on.gif") repeat; }
table tbody .alt { background: url("/sites/Corporate/_resources/img/bg_subnav_on_alt.gif") repeat; }
#careers thead tr { border-bottom:6px solid #D9A401; }
#careers table tbody tr { background: url("/sites/Corporate/_resources/img/bg_subnav_on_careers.gif") repeat; }
#careers table tbody .alt { background:url("/sites/Corporate/_resources/img/bg_subnav_on_careers_alt.gif") repeat; }
/* Layout --------------------------------- */
#main_content, #main_content_L2 { padding:15px; background:#fff; }
/* Header --------------------------------- */
/* Top */
#mobileHeader .top { padding:5px 10px; background: #fff; }
#mobileHeader .searchIcon { float: left; display: block; width: 20px; height: 20px; text-indent: -9999px; margin-top: 2px; background: url("/sites/Corporate/_resources/img/searchIconLoRes.png") no-repeat; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), screen and (-moz-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { #mobileHeader .searchIcon { background:url("/sites/Corporate/_resources/img/searchIconHiRes.png") no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; } }
#mobileHeader .searchWrapper { display: none; position: absolute; left:0; top:36px; z-index: 20; width:100%; background:#fff; -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.2); box-shadow: 0 5px 5px 0 rgba(0,0,0,.2); }
#mobileHeader .searchWrapper #search { position: relative; padding:3px; margin:10px; border:1px solid #dedfdf; border-radius:5px; background: #dedfdf; }
#mobileHeader .searchWrapper input[type="text"] { font-weight: bold; font-size: 12px; line-height: 18px; padding:2px 7px 0 7px; margin:0; border:none; background: #dedfdf; }
#mobileHeader .searchWrapper input[type="submit"] { position: absolute; right:0; top:8px; display: block; width: 20px; height: 10px; text-indent: -9999px; background:url("/sites/Corporate/_resources/img/mobileSearchArrowLoRes.png") no-repeat; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), screen and (-moz-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { #mobileHeader .searchWrapper input[type="submit"] { background:url("/sites/Corporate/_resources/img/mobileSearchArrowHiRes.png") no-repeat; -webkit-background-size:20px 10px; background-size: 20px 10px; } }
.languagePickerTitle { cursor: pointer; position: relative; display: block; float: left; padding:3px 15px 0 15px; }
.languagePickerTitle:after { content: ""; position: absolute; right:0; top:9px; width:10px; height:9px; background: url("/sites/Corporate/_resources/img/mobileLanguageArrow.png") no-repeat; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), screen and (-moz-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .languagePickerTitle:after { background:url("/sites/Corporate/_resources/img/mobileLanguageArrowHiRes.png") no-repeat; -webkit-background-size:10px 9px; background-size: 10px 9px; } }
.languagePicker { display: none; position: absolute; left:43px; top:36px; z-index: 20; width:50%; background:#fff; -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.2); box-shadow: 0 5px 5px 0 rgba(0,0,0,.2); }
.languagePicker li { font-size: 12px; line-height: 18px; font-weight: bold; padding:2px 0; background: none;}
#mobileHeader .sanofiLogo img { float: right; display: block; }
/*6-9-14*/
.left_module { display: none; }
.toolkit .print, .toolkit a.text { display: none; }
.shareDropCont { position: relative; display: inline-block; float: left; width: 128px; background: #fff; margin-top:16px; padding: 0 0 5px 0; }
.shareDropCont ul { margin-left: -15px; }
.shareDropCont ul li { background: none; }
.left_module .inner ul.smLinks li, .right_module .inner ul.smLinks li { background: none; }
.left_module .inner ul.smLinks, .right_module .inner ul.smLinks { margin-left: -20px; }
.main_middle img.thumb { max-width: inherit; }
.question { background-image: url(/sites/Corporate/_resources/img/bg_question.png); background-repeat: no-repeat; background-position: top left; font-weight: bold; }
.answer { background-image: url(/sites/Corporate/_resources/img/bg_answer.png); _background-image: url(/sites/Corporate/_resources/img/bg_answer.gif); background-repeat: no-repeat; background-position: top left; }
.question, .answer { display: block; margin-top: 10px; padding-left: 30px; font-family: Arial; font-size: 1.16em; line-height: 18px; color: #606266; }
.quote_callout { padding: 25px 0 25px 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; margin: 0 0 25px 0; }
.quote_callout .quote { background-image: url(/sites/Corporate/_resources/img/bg_quotes_green.png); background-repeat: no-repeat; background-position: top left; display: block; padding-left: 30px; font-family: Georgia; font-size: 1.5em; line-height: 32px; color: #690; }
.quote_callout .quote .author { display: block; font-family: Arial; font-size: .6em; color: #606266; line-height: normal; margin-top: 5px; padding-left: 14px; background-image: url(/sites/Corporate/_resources/img/bg_dash_author_gray.gif); background-repeat: no-repeat; background-position: top left; }
.top25 { margin-top: 25px; }
.headline { margin-bottom: 15px; }
.headline a { font-weight: bold; }
.dateformat { margin-top: 20px; }
.resultsContainer div a { display: block; color: #4e7398; font-weight: bold; font-size: 1.16em; }
.resultsContainer div.alt { background-image: url(/sites/Corporate/_resources/img/bg_subnav_on_lt.gif); }
.resultsContainer div { padding: 11px; }
.main_middle_wide .pager ul, .main_middle_wide .pager ul li { background: none; position: relative; padding: 0 5px; display: inline-block; height: 23px; line-height: 23px; color: #f56b0b; font-weight: bold; width: auto!important; }
.pager { text-align: center; display: block; border-top: 1px solid #d8d8d8; margin-top: 35px; padding-top: 10px; }
.pager ul li { display: inline-block; padding-left: 7px; padding-right: 7px; border-left: 1px solid #d8d8d8; }
.pager span { display: none; }
#main_middle_content_full #leftColAlt #leftSearch { margin-top: 20px; }
.jqmOverlay { background: #000; }
.playBtn { position: absolute; }
/* Middle Top */
#mobileHeader .middleTop { text-align: center; background: #aaaba8; }
#mobileHeader .middleTop ul { margin:0; padding:14px 10px; }
#mobileHeader .middleTop li { display: inline-block; padding:0; background: none; }
#mobileHeader .middleTop li.accountLink { padding-right:10px; margin-right:6px; border-right:1px solid #fff; }
#mobileHeader .middleTop li a { display: block; color:#fff; font-size: 12px; line-height:14px; }
#mobileHeader .middleTop li button { background:none; color:#fff; padding:0px;}
/* Middle Bottom */
#mobileHeader .middleBottom { position: relative; padding:0 15px; background: #d9d5d4; }
#mobileHeader .genzymeLogo { float: left; display: block; padding:5px 0; }
/*#mobileHeader .genzymeLogo img { width: 125px; height: auto; }*/
#mobileHeader .contactIcon { display: block; float: right; width:35px; height:23px; text-indent: -9999px; margin:14px 58px 0 10px; background: url("/sites/Corporate/_resources/img/contactIconLoRes.png") no-repeat; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), screen and (-moz-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) {#mobileHeader .contactIcon { background:url("/sites/Corporate/_resources/img/contactIconHiRes.png") no-repeat; -webkit-background-size: 35px 23px; background-size: 35px 23px; } }
#mobileHeader .globalIcon { display: block; float: right; width:23px; height:23px; text-indent: -9999px; margin:14px 0 0 10px; background: url("/sites/Corporate/_resources/img/globeIconLoRes.png") no-repeat; }
#mobileHeader .hpIcon img { display: block ; float: right; width:25px; text-indent: -9999px; margin:11px 0 0 10px; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), screen and (-moz-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { #mobileHeader .globalIcon { background:url("/sites/Corporate/_resources/img/globeIconHiRes.png") no-repeat; -webkit-background-size: 23px 23px; background-size: 23px 23px; } }
#mobileHeader .mobileBtn { position: absolute; top:0; right:0; border-left: 1px solid #b0afab; }
.mobileNav { clear:both; text-align:left; margin:0 -15px; background:#8C8D87; }
.mobileNav ul { margin:0; }
.mobileNav li { position: relative; padding:0; background: none !important; }
.mobileNav li a { display: block; color:#333333; font-size: 17px; font-weight: bold; padding:18px 15px; border-top:1px solid #b0afab; background:#D9D5D4; }
.mobileNav .level2 li a { font-weight: normal; font-size: 14px; background:#fff; border-top:1px solid #b2aa9d; }
.mobileNav .level3 li a { font-size: 12px; line-height: 18px; background:#fff; border-top:1px solid #d5d5d5; }
.mobileBtn { display: block; width:60px; height: 51px; background: url("/sites/Corporate/_resources/img/mobileBtn.jpg") no-repeat; }
.mobileBtnLvl2, .mobileBtnLvl3 { display: block; position: absolute; right:0; top:0; width: 55px; height: 15px; padding:21px 15px; background: url("/sites/Corporate/_resources/img/mobileBtnLvl2.png") center center no-repeat; }
.mobileBtnLvl3 { background: url("/sites/Corporate/_resources/img/mobileBtnLvl3.png") center center no-repeat; }
.mobileNav, .level2, .level3 { display: none; }
/* Bottom */
#mobileHeader .bottom { text-align: center; background: #fff; }
#mobileHeader .countryHeader { display: block; font-weight: bold; text-transform: uppercase; color:#fff; padding:5px 10px; background:#656660; }
/* Footer --------------------------------- */
.genzyme_intl { border-bottom: 10px solid #464646; }
#footer { padding:0 0 10px 0; background:#86b614; border-top:1px solid #b5b5b5; }
#footer #touts { display: none; color:#333333; font-size: 12px; line-height: 18px; padding:15px; background: url("/sites/Corporate/_resources/img/bg_contact_us.gif") repeat; }
#footer #touts a:hover { color:#f56b0b; }
#footer .tout { padding-bottom: 20px; }
#footer .header .title { display: inline-block; font-size: 14px; line-height: 20px; font-family: 'Arial', sans-serif; padding-right: 18px; background: url("/sites/Corporate/_resources/img/bg_tout_arrow_green.png") right center no-repeat; }
#footer .header .title:hover { background: url("/sites/Corporate/_resources/img/bg_tout_arrow_roll.png") right center no-repeat; }
#footer .body { padding:0 0 20px 0; border-bottom:1px dotted #C7C7C7; }
#footer .body .title { display: inline-block; font-weight: normal; font-size: 18px; line-height: 1.5em; font-family: 'Georgia', serif; color:inherit; }
#footer .body p { padding-bottom: 0; }
#footer #copyright { font-size: 11px; line-height: 14px; padding:25px 15px 15px 15px; background:#fff; }
#footer #copyright .left span { display: block; margin-bottom: 10px; }
#footer #copyright .smLinks li { display: inline-block; padding:0 5px 0 0; background: none; }
#footer #copyright #cont { text-align:center; width: 100% }
#footer #copyright .left, #footer #copyright .smLinks, #footer #copyright .right { vertical-align: middle; margin:0 0 10px; font-size:12px; color:#999; }
#footer #copyright .smLinks { padding:0 10px; }
#brand-footer { background:#eee; font-family: Arial; font-size: 12px; color:#8a8a8a; }
.link-bar { text-align:center; }
.link-bar .contact { display: inline-block; color: #999; padding:10px 5px; }
.link-bar a:link,
.link-bar a:visited { color: #555; text-decoration: none; }
#brand-footer .link-bar .smLinks { margin:0px; text-align:center; margin:10px 0; }
#brand-footer .link-bar .smLinks li { background:none; display:inline-block; padding:0 10px; }
.smLinks img { display:none; }
.smLinks span img { display: inline; }
.info-bar { }
.info-bar .copy { padding:0 5px; margin-bottom:10px; color:#6e6e6e; }
.optImg img { margin-top:10px; }
.info-bar .logo-foot { text-align:center; margin:25px 0; }
#home_inner span.printlogo,
.logo-foot span.printlogo { display: none; }
.approval-code { margin: 0 0 0 5px; }
#home_footer { font-size: 12px; line-height: 18px; color:#fff; padding:10px 20px; margin:0 -20px; background: #000; }
#home_footer a { color:#fff; }
#home_footer a:hover { text-decoration: underline; }
#home_footer .smLinks { margin:0; }
#home_footer .smLinks li { display: inline-block; padding:0; margin:12px 5px 6px 0; background: none; }
#copyrightIntl { font-size: 12px; line-height: 18px; color:#999999; padding:15px; background: #fff; }
#copyrightIntl .copyInfo { margin-bottom: 15px; }
#copyrightIntl a { color:#999999; }
#copyrightIntl .smLinks li { display: inline-block; padding:0 5px; background:none; }
#copyrightIntl { text-align: center; }
#copyrightIntl .copyLogo, #copyrightIntl .copyLinks { margin-bottom: 15px; }
@media (max-width:959px) { .approval-code-corporate { display:none; } }
/* Headings ----------------------- */
.header { color:#669900; font-family: 'Georgia', serif; font-size:24px; line-height: 1.1em; padding-bottom: 20px; }
.subheader { font-size: 16px; line-height: 24px; font-weight: bold; }
#title_intro_in { color:#333333; font-family: 'Georgia', serif; font-size:18px; line-height: 1.5em; padding-bottom: 20px; }
/* Homepage ------------------------------- */
.homeFooter { display: block !important; margin:0 -15px -15px -15px; }
#home_footer { display: none; }
.swiper-container { width: 100%; height: 100%; color: #fff; text-align: center; display: none; }
.swiper-slide { background: #fff; }
.swiper-slide .title { color:inherit; line-height:normal; font-weight: normal; }
.pagination { position: absolute; z-index: 20; left: 10px; bottom: 10px; width: 100%; text-align: center; }
.swiper-pagination-switch { cursor: pointer; display: inline-block; width: 15px; height: 15px; margin:0 5px; border-radius: 15px; background: #b2b0ae; }
.swiper-active-switch { background: #85b613; }
.spotlightHeader { position: relative; text-align: center; padding:10px 30px; background: #85b613;}
.spotlightHeader h1 { color:#fff; font-weight: bold; font-size: 16px; line-height: 22px; }
.spotlightHeader h2 { color:#fff; font-size: 14px; line-height: 20px; }
.spotlightContent { text-align: left; color:#4f4f4f; font-size: 15px; line-height: 21px; }
.spotlightContent h3 { font-family: 'Georgia', serif; font-size: 17px; line-height: 1.1em; font-weight: bold; padding-bottom: 15px; }
.spotlightContent blockquote { font-family: 'Georgia', serif; color:#909090; font-size: 15px; line-height: 23px; font-style: italic; padding-bottom: 15px; }
.spotlightContent .cta_button { margin-bottom: 20px; }
.spotlightVideo { margin:15px; }
ul.slides { /*background: url("/sites/Corporate/_resources/img/play-btn.png") top center no-repeat;*/ }
.spotlightVideo img { max-width: 100%; display: block; }
.spotlightMap { display: none; text-align: center; margin-bottom: 15px; }
#home_inner { padding:15px; background: #fff; border-top:10px solid #85b613; }
#home_inner .sm { margin:0; }
#home_inner .sm li { width: auto !important; height: auto !important; padding:0; background: none; }
#home_inner span { display: block; }
#home_inner .hdr { display:inline-block; font-size: 17px; line-height: 23px; color:#669900; padding-right: 18px; background: url("/sites/Corporate/_resources/img/bg_tout_arrow_green.png") right -2px no-repeat; margin-bottom:10px;}
#home_inner .col_l > span,
#home_inner span.title { margin-bottom: 10px; }
#home_inner .title { font-family: 'Georgia', serif; color:#4E7398; font-size:17px; line-height: 1.1em; font-weight: normal; }
#home_inner .title:hover { color:#f56b0b; }
#home_inner .txt { display: block !important; width: auto !important; margin-bottom: 10px; }
#home_inner .txt p { padding:0; }
#home_inner .col_r { display: block !important; font-size: 12px; line-height: 18px; margin-bottom: 20px; }
#home_inner .col_r a { display: block; }
#home_inner .col_r img { display: block; }
.genzyme_intl #L2_main_bottom .itm { width: 100%; }
/* Interior Widgets ----------------------- */
#L2_main_top { position: relative; }
#L2_main_top #hero { position: relative; margin:-5px -5px 0 -5px; }
#L2_main_top #hero img { max-width: 100%; }
#L2_main_top #hero_text { position: absolute; left:-10px; top:25px; max-width: 452px; color:#fff; padding:15px; margin:0 -5px; background:url("/sites/Corporate/_resources/img/dkGreenStripeBG.jpg") repeat; }
#L2_main_top #hero_text .non_quo { font-family: 'Georgia', serif; font-size:22px; line-height: 1.3em; font-weight: normal; }
#L2_main_top #hero_text .non_author { font-size: 12px; line-height: 18px; }
#L2_main_top #hero_text .cta_button { position: absolute; right:-15px; bottom:-27px; }
#L2_main_bottom { display: block; zoom:1; }
#L2_main_bottom:before, #L2_main_bottom:after { content: ""; display: table; }
#L2_main_bottom:after { clear: both; }
#L2_main_bottom .itm { float: left; width: 50%; padding:20px 0; margin:0 !important; }
#L2_main_bottom .itm .title { color:#333333; font-family: 'Georgia', serif; font-size:24px; line-height: 1.1em; font-weight: normal; padding-bottom: 5px; }
#L2_main_bottom .itm .details, #L2_main_bottom .itm .itm_img { margin:0 10px; }
#L2_main_bottom .itm ul { margin:0px; }
#L2_main_bottom .itm ul li { background-position: -9px 1px; padding:0 0 8px 13px; }
.main_middle img { max-width: 100%; }
#main_content #hero { position: relative; height: 143px; overflow: hidden; margin:-5px -5px 0 -5px; }
#main_content #hero_img { position: absolute; left:0; top:0; z-index: 10; }
#main_content #hero_img img { display: block; }
#main_content #hero_title, #main_content #hero_title_alt { display: table; height: 143px; position: relative; z-index: 20; text-shadow:1px 1px 5px #000; font-family: 'Georgia', serif; color:#fff; font-size: 3.83em; line-height:1em; padding:0 20px; }
#main_content #hero_title .lrg, #main_content #hero_title_alt .lrg { display: table-cell; vertical-align: middle; }
.locationName { display: none; }
#quote_callout { display: none; padding-bottom: 20px; }
#quote_callout .quote { color:#669900; font-family: 'Georgia', serif; font-size:18px; line-height: 1.5em; padding-bottom: 10px; }
#quote_callout .author { font-size: 12px; line-height: 18px; text-align: right; padding-top: 10px; border-top:1px dotted #c7c7c7; }
.left_module { text-align: center; margin-bottom: 20px; background:url("/sites/Corporate/_resources/img/bg_contact_us.gif") repeat; }
.left_module .inner { text-align: left; padding:15px; }
.left_module a:hover { color:#f56b0b; }
.caption { font-size: 12px; line-height: 18px; margin-bottom: 20px; border-bottom: 1px dotted #CCCCCC; }
.iso { display: table; padding:15px; margin:10px 0 25px 0; border-top:6px solid #8AB706; background:url("/sites/Corporate/_resources/img/bg_contact_us.gif") repeat; }
.iso h2 { color:#333333; font-family: 'Georgia', serif; font-size: 18px; line-height: 1.5em; padding-bottom: 5px; }
.iso p { font-size: 12px; line-height: 18px; }
.iso .thumb { display: table-cell; vertical-align: top; }
.iso .bdy { display: table-cell; vertical-align: top; padding-left:15px; }
.iso2 { padding:15px; margin:10px 0 25px 0; border-top:6px solid #8AB706; background:url("/sites/Corporate/_resources/img/bg_contact_us.gif") repeat; }
.iso2 h2 { color:#333333; font-family: 'Georgia', serif; font-size: 18px; line-height: 1.5em; padding-bottom: 5px; }
.iso2 p, .iso2 li { font-size: 12px; line-height: 18px; }
.item { display: table; padding-bottom: 15px; border-top:1px dotted #C7C7C7; }
.item .item_img { display: table-cell; vertical-align: top; }
.item_details { display: table-cell; vertical-align: top; padding:15px 0 0 15px; }
.item_details .title { display: block; color:#333333; font-family: 'Georgia', serif; font-size:24px; line-height: 1.1em; font-weight: normal; }
.item_details .text { display: block; font-size: 16px; padding-bottom: 10px; }
.inset_image { margin-bottom:25px; border-top:1px dotted #C7C7C7; }
.inset_div.left { float: left; margin-right: 15px; }
.inset_image_body { padding:15px 0 0 0; }
.photo_single { padding:15px 0; }
.photo_single img { max-width: 100%; width: auto !important; height: auto !important; }
.photo_single div { font-size: 12px; line-height: 18px; }
.photos { margin-bottom: 20px; border-bottom:1px dotted #cccccc; }
.photos .pix { position: relative; max-width: 440px; }
.photos .picInfo { zoom:1; position: absolute; left:0; bottom:0; width: 100%; background: rgba(0,0,0,.7); }
.photos .picInfo:before, .photos .picInfo:after { content: ""; display: table; }
.photos .picInfo:after { clear: both; }
.photos .picInfo .title { float: left; font-family: 'Georgia', serif; font-size:18px; color:#fff; font-weight: normal; line-height: 1.5em; padding:8px; }
.photos .picInfo .photo_nav { float: right; display: inline-block; padding:12px 8px; }
.photos .picInfo .photo_nav .bac { float: left; width: 19px; height: 19px; background:url("/sites/Corporate/_resources/img/bg_nav_arrow_bac.png") right bottom no-repeat; }
.photos .picInfo .photo_nav .bac:hover { background:url("/sites/Corporate/_resources/img/bg_nav_arrow_bac_roll.png") right bottom no-repeat; }
.photos .picInfo .photo_nav .for { float: left; width: 19px; height: 19px; background:url("/sites/Corporate/_resources/img/bg_nav_arrow_for.png") right bottom no-repeat; }
.photos .picInfo .photo_nav .for:hover { background:url("/sites/Corporate/_resources/img/bg_nav_arrow_for_roll.png") right bottom no-repeat; }
.photos .picInfo .photo_nav #picpage { float: left; font-family: 'Georgia', serif; font-size:14px; color:#fff; font-weight: normal; line-height: 1.5em; padding:0 10px; }
.photos .title_sub { font-size: 12px; line-height: 18px; padding:10px 0; }
.awardFeature { padding:15px 0; border-top:1px dotted #C5DB83 }
.awardFeature .titleAward { color:#669900; font-family: 'Georgia', serif; font-size:24px; line-height: 1.1em; font-weight: normal; padding-bottom: 20px; }
.awardFeature .thumbAward { float: left; margin-right: 15px; border-bottom: 6px solid #8ab706; }
#contact_us { font-size: 12px; line-height: 18px; overflow: hidden; padding:10px 10px 10px 18px; margin-bottom: 10px; background: url("/sites/Corporate/_resources/img/bg_contact_us.gif") repeat; }
#contact_us #title { float: left; height: 20px; font-size: 16px; line-height: 22px; color:#669900; font-weight: bold; }
#contact_us .button { float: right; display: block; width: 20px; height: 20px; background: url("/sites/Corporate/_resources/img/btn_contact_down.png") right center no-repeat; }
#contact_us_more { display: none; padding-top: 8px; }
#contact_us .sub_title { font-weight: bold; }
.right_module { position: relative; text-align: center; margin-bottom: 10px; background: url("/sites/Corporate/_resources/img/bg_contact_us.gif") repeat; }
.right_module img { display: none; }
.right_module .title { zoom:1; padding-bottom:7px; }
.right_module .title .titleImage { float: left; margin-right:15px; }
.right_module .inner { text-align: left; font-size: 12px; line-height: 18px; padding:15px; }
.right_module .inner img { display: block; }
.right_module .setHgt250 { padding-bottom:30px; }
.right_module .inner .dark { font-weight: bold; color:#424242; }
#officers .ofcr { display: table; width: 100%; padding-bottom: 10px; margin-bottom: 15px; border-bottom:1px dotted #C7C7C7; }
#officers .ofcr a { display: table-cell; vertical-align: top; width: 55px; }
#officers .ofcr .info { display: table-cell; vertical-align: top; padding-left: 15px; }
#officers .ofcr .info a { display:inline-block; width: auto; }
#product_list { text-align: right; margin-bottom: 25px; }
#product_list .product_header { text-align: left; padding:10px; border-top:1px solid #fff; background: url("/sites/Corporate/_resources/img/bg_subnav_on.gif") repeat; }
#product_list .product_header a { display: inline-block; color:#535353; padding-left:22px; background: url("/sites/Corporate/_resources/img/btn_product_header_down.png") left center no-repeat; }
#product_list .product_header a:hover { color:#f56b0b; }
#product_list .product_header .on { background:url("/sites/Corporate/_resources/img/btn_product_header_up.png") left center no-repeat; }
#product_list .first { margin-top: 10px; border-top:6px solid #8AB706; }
#product_list .product_more { text-align: left; padding:15px; }
.productOverlayList { display: none; }
.prod_name,
.product .desc a.prodOverlay { display:none; }
.product .table { width: 100%; display: table; padding-bottom:20px; border-top:1px dotted #cccccc; }
.product img { display: table-cell; vertical-align: middle; }
.product .desc { display: table-cell; vertical-align: middle; }
.product .desc a { display:inline-block; color:#fff; padding:4px 24px 4px 8px; margin:5px 0; border-radius:2px; background: url("/sites/Corporate/_resources/img/prod_overlay_arrow.png") no-repeat scroll right center; }
.product .entry { height: 200px; padding:20px 15px; margin:0 -15px 25px -15px; border-bottom:6px solid #8AB706; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
#rotatorNav { position: absolute; bottom:0; right:0; }
#rotatorNav a { display: inline-block; color:#8AB706; font-size: 12px; padding:0 4px; margin-left:5px; background: #fff; }
#rotatorNav a.active { color:#fff; background:#8AB706; }
.pipeline .myThickboxClass { display: none; }
.pipeline .cont span { /*display: block !important;*/ }
.pipeline .top { display: none; }
.pipeline .graph { margin:30px 0; }
.pipeline .graph h2 { color:#669900; font-family: 'Georgia', serif; padding-bottom: 10px; }
.pipeline .graph .grItm_odd { padding:10px; border-bottom:2px solid #fff; background:url("/sites/Corporate/_resources/img/bg_subnav_on_alt.gif") repeat; }
.pipeline .graph .grItm_even { padding:10px; border-bottom:2px solid #fff; background:url("/sites/Corporate/_resources/img/bg_subnav_on.gif") repeat; }
.pipeline .graph .exp { display: none; }
.pipeline .graph .more { display: block !important; font-size: 12px; line-height: 18px; padding-bottom: 20px; }
.pipeline .graph .name { font-size: 12px; }
.pipeline .graph .science { font-size: 12px; font-style: italic; }
.pipeline .phase { display: none; }
.pipeline .grBar { display: none; }
.pipeline .phaseText { font-size: 11px; float: right; margin-top: -62px; text-transform: uppercase; font-weight: bold; line-height: 17px; padding-top: 5px; }
/* Section Color Swaps */
/* PURPLE */
#responsibility ul li,
#purple ul li { background:url("/sites/Corporate/_resources/img/bg_li_purple.gif") 0 1px no-repeat; }
#responsibility #L2_main_top #hero_text,
#purple #L2_main_top #her_text { background: url("/sites/Corporate/_resources/img/pattern-responsibility.jpg") repeat; }
#responsibility #footer,
#purple #footer { background:#651D4C; }
#responsibility #footer #touts,
#purple #footer #touts { background: url("/sites/Corporate/_resources/img/bg_footer_patients.gif") repeat; }
#responsibility .photos .picInfo .title,
#purple .photos .picInfo .title { color:#fff; }
#responsibility #rotatorNav a,
#purple #rotatorNav a { color:#651D4C; }
#responsibility #rotatorNav a.active,
#purple #rotatorNav a.active { color:#fff; background:#651D4C; }
#responsibility .stroke6,
#responsibility table thead tr,
#purple .stroke6,
#purple table thead tr
{ border-bottom:6px solid #651D4C; }
#responsibility .header,
#responsibility .title,
#responsibility #contact_us #title,
#purple .header,
#purple .title,
#purple #contact_us #title
{ color:#651D4C; }
#responsibility .stroke6top,
#responsibility #product_list .first,
#responsibility .iso,
#responsibility .iso2,
#purple .stroke6top,
#purple #product_list .first,
#purple .iso,
#purple .iso2
{ border-top:6px solid #651D4C; }
#responsibility .iso,
#responsibility .iso2,
#responsibility #contact_us,
#responsibility .right_module,
#responsibility #product_list .product_header,
#responsibility table tbody tr,
#purple .iso,
#purple .iso2,
#purple #contact_us,
#purple .right_module,
#purple #product_list .product_header,
#purple table tbody tr
{ background: url("/sites/Corporate/_resources/img/bg_contact_us_media.gif") repeat; }
/* BLUE */
#blue ul li { background:url("/sites/Corporate/_resources/img/bg_li_blue.gif") 0 1px no-repeat; }
#blue #L2_main_top #hero_text { background: url("/sites/Corporate/_resources/img/pattern-blue.jpg") repeat; }
#blue #footer { background:#0d4599; }
#blue #footer #touts { background: url("/sites/Corporate/_resources/img/bg_footer_investors.gif") repeat; }
#blue .photos .picInfo .title { color:#fff; }
#blue #rotatorNav a { color:#0d4599; }
#blue #rotatorNav a.active { color:#fff; background:#0d4599; }
#blue .stroke6,
#blue table thead tr
{ border-bottom:6px solid #0d4599; }
#blue .header,
#blue .title,
#blue #contact_us #title
{ color:#0d4599; }
#blue .stroke6top,
#blue #product_list .first,
#blue .iso,
#blue .iso2
{ border-top:6px solid #0d4599; }
#blue .iso,
#blue .iso2,
#blue #contact_us,
#blue .right_module,
#blue #product_list .product_header,
#blue table tbody tr { background: url("/sites/Corporate/_resources/img/bg_contact_us_inv.gif") repeat; }
#blue .mobileBtnLvl2, .mobileBtnLvl3 { background: url("/sites/Corporate/_resources/img/mobileBtnLvl2_sanofi_blue.png") center center no-repeat; }
#blue .mobileBtn { display: block; width:60px; height: 51px; background: url("/sites/Corporate/_resources/img/mobileBtn_sanofi_blue.jpg") no-repeat; }
.blue .spotlightHeader { position: relative; text-align: center; padding:10px 30px; background: #324392; }
.blue #footer { padding:0 0 10px 0; background:#324392; border-top:1px solid #b5b5b5; }
.blue #home_inner { padding:15px; background: #fff; border-top:10px solid #324392; }
.blue #home_inner .hdr{ color: #324392; }
.blue .mobileBtn { display: block; width:60px; height: 51px; background: url("/sites/Corporate/_resources/img/mobileBtn_sanofi_blue.jpg") no-repeat; }
.blue #home_inner .hdr { background: url("/sites/Corporate/_resources/img/bg_tout_arrow_blue.png") right -2px no-repeat; }
.blue .mobileBtnLvl2, .mobileBtnLvl3 { background: url("/sites/Corporate/_resources/img/mobileBtnLvl2_sanofi_blue.png") center center no-repeat; }
#exitconfirm .top,
#formconfirm .top,
#euconfirm .top {display:block;width:450px;height:6px;background-image:url(/sites/Corporate/_resources/img/lightbox_top_green.png); background-repeat:no-repeat; background-position:top left;position:absolute; bottom:0;}
/* LIGHT BLUE */
#patients ul li,
#lightblue ul li { background:url("/sites/Corporate/_resources/img/bg_li_ltblue.gif") 0 1px no-repeat; }
#patients #L2_main_top #hero_text,
#lightblue #L2_main_top #hero_text { background: url("/sites/Corporate/_resources/img/pattern-patients.jpg") repeat; }
#patients #footer,
#lightblue #footer { background:#11809C; }
#patients #footer #touts,
#lightblue #footer #touts { background: url("/sites/Corporate/_resources/img/bg_footer_patients.gif") repeat; }
#patients .photos .picInfo .title,
#lightblue .photos .picInfo .title { color:#fff; }
#patients #rotatorNav a,
#lightblue #rotatorNav a { color:#11809C; }
#patients #rotatorNav a.active,
#lightblue #rotatorNav a.active { color:#fff; background:#11809C; }
#patients .stroke6,
#patients table thead tr,
#lightblue .stroke6,
#lightblue table thead tr
{ border-bottom:6px solid #11809C; }
#patients .header,
#patients .title,
#patients #contact_us #title,
#lightblue .header,
#lightblue .title,
#lightblue #contact_us #title
{ color:#11809C; }
#patients .stroke6top,
#patients #product_list .first,
#patients .iso,
#patients .iso2,
#lightblue .stroke6top,
#lightblue #product_list .first,
#lightblue .iso,
#lightblue .iso2
{ border-top:6px solid #11809C; }
#patients .iso,
#patients .iso2,
#patients #contact_us,
#patients .right_module,
#patients #product_list .product_header,
#patients table tbody tr,
#lightblue .iso,
#lightblue .iso2,
#lightblue #contact_us,
#lightblue .right_module,
#lightblue #product_list .product_header,
#lightblue table tbody tr
{ background: url("/sites/Corporate/_resources/img/bg_contact_us_patients.gif") repeat; }
/* GOLD */
#careers ul li,
#gold ul li { background:url("/sites/Corporate/_resources/img/bg_li_yellow.gif") 0 1px no-repeat; }
#careers #L2_main_top #hero_text,
#gold #L2_main_top #hero_text { background: url("/sites/Corporate/_resources/img/pattern-careers.jpg") repeat; }
#careers #footer,
#gold #footer { background:#D9A401; }
#careers #footer #touts,
#gold #footer #touts { background: url("/sites/Corporate/_resources/img/bg_footer_patients.gif") repeat; }
#careers .photos .picInfo .title,
#gold .photos .picInfo .title { color:#fff; }
#careers #rotatorNav a,
#gold #rotatorNav a { color:#D9A401; }
#careers #rotatorNav a.active,
#gold #rotatorNav a.active { color:#fff; background:#D9A401; }
#careers .stroke6,
#careers table thead tr,
#gold .stroke6,
#gold table thead tr
{ border-bottom:6px solid #D9A401; }
#careers .header,
#careers .title,
#careers #contact_us #title,
#gold .header,
#gold .title,
#gold #contact_us #title
{ color:#D9A401; }
#careers .stroke6top,
#careers #product_list .first,
#careers .iso,
#careers .iso2,
#gold .stroke6top,
#gold #product_list .first,
#gold .iso,
#gold .iso2
{ border-top:6px solid #D9A401; }
#careers .iso,
#careers .iso2,
#careers #contact_us,
#careers .right_module,
#careers #product_list .product_header,
#careers table tbody tr,
#gold .iso,
#gold .iso2,
#gold #contact_us,
#gold .right_module,
#gold #product_list .product_header,
#gold table tbody tr
{ background: url("/sites/Corporate/_resources/img/bg_contact_us_careers.gif") repeat; }
/* MAROON */
#maroon ul li { background:url("/sites/Corporate/_resources/img/bg_li_maroon.gif") 0 1px no-repeat; }
#maroon #L2_main_top #hero_text { background: url("/sites/Corporate/_resources/img/pattern-maroon.jpg") repeat; }
#maroon #footer { background:#872631; }
#maroon #footer #touts { background: url("/sites/Corporate/_resources/img/bg_footer_maroon.gif") repeat; }
#maroon .photos .picInfo .title { color:#fff; }
#maroon #rotatorNav a { color:#872631; }
#maroon #rotatorNav a.active { color:#fff; background:#872631; }
#maroon .stroke6,
#maroon table thead tr
{ border-bottom:6px solid #872631; }
#maroon .header,
#maroon .title,
#maroon #contact_us #title
{ color:#872631; }
#maroon .stroke6top,
#maroon #product_list .first,
#maroon .iso,
#maroon .iso2
{ border-top:6px solid #872631; }
#maroon .iso,
#maroon .iso2,
#maroon #contact_us,
#maroon .right_module,
#maroon #product_list .product_header,
#maroon table tbody tr
{ background: url("/sites/Corporate/_resources/img/bg_contact_us_maroon.gif") repeat; }
@media all and (max-width:759px) {
#footer { text-align: center; }
#footer #copyright .left img { width: 80px; margin:0 auto 10px auto; }
#footer #copyright #cont, #footer #copyright .left, #footer #copyright .smLinks, #footer #copyright .right { display:block; vertical-align: middle; width: auto; padding-bottom: 15px; }
#footer #copyright .smLinks { padding-left: 0; padding-right: 0; }
#footer #copyright #cont, #footer #copyright .right { padding-bottom: 0; }
}
#L2_main_top #hero_text { position: static; max-width: none; }
#L2_main_top #hero_text .cta_button { position: static; }
@media all and (max-width:565px) {
#main_content #hero_title, #main_content #hero_title_alt { font-size: 3em; }
#L2_main_bottom .itm, .genzyme_intl #L2_main_bottom .itm { float: none; width: auto; border-bottom:1px dotted #C7C7C7; }
#L2_main_bottom .itm .details, #L2_main_bottom .itm .itm_img { margin:0; }
}
@media all and (max-width:475px) {
.item, .inset_image { display: block; margin-bottom: 15px; border-top:none; border-bottom:1px dotted #C7C7C7; }
.item_img, .item_details, .inset_div .left, .inset_image_body { display: block; }
.item_details, .inset_image_body { padding-left: 0; }
.inset_div.left { float: none; margin:0; }
.photos .pix img { max-width: 100% !important; height: auto !important; }
.photos .picInfo { position: static; width: auto; background: rgba(0,0,0,.9); }
.photos .picInfo .title { float: none; padding:8px 8px 0 8px; }
.photos .picInfo .photo_nav { float:none; padding:8px; }
}
@media all and (max-width:419px) {
table { width: auto; }
table td { font-size: 12px; line-height: 18px; }
.captchaForm { display:block; margin-right: 0; }
.helpButtons { display:block; margin-bottom: 20px; }
.awardFeature .thumbAward { float: none; margin:0; }
.productOverlayList .tb1, .productOverlayList img, .productOverlayList .productContent { display: block; }
#mobileHeader .hpIcon img { display: none;}
}
@media all and (min-width:960px) {
#mobileHeader { display: none; }
}
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #dbdbdb; }
.jScrollPaneDrag { position: absolute; background: #8b8b8d url(../img/drag_grab.gif) no-repeat 50% 50%; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowUp:hover { /*background-color: #f60;*/ }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowDown:hover { /*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }
#jqmOverlay {opacity:0 !important;}
#exitconfirm,
#euconfirm {border:none;width:460px;padding:0 0 0 0;max-width:500px;color:#606266;background-color:transparent;}
#exitconfirm p,
#euconfirm p {margin-bottom:1em;}
#exitconfirm p a,
#euconfirm p a {color:#4e7398;}
#exitconfirm p a:hover,
#euconfirm p a:hover {color:#f56b0b;}
#exitconfirm h4,
#euconfirm h4 {display:block;font-weight:bold;font-size:1.42em;color:#669900;margin:0 0 15px 0;line-height:1.4em;}
#exitconfirm ul,
#euconfirm ul {display:block;list-style-type:none;height:35px;}
#exitconfirm ul li,
#euconfirm ul li {display:inline;overflow:hidden; float:left;height:auto; margin: 0 10px 0 0;}
#exitconfirm .inr,
#euconfirm .inr {display:inline-block;width:430px;background-image:url(/sites/Corporate/_resources/img/bg_lightbox_inner.png);_background-image:url(/sites/Corporate/_resources/img/bg_lightbox_inner.gif); background-repeat:repeat-y; background-position:top right;margin:0;_margin:-1px 0 0 0;overflow:hidden;padding:15px 15px 0 15px;}
#exitconfirmmessage,
#euconfirmmessage {display:inline-block;}
#exitconfirm .close,
#euconfirm .close {position:absolute;top:-9px;right:0px;width:23px;height:23px;cursor:pointer;background-image:url(/sites/Corporate/_resources/img/btn_x.png); background-repeat:no-repeat; background-position:top left;}
#exitconfirm .topFrame,
#euconfirm .topFrame {width:450px;height:15px;position:relative;z-index:9999;}
#formconfirm .topFrame {width:450px;height:15px;position:absolute;z-index:9999; top:-15px;left:0px;}
#exitconfirm .top,
#formconfirm .top,
#euconfirm .top {display:block;width:450px;height:6px;background-image:url(/sites/Corporate/_resources/img/lightbox_top_green.png); background-repeat:no-repeat; background-position:top left;position:absolute; bottom:0;}
#exitconfirm .bot,
#euconfirm .bot {display:block;height:15px;background-image:url(/sites/Corporate/_resources/img/bg_lightbox.png);_background-image:url(/sites/Corporate/_resources/img/bg_lightbox.gif); background-repeat:no-repeat; background-position:bottom right;}
#exitconfirm ul li a.btn,
#euconfirm ul li a.btn {position:relative;display:inline-block;float:left;clear:both;cursor:pointer;border:none;padding:5px 8px 5px 8px;margin:0 0 5px 0;text-align:center;background:transparent;background-color:#ff6600;border:1px solid #ff6600;font-family:Arial;font-size:1.08em;font-weight:bold;color:#fff;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
#exitconfirm ul li a.btn:hover,
#euconfirm ul li a.btn:hover {background-color:#cc6600;border:1px solid #cc6600; color:#fff !important;}
#exitconfirm ul li a.alt,
#euconfirm ul li a.alt {background-color:#ccc;color:#fff;border: 1px solid #ccc;}
#exitconfirm ul li a.alt:hover,
#euconfirm ul li a.alt:hover {background-color:#666;border:1px solid #666;color:#fff !important;}
#formconfirmmessage,
#euconfirmmessage { color:#606266; }
/* Pop ups */
#exitconfirm,
#euconfirm { position: fixed; top:15%; max-width: none; width:100%; height: 300px; }
#exitconfirm .topFrame,
#euconfirm .topFrame { width: auto; }
#exitconfirm .top,
#formconfirm .top,
#euconfirm .top { width: 100%; background:#8AB706; }
#exitconfirm .inr { width: auto; height: 290px; overflow-y: scroll; -webkit-overflow-scrolling: touch; background:#fff; -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.5); box-shadow: 0 3px 3px 0 rgba(0,0,0,.5); }
#euconfirm { background:#fff; border-top: 7px solid #8ab706; padding: 15px; }
#exitconfirm .bot,
#euconfirm .bot { display: none; }
#exitconfirm ul,
#euconfirm ul { text-align: center; margin-bottom: 20px; }
#exitconfirm ul li,
#euconfirm ul li { float: none; display: inline-block; background: none; }
#mainform { position: relative; z-index:10; }
/* responsive popups */
@media all and (max-width: 604px) {
body.transPopup { background: transparent !important; z-index: 1; }
.transPopup { padding:30px 20px; height: 290px; overflow-y: scroll; -webkit-overflow-scrolling: touch; background:#fff; }
.transPopup .col { float: none !important; }
.transPopup .hdr { color:#333333; font-weight: bold; padding:15px 0 3px 0; }
.transPopup .col a.print, .transPopup .toolkit a.print { cursor: pointer; position: absolute; right:20px; top:10px; padding-left: 18px; background:url("/sites/Corporate/_resources/img/bg_toolkit_print.gif") left center no-repeat; }
.transPopup .col a.print:hover, .transPopup .toolkit a.print:hover { color:#f56b0b; background:url("/sites/Corporate/_resources/img/bg_toolkit_print_roll.gif") left center no-repeat; }
#TB_window { position: fixed; z-index: 20000; top:15%; width: 100% !important; margin:0 !important; background:#fff; border-top:6px solid #8AB706; -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.5); box-shadow: 0 3px 3px 0 rgba(0,0,0,.5); }
#TB_iframeContent { width: 100% !important; height: 100% !important; }
#TB_closeWindowButton { display: inline-block; color:#fff; padding:5px 8px; margin:15px; background: #ff6600; border:1px solid #ff6600; }
#TB_closeWindowButton:hover { background: #cc6600; border:1px solid #cc6600; }
.title { font-size: 16px; line-height: 22px; color:#669900; font-weight: bold; }
}
@media all and (max-width: 960px) {
.main_middle_wide .story-items {width:650px; }
.main_middle_wide .story-items .story-item {display:block; margin:0 0 10px 0; overflow:auto; padding:10px 0 0 0; border-top: 1px dotted grey;}
.main_middle_wide .story-items .story-item img{float:left; margin:0 10px 0 0;}
.main_middle_wide .story-items .story-item .story-item-detail{width:550px;}
.main_middle_wide .story-items .story-item .story-item-detail .title a {color: #4e7398;font-size: 1.1em !important;line-height: 19px;font-family: Arial; font-weight:normal;}
.main_middle_wide .story-items .story-item .story-item-detail .text p {color: #606266;font-size: 12px !important; line-height: 19px;font-family: Arial; padding:20px 0 0 0; margin:0;}
.main_middle_wide .story-items .story-item .story-item-detail .cta{margin: 0;font-size:.9em !important;}
.main_middle_wide .story-items .story-item.hide{display:none;}
.show-more{width:250px; display:block; margin:auto; text-align:center;}
}
@media all and (max-width: 500px) {
.main_middle_wide .story-items {width:350px; margin:auto;}
.main_middle_wide .story-items .story-item {display:block; margin:0 0 10px 0; overflow:auto; padding:10px 0 0 0; border-top: 1px dotted grey; }
.main_middle_wide .story-items .story-item img{ display:block; width: 200px; margin:0 auto 10px; float:none;}
.main_middle_wide .story-items .story-item .story-item-detail{display:block; width:275px; text-align:center; margin:auto;}
.main_middle_wide .story-items .story-item .story-item-detail .title a {color: #4e7398;font-size: 1em !important;line-height: 19px;font-family: Arial;}
.main_middle_wide .story-items .story-item .story-item-detail .text p {color: #606266;font-size: 12px !important; line-height: 19px;font-family: Arial; padding:10px 0 0 0;}
.show-more{width:250px; display:block; margin:auto; text-align:center;}
.main_middle_wide .story-items .story-item.hide{display:none;}
#title_intro_in{color: #333333;font-family: 'Georgia', serif;font-size: 18px;line-height: 1.5em;padding-bottom: 20px; text-align:center;}
}
/* FLEX SLIDER FOR HOMEPAGE */
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
ul.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
font-family: 'flexslider-icon';
src:url('fonts/flexslider-icon.eot');
src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
url('fonts/flexslider-icon.ttf') format('truetype'),
url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
font-weight: normal;
font-style: normal;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
/* Direction Nav */
/*.flex-direction-nav {*height: 0;}
.flex-direction-nav a { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before { content: '\f002'; }
*/
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
/* Custom FlexSlider Styles */
.flexslider { margin:0; -webkit-box-shadow: none; box-shadow: none; border:none; border-radius: 0; }
.flexslider .slides li { padding:0; background: none; }
.flex-control-nav { z-index: 1000; bottom:13px; }
.flex-control-paging li { text-indent: -9999px; }
.flex-control-paging li a { width:15px; height: 15px; background: #B2B0AE; }
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active { background: #85B613; }
.flexslider .slides .image img { width: auto; }
.spotlightHeader .leftArrow { position:absolute; left:15px; top:20px; display: none; width: 10px; height: 28px; background: url(/sites/Corporate/_resources/img/mobileSpotlightArrowLeftLoRes.png) no-repeat; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), screen and (-moz-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .spotlightHeader .leftArrow { background:url("/sites/Corporate/_resources/img/mobileSpotlightArrowLeftHiRes.png") no-repeat; -webkit-background-size: 10px 28px; background-size: 10px 28px; } }
.spotlightHeader .rightArrow { position:absolute; right:15px; top:20px; display: none; width: 10px; height: 28px; background: url(/sites/Corporate/_resources/img/mobileSpotlightArrowRightLoRes.png) no-repeat; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), screen and (-moz-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .spotlightHeader .rightArrow { background:url("/sites/Corporate/_resources/img/mobileSpotlightArrowRightHiRes.png") no-repeat; -webkit-background-size: 10px 28px; background-size: 10px 28px; } }
.flex-direction-nav {*height: 0; }
ul.flex-direction-nav li { background:none; }
.flex-direction-nav a { text-decoration:none; text-indent: -9999px; display: block; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; }
.flex-direction-nav .flex-prev { left: 10px; top:38px; display: block; width:10px; height: 28px; background: url(/sites/Corporate/_resources/img/mobileSpotlightArrowLeftLoRes.png) no-repeat; }
.flex-direction-nav .flex-next { right: 10px; top:38px; display: block; width:10px; height: 28px; background: url(/sites/Corporate/_resources/img/mobileSpotlightArrowRightLoRes.png) no-repeat; }
@media screen and (max-width: 760px) {
#home_footer_corp{display:none;}
.global-layover-nav{display:none;}
.education-learning-blurb{display:none;}
.disease-list{display:none;}
}
@media screen and (max-width: 760px){
#videoPopup{
left: 0;
top: 0;
/*height:465px;*/
position: absolute;
box-shadow: 5px 5px 27px #000;
border: 15px white solid;
background-color:white;
border-radius:5px;
z-index: 10;
display:none;
opacity:0;}
#videoPopup.show{
opacity: 1;
-webkit-transition: background-color .5s ease-in, opacity .5s ease-in;
transition: background-color .5s ease-in, opacity .5s ease-in;
display:inherit;
}
#videoPopup .video-wrapper{
height: inherit;
padding-bottom:0;
}
#videoPopup .video-caption{
padding: 10px 4px;
width: 491px;
}
#videoPopup .copyVideoTitle{
margin:0 0 5px 0;
}
}