/* AddThis Mods */ #at15s #at_auth { padding-bottom: 30px; } #at15s #at15pf, #at3winfooter { display: none; } .addthis_toolbox .addthis_counter { border-right: 1px solid #ddd; } .addthis_toolbox a:hover { text-decoration: none !important; } /* MARKETING CSS */ .medRedBackground { height: 250px; } .medRedTransBox { height: 220px; } .medRedIcon { height: 190px; } /* GENERIC */ #marketing { font: 14px/1.45 Helvetica, Arial, sans-serif; color: #444; padding-bottom: 2em; margin-top: 10px; } #marketing * { -moz-box-sizing: content-box !important; -ms-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } #marketing p a, #marketing ul li a { font-weight: normal !important; } #marketing .non-sidebar { float: right; width: 740px; } #marketing p.small { font-size: .7em; } #marketing p.sources { color: #aaa; font-style: italic; } #marketing p.sources a { color: #aaa; } #marketing strong em { font-weight: bold } #marketing em { font-weight: inherit } #marketing h4 { font-weight: bold; } #marketing h5 { color: #555; font-size: 1.20em; font-weight: bold; line-height: 1.4em; } #marketing h6 { padding-bottom: 2em; color: #aaa; font-size: .75em; font-style: italic; } #marketing ul { margin-left: 40px; } #marketing ul li { margin: 3px 0; list-style-type: disc; padding-bottom: .5em; } #marketing ul.scg li { list-style-type: none !important; padding-top: 5px !important; padding-bottom: 5px !important; border-bottom: 1px solid #DDD; margin: 0 !important; } #marketing ol { margin-left: 40px; margin-bottom: 1em; } #marketing ol li { list-style-type: decimal } #marketing ol li ul li { list-style-type: disc; } #marketing .half { width: 345px; float: left; margin-right: 30px; display: inline; } #marketing .last { margin-right: 0; } #marketing .divider { width: 98%; border-bottom: 1px solid #ccc; height: 15px; margin-bottom: 15px; clear: both } #marketing .innerpad10 { padding: 10px } #marketing .innerpad15 { padding: 15px } #marketing .clear { clear: both } #marketing img.right { float: right; margin-left: 10px } #marketing img.left { float: left; margin-right: 10px } div.right { float: right; margin-left: 10px; } #marketing strong { font-weight: bold } #marketing sup { line-height: 0; vertical-align: super; } /* Boland replacements and additions (we can chat about these, Andrew) .medNcContent h1, #marketing { position: relative; left: 12px; }*/ #marketing p { margin: 0; padding: 0 0 1em; font-size: 1em; } #marketing h2, #marketing h3 { font-size: 1.5em; line-height: 1.2; margin: 0; padding: 0 0 .5em; color: #333; font-weight: bold; border-bottom: none !important; } #marketing h2.large { font-size: 2em; } #marketing h2.light { font-weight: lighter; } #marketing h2.about { background-color: #1c4176; color: #FFFFFF; padding: 5px; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 8px; } #marketing h2.green { color: #3a9061; font-size: 25px; line-height: 28px; padding-bottom: 8px; font-weight: normal } #marketing h3 { font-size: 1.25em; padding-bottom: .75em; } #marketing h3 a { color: #013E77; } #marketing ul.documents h3 a:hover { text-decoration: underline; } #marketing ul { margin: 0 40px; padding-bottom: .5em; } #marketing em { font-style: italic; } #marketing video, #marketing .flash-player, #marketing .player { margin-bottom: 1.5em; } #marketing table { border-collapse: separate !important; border-spacing: 5px; } #marketing .media { text-align: center; } /* CLEARFIX */ .clearfix { display: block !important; } .clearfix:after { clear: both; content: ' '; display: block; height: 0; } /* National Vendor Page */ #marketing #vendors ul { margin-bottom: 15px } #marketing #vendors li { list-style-type: none; border-bottom: 1px solid #DDD; margin: 3px 0 } /* PARSCAN */ #marketing .parscancontainer { width: 640px; margin-left: 45px } /* Quote Container */ #marketing .quote { width: 550px; height: 189px; background-image: url(/media/assets/img/quote_bg.jpg); background-position: left top; background-repeat: no-repeat; } #marketing .quotecontain { padding: 35px 30px 0 40px; font-size: 15px; } /* 960 GRID */ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { display: inline; float: left; margin-left: 5px; margin-right: 5px } .alpha { margin-left: 0 } .omega { margin-right: 0 } #marketing .grid_1 { width: 45px } #marketing .grid_2 { width: 105px } #marketing .grid_3 { width: 165px } #marketing .grid_4 { width: 225px } #marketing .grid_5 { width: 285px } #marketing .grid_6 { width: 345px } #marketing .grid_7 { width: 405px } #marketing .grid_8 { width: 465px } #marketing .grid_9 { width: 525px } #marketing .grid_10 { width: 585px } #marketing .grid_11 { width: 645px } #marketing .grid_12 { width: 705px } #marketing .grid_13 { width: 765px } #marketing .grid_14 { width: 825px } #marketing .grid_15 { width: 885px } #marketing .grid_16 { width: 945px } /* abaqis Styles */ .graph-box { margin-bottom: 1.5em; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #f9f9f9; padding: 15px 10px 0; -webkit-box-shadow: rgba(0, 0, 0, .3) 0 0 5px inset; -moz-box-shadow: rgba(0, 0, 0, .3) 0 0 5px inset; box-shadow: rgba(0, 0, 0, .3) 0 0 5px inset; } .graph-box h2 { text-align: center; margin: 0; } .graph { margin-top: .75em; float: left; width: 200px; height: 170px; padding: 0 18px 3em; position: relative; margin-right: 30px; } .result { float: left; width: 50%; position: relative; } .result strong { display: block; position: absolute; top: 150px; width: 100%; text-align: center; } .result > span { position: relative; display: block; margin: 0 20px; width: 60px; height: 0; top: 140px; background: #8a9090; background-image: -moz-linear-gradient(top, #8a9090, #565958); background-image: -o-linear-gradient(top, #8a9090, #565958); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8a9090), color-stop(1, #565958)); background-image: -webkit-linear-gradient(#8a9090, #565958); background-image: linear-gradient(top, #8a9090, #565958); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8a9090', EndColorStr='#565958'); -webkit-box-shadow: rgba(0, 0, 0, .6) 0 15px 10px -10px, rgba(0, 0, 0, .3) 0 1px 4px; -moz-box-shadow: rgba(0, 0, 0, .6) 0 15px 10px -10px, rgba(0, 0, 0, .3) 0 1px 4px; box-shadow: rgba(0, 0, 0, .6) 0 15px 10px -10px, rgba(0, 0, 0, .3) 0 1px 4px; } .abaqis-user > span { background: #f1d275; background-image: -moz-linear-gradient(top, #f1d275, #e59936); background-image: -o-linear-gradient(top, #f1d275, #e59936); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1d275), color-stop(1, #e59936)); background-image: -webkit-linear-gradient(#f1d275, #e59936); background-image: linear-gradient(top, #f1d275, #e59936); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1d275', EndColorStr='#e59936'); -webkit-box-shadow: rgba(0, 0, 0, .3) 0 15px 10px -10px, rgba(0, 0, 0, .1) 0 1px 4px; -moz-box-shadow: rgba(0, 0, 0, .3) 0 15px 10px -10px, rgba(0, 0, 0, .1) 0 1px 4px; box-shadow: rgba(0, 0, 0, .3) 0 15px 10px -10px, rgba(0, 0, 0, .1) 0 1px 4px; } .result span em { display: block; text-align: center; padding: .5em 0; font-weight: bold; font-style: normal !important; text-shadow: rgba(255, 255, 255, .3) 1px 1px 1px; text-indent: -9999px; } .qis-graph { margin-left: 100px; } .graph h3 { position: absolute; bottom: 0; left: 0; text-align: center; font-size: 1.25em; color: #333; width: 100%; padding: 0; font-weight: bold; border-bottom: none; } .qis-graph h3 { color: #bb2a2f !important; } .footnotes { border-top: 1px solid #eee; padding-top: 1em; margin-top: 2em; margin-bottom: -2em; font-size: .83em; color: #777; } .footnotes p { color: #777 !important; } /* abaqis Color Treatment */ span.abaqis-letters { color: #636463; } span.abaqis-letters span { color: #bb2a2f; } span.abaqis-letters span sup { font-size: .5em; vertical-align: super; } ul.documents { list-style: none; margin: 0 !important; } ul.documents li { list-style: none !important; padding: 0 !important; margin-bottom: 1em !important; } ul.documents li a { color: #333; text-decoration: none; display: block; } ul.documents li a h3 { color: #013E77 !important; font-size: 1.25em; margin: 0; padding-bottom: .25em !important; /*padding-right: 20px; display: inline-block; background: url(./new-window.gif) right .25em no-repeat;*/ } ul.documents li a img { float: left; margin: 0 15px 0 0; border: 1px solid #ddd; } ul.documents li a:hover h3 { text-decoration: underline; } ul.documents li a:hover img { border-color: #666; -webkit-box-shadow: rgba(0, 0, 0, .3) 0 0 5px; -moz-box-shadow: rgba(0, 0, 0, .3) 0 0 5px; box-shadow: rgba(0, 0, 0, .3) 0 0 5px; } ul.documents li a p { padding: 0 !important; } ul.documents li a img + h3, ul.documents li a img + h3 + p { margin-left: 97px !important; } ul.documents li p.new { margin-left: 97px !important; } /* CAREERS STYLING */ .careercallout { margin: 15px 8px; width: auto; padding: 0; float: left; height: 310px; background-image: url(/media/assets/img/callout-bg.jpg); background-repeat: repeat-x; background-color: #FFFFFF; border-top: 1px solid #adacac; border-left: 1px solid #adacac; border-right: 1px solid #494949; border-bottom: 1px solid #494949; } .calloutcontent { width: 200px; padding: 10px 8px 5px 8px; float: left; line-height: 1.15em; text-align: left; } .cssHelpHead { font-size: 80px; } /* GRAY BE GONE body { background: white !important; } .medWrapper { background-image: none !important; } */ /* Greensmart */ .green { color: #72c267 !important } .smartgreen { font-size: 15px; font-weight: bold; margin: 0; padding: 0; line-height: 16px; } #productbox { width: 860px; border: 1px solid #121660; margin-left: 30px; padding: 10px; margin-bottom: 0; } /* Reetrakt */ img.reetraktimg { padding: 5px; border: 1px solid #CCC; float: left; margin: 5px; } /* Generic Button Styling */ #marketing .button { border-top: 1px solid #598a24; background: #79a33a; background: -webkit-gradient(linear, left top, left bottom, from(#79ac21), to(#4d7b20)); background: -moz-linear-gradient(top, #79ac21, #4d7b20); padding: 0.3em 0.8em 0.25em; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: rgba(50, 50, 50, 1) 0 1px 0; -moz-box-shadow: rgba(50, 50, 50, 1) 0 1px 0; box-shadow: rgba(50, 50, 50, 1) 0 1px 0; text-shadow: rgba(0, 0, 0, .4) 0 1px 0; color: #FFF !important; font-size: 1.5em; line-height: 1.8em; text-decoration: none !important; font-weight: normal !important; } #marketing .buttonsm { border-top: 1px solid #598a24; background: #79a33a; background: -webkit-gradient(linear, left top, left bottom, from(#79ac21), to(#4d7b20)); background: -moz-linear-gradient(top, #79ac21, #4d7b20); padding: 0.3em 0.8em 0.25em; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: rgba(50, 50, 50, 1) 0 1px 0; -moz-box-shadow: rgba(50, 50, 50, 1) 0 1px 0; box-shadow: rgba(50, 50, 50, 1) 0 1px 0; text-shadow: rgba(0, 0, 0, .4) 0 1px 0; color: #FFF !important; font-size: 1.2em; text-decoration: none !important; font-weight: normal !important; } #marketing .button:hover, #marketing .buttonsm:hover { border-top-color: #598a24; background: -webkit-gradient(linear, left top, left bottom, from(#81b924), to(#4d7b20)); background: -moz-linear-gradient(top, #81b924, #4d7b20); } #marketing .button:active, #marketing .buttonsm:active { border-top-color: #598a24; background: -webkit-gradient(linear, left top, left bottom, from(#74a522), to(#46701d)); background: -moz-linear-gradient(top, #74a522, #46701d); } /* EXAM GLOVES */ .symbol { float: right; margin: 0 25px 5px 15px; } .requirementsth { background-color: #ee7c1f; color: #FFF; padding: 3px 0; font-weight: bold; text-align: center } .recommendedth { background-color: #6cb736; color: #FFF; padding: 3px 0; font-weight: bold; text-align: center } .requirements { background-color: #fad5c5; color: #333; padding: 3px 5px; } .recommended { background-color: #afd68b; color: #333; padding: 3px 5px; } .exampackaging { background: url(/media/assets/img/new-exam-packaging.jpg) left top no-repeat; width: 730px; height: 996px; } /* FORM STYLING */ fieldset.mktform { margin-bottom: 10px; border: 1px solid #AAA; font-size: 1.2em; line-height: 1.5em; width: 475px; } fieldset.mktform legend { margin: 0 10px; padding: 3px 10px 0; font-weight: bold; font-size: 1.2em; color: #FFF; background: #CCC; border: 1px solid #AAA; text-shadow: rgba(0, 0, 0, .4) 0 1px 3px; } fieldset.mktform label { color: #333333; float: left; margin: 0 20px 0 0; font-size: 1em; width: 100px; text-align: right } .placeholder { font-size: 13px !important; color: #AAA; } ::-webkit-input-placeholder { padding: 5px; font-size: 13px !important; } :-moz-placeholder { color: #AAA; padding: 5px; font-size: 13px !important; } fieldset.mktform input.submit { float: right; width: 100px; border-top: 1px solid #598a24; background: #79a33a; background: -webkit-gradient(linear, left top, left bottom, from(#79ac21), to(#4d7b20)); background: -moz-linear-gradient(top, #79ac21, #4d7b20); color: #FFF; font-weight: bold; margin-bottom: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } fieldset.mktform input.submit:hover { border-top-color: #598a24; background: -webkit-gradient(linear, left top, left bottom, from(#81b924), to(#4d7b20)); background: -moz-linear-gradient(top, #81b924, #4d7b20); } fieldset.mktform input.submit:active { border-top-color: #598a24; background: -webkit-gradient(linear, left top, left bottom, from(#74a522), to(#46701d)); background: -moz-linear-gradient(top, #74a522, #46701d); } fieldset.mktform ul { list-style-type: none; } fieldset.mktform ul li { margin: 0 10px; clear: both; padding: 8px 0 8px 20px; list-style-type: none !important; } fieldset.mktform input { float: left; width: 250px; height: 1.5em; border: 1px solid #CCC; font-size: 1em; padding: 0 !important; } fieldset.mktform input.checkbox { float: left; height: 1.5em; border: 1px solid #CCC; font-size: 1em; margin-right: 10px; padding-top: -5px; } fieldset.mktform select { float: left; width: 250px; height: 1.5em; border: 1px solid #CCC; font-size: .8em; line-height: 1.5em; margin: 0; padding: 0 !important; } fieldset.mktform textarea { float: left; width: 250px; border: 1px solid #CCC; font-size: 1em; padding: 0 !important; } fieldset.mktform label.error { display: block; clear: both; width: 243px; font-size: .8em; color: #d72929; background-color: #f7d4d4; padding: 3px 5px; font-family: 'GloberRegular'; border: 1px solid #d72929; margin-top: 10px; text-align: center; margin-right: 0; margin-left: 120px; } /* WIDE FORM STYLING */ fieldset.mktform-wide { margin-bottom: 10px; border: 1px solid #AAA; font-size: 1.2em; line-height: 1.5em; width: 725px; } fieldset.mktform-wide legend { margin: 0 10px; padding: 3px 10px 0; font-weight: bold; font-size: 1.2em; color: #FFF; background: #CCC; border: 1px solid #AAA; text-shadow: rgba(0, 0, 0, .4) 0 1px 3px; } fieldset.mktform-wide label { color: #333333; float: left; margin: 0 10px 0 0; font-size: 1em; width: 250px; text-align: right; } fieldset.mktform-wide input.submit { float: right; width: 100px; border-top: 1px solid #598a24; background: #79a33a; background: -webkit-gradient(linear, left top, left bottom, from(#79ac21), to(#4d7b20)); background: -moz-linear-gradient(top, #79ac21, #4d7b20); color: #FFF; font-weight: bold; margin-bottom: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } fieldset.mktform-wide input.submit:hover { border-top-color: #598a24; background: -webkit-gradient(linear, left top, left bottom, from(#81b924), to(#4d7b20)); background: -moz-linear-gradient(top, #81b924, #4d7b20); } fieldset.mktform-wide input.submit:active { border-top-color: #598a24; background: -webkit-gradient(linear, left top, left bottom, from(#74a522), to(#46701d)); background: -moz-linear-gradient(top, #74a522, #46701d); } fieldset.mktform-wide ul { list-style-type: none; margin: 20px 0; } fieldset.mktform-wide ul li { margin: 0 10px; clear: both; padding: 8px 0 8px 20px; list-style-type: none !important; } fieldset.mktform-wide input { float: left; width: 250px; height: 1.5em; border: 1px solid #CCC; font-size: 1em; padding: 0 !important; } fieldset.mktform-wide input.radio { float: left; font-size: 0.8em; height: 1em; margin-top: 2px; width: 25px; } fieldset.mktform-wide label.radio { color: #333333; float: left; font-size: 1em; width: auto !important; text-align: left; height: 1em; } fieldset.mktform-wide select { float: left; width: 250px; height: 1.5em; border: 1px solid #CCC; font-size: .8em; line-height: 1.5em; margin: 0; padding: 0 !important; } fieldset.mktform-wide textarea { float: left; width: 400px; border: 1px solid #CCC; font-size: 1em; padding: 0 !important; } fieldset.mktform-wide label.error { display: block; clear: both; width: 243px; font-size: .8em; color: #d72929; background-color: #f7d4d4; padding: 3px 5px; font-family: 'GloberRegular'; border: 1px solid #d72929; margin-top: 10px; text-align: center; margin-right: 0; margin-left: 260px; } .captcha { float: left; } /* Coin Slider Styles */ .coin-slider { overflow: hidden; zoom: 1; position: relative; } .coin-slider a { text-decoration: none; outline: none; border: none; } .cs-buttons { font-size: 0; padding: 10px; float: left; } .cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; } .cs-active { background-color: #B8C4CF; color: #FFFFFF; } .cs-title { width: 450px; padding: 10px; background-color: #000000; color: #FFFFFF; } .cs-prev, .cs-next { background-color: #000000; color: #FFFFFF; padding: 0 10px; } /* W+SC STYLES */ .protecttitle { color: #F08B35; } .treattitle { color: #E0003E; } .moisturizertitle { color: #C30079; } .herbaltitle { color: #0BA584; } .cleanse { background-image: url(/media/assets/img/sootheandcool_cleanse.jpg); background-position: left top; background-repeat: no-repeat; float: left; height: 215px; margin: 20px 0 0 20px; width: 270px; } .moisturize { background-image: url(/media/assets/img/sootheandcool_moisturize.jpg); background-position: left top; background-repeat: no-repeat; float: left; height: 216px; margin: 20px 0 0 20px; width: 270px; } .protect { background-image: url(/media/assets/img/sootheandcool_protect.jpg); background-position: left top; background-repeat: no-repeat; float: left; height: 216px; margin: 20px 0 0 20px; width: 270px; } .treat { background-image: url(/media/assets/img/sootheandcool_treat.jpg); background-position: left top; background-repeat: no-repeat; float: left; height: 217px; margin: 20px 0 0 20px; width: 269px; } .sandctitle { color: #FFFFFF; font-size: 18px; font-style: italic; font-weight: bold; margin: 8px 0 0 8px; } .sandctitle a { color: #FFFFFF; text-decoration: none; text-transform: none; } .sandccopy { color: #000000; float: left; font-size: 14px; margin-left: 10px; margin-top: 20px; width: 125px; } .secondfeatured { border-right: 1px solid #DDDDDD; float: left; margin-left: 10px; padding-right: 10px; width: 215px; } .letter { background-color: #000000; font-size: 36px; font-weight: bold; color: #FFFFFF; text-align: center; vertical-align: middle } .dimes { border: 1px solid #000000; border-collapse: inherit } /* CATALOG STYLES */ .largebanner { margin-bottom: 15px; } .mediumbanner { float: left; margin-bottom: 15px; margin-right: 15px; } .smallbanner { float: left; margin-right: 15px; margin-bottom: 8px; } .last { margin-right: 0 } .grayborder { border: 1px solid #e5e5e5 !important; } .nopad { padding: 0 } /* About pages */ .center { text-align: center !important; } #marketing .about-box { background: #cee8f8; padding: 15px 15px 0; float: right; margin: 0 0 1em 15px; width: 250px; } #marketing .about-box h3 { border: none; text-align: center; } #marketing .about-box table { width: 100%; border: 1px solid #888; border-collapse: collapse; margin-bottom: 15px; } #marketing .about-box th, #marketing .about-box td { padding: 3px 0; } #marketing .about-box thead th { border-bottom: 1px solid #888; text-align: left; font-weight: bold; } /* FOOTER STYLING */ #medFooter { border-top: 1px solid #CCC; border-top-style: dotted; /*padding: 1em 0; changed by Dan: 11/1/11 padding: 1em 0 2em; */ padding: 1em 0 .5em; clear: both; } #medFooter p { /*text-align: left !important;*/ padding: 0; } .footer-col { float: left; width: 240px; } .footer-col h4, .footer-col h4 a { color: #222; } .footer-col h4 { font-size: 1.25em; } .footer-col ul { padding: 0 20px 1em 0; } .footer-col ul ul { padding: 0; } .footer-col ul.important-nav { font-size: 1.25em; padding-bottom: .8em; } .footer-col li { padding-left: 20px; text-indent: -20px; } .footer-col li li { position: relative; left: -6px; padding-left: 6px; text-indent: 0; background: url(/media/assets/img/icons/tiny-bullet.gif) left center no-repeat; } /* Special links w/icons */ .footer-col ul.important-nav li { padding-left: 0; text-indent: 0; } .footer-col ul.important-nav li a { display: block; padding-left: 21px; background: url(/media/assets/img/icons/twitter_16.png) left center no-repeat; } .footer-col ul.important-nav li.facebook-nav a { background-image: url(/media/assets/img/icons/facebook_16.png); } .footer-col ul.important-nav li.linkedin-nav a { background-image: url(/media/assets/img/icons/linkedin_16.png); } .footer-col ul.important-nav li.home-nav a { background-image: url(/media/assets/img/icons/house.png); } .footer-col ul.important-nav li.contact-nav a { background-image: url(/media/assets/img/icons/page_white_edit.png); } .footer-col ul.important-nav li.login-nav a { background-image: url(/media/assets/img/icons/textfield.png); } .footer-copyright { font-size: .8em; float: left; width: 375px; margin: .25em 0 .5em; padding: 8px 10px 4px; background: #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0, 0, 0, .5) 0 15px 10px -12px, rgba(255, 255, 255, .5) 0 0 10px inset; -moz-box-shadow: rgba(0, 0, 0, .5) 0 15px 10px -12px; box-shadow: rgba(0, 0, 0, .5) 0 15px 10px -12px; } #medFooter .footer-copyright p { padding-bottom: 4px; line-height: 1.3; color: #666; } .footer-copyright p span { color: #aaa; } .footer-copyright a.intl { display: inline-block; padding-left: 20px; background: url(/media/assets/img/icons/us.png) left center no-repeat; } /* TEMP FOOTER STYLING */ .footer { color: #444; font-size: 14px; line-height: 18px; display: block; } .footer ul li { list-style: none; margin: 0; } .footer ul li a { font-weight: normal !important } .footer h2 { font-size: 1.4em; font-weight: lighter; color: #999; line-height: 1.5em } .column { width: 190px; float: left; border-right: 1px solid #F0F0F0; margin-bottom: 1em; } .columnpad { margin: 0 15px; } .footer .last { border: none } .clear { clear: both } .colophon { border-top: 1px dotted #ccc; padding: 1em 15px 0; clear: left; } .colophon h4 { font-size: .75em; float: left; color: #666; line-height: 15px !important; } .colophon p { font-size: .75em; float: right; color: #666; line-height: 15px !important; text-align: right !important; } .colophon span { color: #aaa; } .colophon a { font-weight: normal; } .colophon a.intl { display: inline-block; padding-left: 20px; background: url(/media/assets/img/icons/us.png) left center no-repeat; } /* MEDIA ROOM STYLING */ fieldset.mktform input.checkbox { float: left; height: 1.5em; border: 1px solid #CCC; font-size: 1em; margin-right: 10px; padding-top: -5px; } /* NEW HOMEPAGE */ body.body-prototype { background: url(/media/assets/img/hp/blue-swoosh2.jpg) left 100px no-repeat fixed white !important; } .prototype * { margin: 0; padding: 0; -moz-box-sizing: content-box !important; -ms-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } .prototype { /*font: 14px/1.4 "proxima-nova-1", "proxima-nova-2", Helvetica, "Helvetica Neue", Arial, sans-serif; font: 14px/1.4 ff-meta-serif-web-pro, Georgia, serif;*/ font-size: 14px; line-height: 1.4; color: #555; } .prototype img { display: block; } .prototype p, .prototype ul { padding-bottom: 1em; } .prototype a { color: #04599c; } .prototype a img { border: none; } .prototype:focus { outline: none; } .prototype h1 { color: #111; font-size: 2.25em; line-height: 1.1; padding-bottom: .33em; font-weight: bold; } .prototype h2 { color: #222; font-size: 2em; line-height: 1.1; padding-bottom: .33em; } .prototype h3 { color: #333; font-size: 1.33em; line-height: 1.2; padding-bottom: .5em; border-bottom: none !important; } .prototype h3 small { color: #999; font-size: .75em; display: block; padding-top: .5em; } .prototype h4 { font-size: 1em; } .prototype h5 { color: #777; font-family: 'GloberRegular'; text-transform: uppercase; font-size: .83em; padding-bottom: 1em; } .prototype h6 { font-size: .75em; } .prototype h1 a, .prototype h2 a, .prototype h3 a, .prototype h4 a, .prototype h5 a, .prototype h6 a { text-decoration: none; } .prototype h1 a:hover, .prototype h2 a:hover, .prototype h3 a:hover, .prototype h4 a:hover, .prototype h5 a:hover, .prototype h6 a:hover { text-decoration: underline; } .prototype .primary { margin: 1.5em 0 1em; } .prototype .container { margin: 0 auto; width: 950px; text-align: left; position: relative; } .prototype .primary .container { background-color: #cde7f8; background-color: rgba(190, 224, 246, .375); -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; padding: 10px 0; -webkit-box-shadow: rgba(0, 0, 0, .25) 0 15px 10px -10px; -moz-box-shadow: rgba(0, 0, 0, .25) 0 15px 10px -10px; box-shadow: rgba(0, 0, 0, .25) 0 15px 10px -10px; } .prototype .secondary .container { padding: 1.5em 0 0; } .prototype .col { float: left; width: 60px; padding: 0 10px; } .prototype .c2 { width: 135px; } .prototype .c3 { width: 215px; } .prototype .c4 { width: 295px; } .prototype .c5 { width: 375px; } .prototype .c6 { width: 455px; } .prototype .c7 { width: 535px; } .prototype .c8 { width: 615px; } .prototype .c9 { width: 695px; } .prototype .c10 { width: 775px; } .prototype .c11 { width: 855px; } .prototype .c12 { width: 935px; } .prototype .primary p { font-size: 1.25em; color: #444; margin-right: 40px; font-family: 'GloberRegular'; } .prototype .primary h1, .prototype .secondary h3, .prototype .secondary p { margin-right: 20px; } .prototype ul#switcher { padding: 0; float: left; margin-left: 10px; width: 220px; font-family: 'GloberRegular'; } .prototype .primary li { list-style: none; text-align: right; font-size: 1em; text-transform: uppercase; /*position: relative; left: 20px;*/ } .prototype .primary li a sup { line-height: 0; vertical-align: super !important; font-size: 10px; } .prototype .pane sup { line-height: 0; vertical-align: super !important; font-size: 10px !important; } .prototype .primary li a { text-decoration: none; line-height: 31px; padding: 0 15px; display: block; font-weight: normal !important; } .prototype .primary li a:hover { text-decoration: underline; } .prototype .primary li.turned-on a { color: black; font-weight: bold !important; background-color: white; background-color: rgba(255, 255, 255, .75); -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; /*background: url(./img/prototype/arrow.gif) 195px 8px no-repeat;*/ } .prototype .big-box { float: left; width: 670px; padding: 20px; background-color: white; background-color: rgba(255, 255, 255, .75); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .prototype .no-corner { -webkit-border-radius: 0 5px 5px 5px; -moz-border-radius: 0 5px 5px 5px; -o-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px; } .prototype .pane { height: 25em; display: none; } .prototype .pane img { float: right; margin-left: 15px; padding: 4px; border: 1px solid #cde7f8; background: white; } .prototype .pane img.curad { float: none; margin-left: 0; padding: 4px; border: none; background: none; padding-left: 0 !important; } #supply-chain-services img { margin-bottom: 1em; } .prototype #medline img, .prototype #skin-care img, .prototype #curad img, .prototype #clinical-education img { padding: 9px; } .prototype #gloves img { padding: 0; } .prototype #continence-care img { padding: 9px 0; } .prototype #medline { display: block; } /*.prototype .secondary img { border: 1px solid white; margin-bottom: 20px; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; transition: all .25s ease-out; } .prototype .secondary a:hover img { -webkit-box-shadow: rgba(0,0,0,.25) 0 0 15px; -moz-box-shadow: rgba(0,0,0,.25) 0 0 15px; box-shadow: rgba(0,0,0,.25) 0 0 15px; border-color: #04599c; }*/ .prototype .secondary img { position: relative; margin-bottom: 20px; } .prototype .secondary img:active { /*top: 3px;*/ } .prototype .press-release { padding-bottom: 1em; } .prototype .press-release img { float: right; padding: 2px; border: 1px solid #69a0cf; margin: 0 14px .5em; } .prototype .press-release a:hover img { border-color: #04599c; background: white; -webkit-box-shadow: rgba(0, 0, 0, .25) 0 0 15px; -moz-box-shadow: rgba(0, 0, 0, .25) 0 0 15px; box-shadow: rgba(0, 0, 0, .25) 0 0 15px; } .prototype em { font-style: italic; } .prototype .clearfix:after { display: block; content: "."; height: 0; font-size: 0; clear: both; visibility: hidden; zoom: 1; } /* NEW ABOUT PAGE */ .marketleader { float: right; width: 220px; background: #cae5f6; margin: 0 10px 10px; padding: 10px 10px 10px 15px; font-size: 13px; border-radius: 10px 10px 10px 10px; } .marketleader h2 { font-size: 13px; color: #444; text-transform: uppercase; } .marketleader span { border-bottom: 1px solid #444; } .marketleader dt { float: left; width: 180px; font-weight: normal !important } .marketleader dd { float: left; width: 40px; margin-left: 0; text-align: center } /* CAUTI STYLES*/ .box { padding: 10px; border: solid 1px #000; background: #ccc; margin-bottom: 5px; } .greenbox { background: #e5f0f0; border-color: #006c67; } .greenbox h2, .greenbox h3, .greenbox a { color: #006c67 !important; } .orangebox { background-color: #f8981d; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #FFF; width: 210px; padding: 10px; z-index: 1; position: relative; /*-webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg);*/ } .orangebox h2 { font-size: 1.6em !important; font-weight: bold; color: #FFF !important; text-transform: uppercase; margin: 0 !important; padding-bottom: .2em !important; } .orangebox p { padding: 0 !important; margin: 0 !important; color: #FFF; } .lightgreenbox { background-color: #ebf2f3; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #444; width: 460px; padding: 25px 0 25px 25px; margin-top: -15px; z-index: 0; position: relative; font-weight: bold; font-size: 1.2em; } .lightgreenbox ul { margin-left: 0 !important; } .lightgreenbox ul li { list-style-type: none !important; padding-bottom: 0 !important; margin: 15px 0 !important; height: 1.2em; } .lightgreenbox .green { color: #005953 !important; border-left: 30px solid #005953; padding-left: 5px; } .lightgreenbox .green a { color: #005953 !important; } .lightgreenbox .purple { color: #542989; border-left: 30px solid #542989; padding-left: 5px; } .lightgreenbox .purple a { color: #542989; } .lightgreenbox .blue { color: #004d96; border-left: 30px solid #004d96; padding-left: 5px; } .lightgreenbox .blue a { color: #004d96; } .lightgreenbox .red { color: #c41230; border-left: 30px solid #c41230; padding-left: 5px; } .lightgreenbox .red a { color: #c41230; } .lightgreenbox .gray { color: #333; border-left: 30px solid #333; padding-left: 5px; } .lightgreenbox .gray a { color: #333; } .lightgreenbox .orange { color: #333; border-left: 30px solid #F1592a; padding-left: 5px; } .lightgreenbox .orange a { color: #F1592a; } .buddyannounce { background: url(/media/assets/img/erase-cauti/buddy-the-brave-sm.jpg) left top no-repeat; padding-left: 190px; padding-top: 70px; height: 220px; width: 500px; font-size: 1.3em; color: #f1592a; } .buddyannounce a { color: #F1592a; } .buddyannounce span { color: #444 } .mueducation { width: 500px; height: 284px; background: url(/media/assets/img/erase-cauti/mu-education.jpg) left top no-repeat; color: #999; font-size: .8em; } .mueducation .validation { width: 200px; float: right; margin-top: 20px; } .mueducation .education { width: 170px; margin-top: 130px; } .cautirewards { margin-top: 30px; } .cautirewards img { padding-right: 10px; border-right: 1px solid #005953; } #cauti ul.tabs { padding: 0 20px 0 0; margin-left: 0 !important; } #cauti ul.tabs li { border: #006c67 solid; border-width: 0 0 1px 0; list-style: none !important; float: left; padding-bottom: 0 !important } #cauti ul.tabs li.last { border: 0; } #cauti ul.tabs li.no-ltr { float: right; border-bottom: 0; margin: 0; } #cauti ul.tabs li.no-ltr a { color: #006c67; font-weight: bold; padding: 10px 10px 7px; line-height: 25px; font-size: 18px; margin-top: 0; } #cauti ul.tabs a span.ltr { font-size: 24px; padding: 0 10px 0 10px; color: #006c67; font-weight: bold; } #caut iul.tabs a, #cauti ul.tabs a:link, #cauti ul.tabs a:visited, #cauti ul.tabs a:hover, #cauti ul.tabs a:active { text-decoration: none; } #cauti ul.tabs a { display: block; padding: 10px 5px 7px; text-decoration: none; color: #333; border: 0; } #cauti ul.tabs a:hover { background: #f2f8f7; } #cauti ul.tabs a.current { background: #d9e9e8; } #cauti ul.tabs a.current:hover { background: #f2f8f7; } #cauti .panes div { padding: 15px 0; margin-bottom: 20px; border-bottom: 1px solid #006c67; } #cauti .panes h2 { color: #006c67; margin: 0; } #cauti .panes ul li { list-style: none; margin: 6px 0 0 0; } #cauti .panes ul { margin: 0; } #cauti .panes p { margin: 6px 0 0 0; } /* SUPPLY SOLUTIONS STYLES */ .supplysection { padding-bottom: 15px; border-bottom: 1px solid #E5E5E5; margin-bottom: 15px; min-height: 100px; } .supplysection img { float: left; clear: both; display: block; } .supplysection h3 { border: 0; padding-bottom: .25em !important; margin-left: 170px !important; } .supplysection p { margin-left: 170px !important; padding-bottom: 0 !important; } /* FEATURED MARKETS STYLES */ .featurebox { width: 330px; margin: 10px; float: left; border: 1px solid #D0D0D0; min-height: 200px; background: url(/media/assets/img/90p-white.png) left top repeat; zoom: 1; } .featurebox ul { margin-top: 10px !important; color: #013E77 !important; } .featurebox h4 { display: block; background-color: #CCC; padding: 4px 10px 2px; background: url(/media/assets/img/featurebox-bg.gif) left top repeat-x; border-bottom: 1px solid #D0D0D0; } .featurebox p { padding: 0 0 0 10px !important; } .featureboxcontain { margin: 20px 0 0 53px; } p.markets { width: 660px; padding-left: 10px !important; } .hhmarket2 ul.pane-switcher { margin: 10px 10px 0 !important; padding: 0 !important; height: 46px; } .hhmarket2 ul.pane-switcher li { list-style: none !important; float: left; margin: 0 5px 0 0 !important; padding: 0 !important; } .hhmarket2 ul.pane-switcher li a { position: relative; top: 1px; z-index: 10; border: 1px solid #d0d0d0 !important; padding: 15px; text-transform: uppercase; display: block; background: #f6f6f6; line-height: 14px; } .hhmarket2 ul.pane-switcher li.pane-on a { background: white; border-bottom-color: white !important; } /* NEW STYLES FOR PHYSICIAN MARKET */ .hhmarket2 ul.pane-switcher2 { margin: 10px 10px 0 !important; padding: 0 !important; height: 40px; } .hhmarket2 ul.pane-switcher2 li { list-style: none !important; float: left; margin: 0 5px 0 0 !important; padding: 0 !important; } .hhmarket2 ul.pane-switcher2 li a { position: relative; top: 1px; z-index: 10; border: 1px solid #d0d0d0 !important; padding: 12px; display: block; background: #f6f6f6; line-height: 14px; } .hhmarket2 ul.pane-switcher2 li.pane-on a { background: white; border-bottom-color: white !important; } .hhmarket2 .pane-header2 { width: 650px; margin: 0 10px !important; padding: 15px 15px 0 !important; border: 1px solid #d0d0d0; background: url(/media/assets/img/90p-white.png) left top repeat; } /* NED */ .hhmarket2 .pane { clear: left; } .hhmarket2 .pane-header { width: 650px; margin: 0 10px !important; padding: 15px 15px 0 !important; border: 1px solid #d0d0d0; border-bottom: none; background: url(/media/assets/img/90p-white.png) left top repeat; } .hhmarket2 .pane-header h2 { padding: 0 0 15px !important; } .hhmarket2 .pane-header img { float: left; margin: 0 15px 15px 0; } .hhmarket2 .featurebox { min-height: 260px; margin-bottom: 1.5em !important; margin-top: 0; } .hhmarket2 .featureleft { width: 200px; margin-right: 0; border-right: none; } .hhmarket2 .featureright { width: 479px; margin-left: 0; } .hhmarket2 .featurebox h3 { padding: 15px !important; } .hhmarket2 .featurebox h3 small { font-weight: normal; font-style: italic; display: block; font-size: .67em; padding-top: 3px; } .hhmarket2 .featurebox h4 { padding-left: 15px !important; } .hhmarket2 .featurebox p { padding: 0 15px 15px !important; } .hhmarket2 .featurebox ul { margin: 15px 0 15px 35px !important; } .hhmarket2 .featurebox li { line-height: 1.3 !important; color: #444 !important; padding-right: 20px !important; } .hhmarket2 .hh-panel { width: 455px; padding: 10px; float: left; } .hhmarket2 .panel-left { padding-right: 20px; } .hhmarket2 .panel-right { padding-right: 0; } .hhmarket2 .panel-box img { float: left; border: 1px solid #69A0CF; margin: 0 12px 1em 0; clear: left; } .hhmarket2 .panel-box a:hover img { border-color: #04599c; -webkit-box-shadow: rgba(0, 0, 0, .25) 0 0 15px; -moz-box-shadow: rgba(0, 0, 0, .25) 0 0 15px; box-shadow: rgba(0, 0, 0, .25) 0 0 15px; } .hhmarket2 .hh-panel p, .hhmarket2 .hh-panel h3, .hhmarket2 .hh-panel h4 { margin-left: 200px !important; } .hhmarket2 .hh-panel p.full { margin-left: 0 !important; } .hhmarket2 .hh-panel h3 { padding-bottom: .25em !important; } .hhmarket2 .download-box { float: left; width: 186px; border: 1px solid #ddd; text-align: center; padding: 6px 0; margin: 0 12px 1em 0; } .hhmarket2 .download-box img { margin-bottom: .5em !important; } .hhmarket2 .download-box h3 { margin-left: 0 !important; } h1.markets { width: 660px; margin-left: 10px; margin-bottom: 10px; line-height: 1.1em; } .hospitalmarket { width: 950px; height: 600px; background: url(/media/assets/img/hospital-market-bg.jpg) right top no-repeat; } .longtermcaremarket { width: 950px; height: auto; min-height: 725px; background: url(/media/assets/img/long-term-care-market-bg.jpg) right top no-repeat; } .surgerycentermarket { width: 950px; height: 600px; background: url(/media/assets/img/surgery-center-market-bg.jpg) right top no-repeat; } .scientificproductsmarket { width: 970px; height: auto; min-height: 600px; margin-right: -5px; background: url(/media/assets/img/scientific-products-bg.jpg) right top no-repeat; } .hhmarket, .hhmarket2 { width: 950px; min-height: 400px; height: auto; background: url(/media/assets/img/hh-market-bg.jpg) right top no-repeat; } .pomarket { width: 970px; margin-right: -5px; background: url(/media/assets/img/physicians-office/physicians-office-market-bg.jpg) right top no-repeat; } .hhmarket2 { height: auto; } /* ULTRASORBS STYLES */ h2.large span { font-size: 0.6em !important; font-weight: normal; vertical-align: middle; } h2.extralarge { font-size: 3.5em !important; font-weight: normal; text-transform: uppercase; padding-bottom: 0 !important; } h2.light { font-weight: normal !important; } .indicationsbox { padding: 10px; border: 1px solid #444; margin-bottom: 2em; } .indicationsbox p { padding: 0 !important; } span.sources { font-size: .8em; color: #999; } .ultrasorbimg { float: right; width: 380px; margin-left: 10px; text-align: center; } .ultrasorbsillust { background: url(/media/assets/img/ultrasorbs/ultrasorbs-moisture-illustration-bullets.jpg) left top no-repeat; width: 730px; height: 295px; } .ultrasorbsillustor { background: url(/media/assets/img/ultrasorbs/ultrasorbs-moisture-illustration-OR.jpg) left top no-repeat; width: 730px; height: 295px; } /* ****************************************************************** ****************************************************************** ****************************************************************** ****************************************************************** ****************************************************************** ****************************************************************** */ /* STYLE OVERRIDES */ .medNcContent { margin-left: 15px !important; } .medMenuLayer h1 { padding-left: 0; } .topicCAUTI { background-color: #006C67 } .topicHandHygiene { background-color: #39B5D8; } .topicPressureUlcers { background-color: #5C1935; } .topicabaqis { background-color: #A62328; } .medLandingDiv { width: 730px !important; } #talkinfo { background-color: #EEEEEE; width: 650px; margin-top: 10px; } #talkinfo p { line-height: 1.4em; } #talkinfowrapper { padding: 15px; padding-right: 0; } #talkinfo h4 { color: #333; font-size: 1.4em; font-weight: bold; } .info { width: 290px; float: left; border-right: 1px solid #333; margin-right: 20px; padding-right: 10px; display: inline-block } .author { width: 280px; float: left; padding-right: 10px; display: inline-block } .medNcMultimediaObject { border: none !important; width: 640px; height: 360px; clear: both; } .medNcMultimediaPreviewImg { width: 250px; height: 140px; border: none; margin: 0 15px 15px 0; } .medNcArticleDescription p, .medNcMultimediaDescription p, .medNcMultimediaSubject, .medNcMultimediaGuest { font: 14px/1.45 Helvetica, Arial, sans-serif; } .medNcTrueStoryDiv, .medNcCorpInitDiv { padding: 20px 0; } .medNcTrueStoryDiv p, .medNcCorpInitDiv p { font: 14px/1.45 Helvetica, Arial, sans-serif; } #medNcPressRelease { float: none; margin-top: 0; } #medNcPressRelease .medNcPRListDate { display: inline-block; vertical-align: top; width: 90px; font: 14px/1.45 Helvetica, Arial, sans-serif; color: #999; } #medNcPressRelease .medNcPress a { display: inline-block; padding: 0; width: 620px; float: none; font: 14px/1.45 Helvetica, Arial, sans-serif; } #medNcPressRelease .medNcPress li { margin: 10px 0; } .medNcPressDiv h1 { font-family: 'GloberRegular'; color: #222; text-decoration: none; font-weight: bold; font-size: 28px; line-height: 32px; } .medNcPressDiv h2 { font-family: 'GloberRegular'; font-size: 1.4em; color: #555 !important; text-decoration: none; font-weight: normal !important; padding-bottom: 0 !important; } .medNcPressReleaseDate { float: none; padding: 15px 0; } .medNcContent p, .medNcPrograms p { font: 14px/1.45 Helvetica, Arial, sans-serif; } .medNcProgContact p { font-size: 13px; } .medNcProgNav a { padding: 0 0 0 8px; } .medNcProgContact h2, .medNcContent h2, .medNcProgNav h2 { font-family: 'GloberRegular'; font-size: 1.5em; line-height: 1.2; font-weight: bold; color: #013E77; padding: 0; } #marketing .medError { width: 208px; float: left; background-color: #FFF3F9 !important; color: #D72929; border: 1px solid #D72929; background-position: 5px; } /* CATALOG HP OVERWRITES */ #medCatPromoContainer { margin-bottom: 13px; } #medCatPromoContainer img { border: 1px solid #CCC; } .medContentWrapperLeft { width: 365px; float: left; margin-right: 20px; padding: 0; margin-top: -9px; } .medContentWrapperLeft img { border: 1px solid #CCC; } .medContentWrapperRight { width: 365px; float: left; padding: 0; margin-top: -9px; } .medContentWrapperRight img { border: 1px solid #CCC; } #marketing h2.featured { font-size: 20px; color: #013E77; font-weight: normal; padding: 0; } #marketing ul.featured { margin: 0 !important } #marketing ul.featured li { list-style-type: none; float: left; } #marketing ul.featured li a { margin-right: 20px; line-height: 1.2em; display: block; text-align: center; width: 130px; } #marketing ul.featured li a:hover { text-decoration: none !important } #marketing .featured img { margin-bottom: 10px; } /* FIX MAIN SEARCH BOX */ #medSearchWrapper input.medSearchText { font-size: 12px !important; height: 14px; line-height: 14px !important; padding: 13px 0 13px 10px; width: 165px; } input, select { -moz-box-sizing: content-box !important; -ms-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } #medSearchWrapper .medSearchTextWrapper { padding: 0; width: 180px; } /* ======= NEW NAV CSS ======= */ ul.medNcNav, .medNcProgNav ul { border: none; } ul.medNcNav li, .medNcProgNav li { border: none; padding: 0; } ul.medNcNav li { margin-right: 1px; } ul.medNcNav li.medNcResourcesTitle { padding: .5em 10px .5em 5px; font-size: 1.125em; border-bottom: 1px dotted #888; line-height: 1.3; font-weight: bold; } ul.medNcNav li.medNcResourcesBlank { border: none; padding: 0; margin-bottom: 1.5em; } ul.medNcNav li a, .medNcProgNav li a { padding: .75em 10px .75em 5px; border-bottom: 1px dotted #ddd; line-height: 1.3; display: block; } ul.medNcNav li a.medNcSelected { /*background: url(/media/assets/css/images/blue-arrow.gif) 180px center no-repeat;*/ color: black; } ul.medNcNav li a:hover, .medNcProgNav li a:hover { border-bottom: 1px solid #bbb; background: #fcfcfc; background-image: -moz-linear-gradient(top, #fff, #f8f8f8); background-image: -o-linear-gradient(top, #fff, #f8f8f8); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #f8f8f8)); background-image: -webkit-linear-gradient(#fff, #f8f8f8); background-image: linear-gradient(top, #fff, #f8f8f8); /* no IE gradient -- it kept doing some weird padding jog and I don't care enough to try to fix */ } ul.medNcNav li a.medNcSelected:hover { border-bottom-color: #666; } ul.medFacet li strong { padding: 2px 10px; font-weight: bold; display: block; background-image: -moz-linear-gradient(top, #fff, #ddd); background-image: -o-linear-gradient(top, #fff, #ddd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd)); background-image: -webkit-linear-gradient(#fff, #ddd); background-image: linear-gradient(top, #fff, #ddd); background: url(/media/isaresources/images/medfacet-bg.gif) left top repeat-x; } #mediaRoomContactsBody { margin-top: 10px; } #mediaRoomContactsBody span p strong { font-weight: bold; } #mediaRoomContactsBody span p { padding-bottom: .5em; } .medLoginFields input:focus { border: 1px solid #666 !important; background: #eee !important; color: black !important; } /* Padding fix on product page */ .medSkuProductListExpanded { padding-bottom: 2em; } /* New Media Room */ .media-room { width: 960px; font-size: 14px; line-height: 1.45; color: #555; } .media-room a { color: #04599c; } .media-room * { -moz-box-sizing: content-box !important; -ms-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } .media-room .col { float: left; width: 60px; padding: 0 10px; } .media-room .c2 { width: 140px; } .media-room .c3 { width: 220px; } .media-room .c4 { width: 300px; } .media-room .c5 { width: 380px; } .media-room .c6 { width: 460px; } .media-room .c7 { width: 540px; } .media-room .c8 { width: 620px; } .media-room .c9 { width: 700px; } .media-room .c10 { width: 780px; } .media-room .c11 { width: 860px; } .media-room .c12 { width: 940px; } .media-room ul ul { font-size: 12px; } .media-room ul li a { padding: .5em 10px .5em 5px; border-bottom: 1px dotted #ddd; line-height: 1.2; display: block; } .media-room ul li a:hover { border-bottom: 1px solid #bbb; background: #fcfcfc; background-image: -moz-linear-gradient(top, #fff, #f8f8f8); background-image: -o-linear-gradient(top, #fff, #f8f8f8); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #f8f8f8)); background-image: -webkit-linear-gradient(#fff, #f8f8f8); background-image: linear-gradient(top, #fff, #f8f8f8); /* no IE gradient -- it kept doing some weird padding jog and I don't care enough to try to fix */ } .media-room ul li li a { font-weight: normal; padding-left: 20px; } .media-room p { padding-bottom: 1em; } .media-room h1 { font-size: 3em; color: #111; text-align: center; padding: .33em 0; margin-bottom: .33em; border-bottom: 1px solid #ccc; } .media-room h2 { font-size: 1.75em; line-height: 1.1; padding-bottom: .33em; } .media-room h3 { font-size: 1.33em; line-height: 1.2; border: none; color: #333; padding-bottom: .25em; } .media-room h5 { color: #777; font-family: 'GloberRegular'; text-transform: uppercase; font-size: .83em; padding-bottom: 1em; } .media-room .press-release { margin-bottom: 1em; border-bottom: 1px dotted #ccc; } .media-room .press-release img { float: left; width: 120px; height: 120px; padding: 2px; border: 1px solid #69a0cf; margin: 0 14px .5em 0; } .media-room .press-release a:hover img { border-color: #04599c; background: white; -webkit-box-shadow: rgba(0, 0, 0, .25) 0 0 15px; -moz-box-shadow: rgba(0, 0, 0, .25) 0 0 15px; box-shadow: rgba(0, 0, 0, .25) 0 0 15px; } .media-room .press-release p { margin-left: 140px; } .media-room .highlight img { width: 280px; height: 154px; float: right; padding: 2px; border: 1px solid #69a0cf; margin: 0 15px .5em; } .lazy-divider { width: 100%; clear: left; border-bottom: 1px solid #ccc; } /* New Clinical Programs */ .program-header { border-bottom: 1px solid #ccc; } .program-header h1 { float: left; font-size: 3em; color: #111; text-align: center; padding: .33em 0; margin-bottom: .33em; } .program-header ul { float: right; font-size: 1em; line-height: 3; } .program-header li { float: left; margin-left: 15px; } /* Green Initiatives */ #marketing ul.green-stats { list-style: none; margin: 0; padding: 0; border: 1px dotted #ccc; border-bottom: none; } #marketing ul.green-stats li { clear: left; list-style: none; margin: 0; padding: .5em 0; border-bottom: 1px dotted #ccc; } #marketing ul.green-stats li.odd { background: #f9fff9; } #marketing ul.green-stats h4 { color: green; float: left; font-size: 30px; line-height: 40px; padding: 1px 0; text-align: right; width: 80px; margin: 0 10px; } #marketing ul.green-stats p { padding: 0; font-size: 11px; line-height: 14px; margin: 0 10px 0 90px; } #marketing .green-left { float: left; width: 400px; } #marketing .green-right { float: right; width: 305px; } #marketing .green-right h2 { text-align: center; } #marketing ul.tab-switcher { margin: 0 !important; padding: 0 !important; } #marketing ul.tab-switcher li { list-style: none !important; float: left; margin: 0 5px 0 0 !important; padding: 0 !important; } #marketing ul.tab-switcher li a { position: relative; top: 1px; z-index: 10; border: 1px solid #d0d0d0; padding: 10px; text-transform: uppercase; display: block; background: #f6f6f6; font-size: 12px; font-weight: bold !important; } #marketing ul.tab-switcher li.tab-on a { background: white; border-bottom-color: white; } #marketing .tab { clear: left; border: 1px solid #d0d0d0; padding: 25px 15px 15px; } #marketing .tab img, #marketing .tab .image-box { float: right; margin: 0 15px 1em 30px; } #marketing .tab .image-box img { float: none; margin: 0 0 1em; } #marketing .tab .image-box p { text-align: center; font-style: italic; font-size: .9em; } a.curad { color: #008853; } a.curad:visited { color: #008853; } /* HEELMEDIX */ .heelbulletcontain { background: url(/media/assets/img/heelmedix/heelmedix-hero.jpg) left 50px no-repeat; width: 730px; height: 663px; position: relative; } .heelbullet { background-color: #005194; width: 40px; height: 40px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #FFF; line-height: 40px; font-size: 28px; font-weight: bold; text-align: center; } .clinicalbenefits { position: absolute; top: 15px; left: 15px; width: 450px; } .clinicalbenefits h2 { color: #005194 !important; font-size: 24px !important; font-weight: lighter !important; } .clinicalbenefits ul li { margin: 0 !important; padding: 0 !important; } .heelbulletcontain .bullet1 { position: absolute; top: 320px; left: 100px; } .heelbulletcontain .bullet2 { position: absolute; top: 175px; left: 440px; } .heelbulletcontain .bullet3 { position: absolute; top: 580px; left: 390px; } .heelbulletcontain .bullet4 { position: absolute; top: 500px; left: 500px; } .heelbulletcontain .bullet5 { position: absolute; top: 280px; left: 660px; } .bulletcol { width: 350px; float: left; margin-left: 45px; } .bulletcol2 { width: 330px; float: left; } .bulletpoint { padding: 12px 0; } .bulletpoint p { padding: 0 !important; margin: 0 !important; } .bulletpoint h2 { color: #005194 !important; font-weight: bold; padding-bottom: 0 !important; font-size: 18px !important; } .floatleft { float: left; margin-right: 10px; } .floatright { float: right; margin-left: 10px; } .heelfeatures { margin-left: 45px; } .heelfeatures h2 { margin: 0 !important; padding: 0 !important; padding-top: 30px !important; } .pressuremap { float: right; width: 300px; margin-left: 15px; } /* FIT RIGHT */ .fitvideocontain { background: #ecf6ea; padding: 15px 0; border: 1px solid #afeda3; margin-bottom: 15px; } .fitvideo { width: 420px; float: left; border-right: 1px solid #afeda3; padding-top: 20px; padding-left: 20px; padding-bottom: 20px; } .fitvideoinfo { width: 260px; float: left; border-left: 1px solid #FFF; padding-left: 20px; } .fitbulletcontain { background: url(/media/assets/img/fitright/fitright-hero.jpg) left top no-repeat; width: 730px; height: 469px; position: relative; } .fitbulletcontain .bullet1 { position: absolute; top: 170px; left: 100px; } .fitbulletcontain .bullet2 { position: absolute; top: 220px; left: 290px; } .fitbulletcontain .bullet3 { position: absolute; top: 300px; left: 400px; } .fitbulletcontain .bullet4 { position: absolute; top: 75px; left: 490px; } .fitbulletcontain .bullet5 { position: absolute; top: 360px; left: 290px; } .fitbullet { background-color: #74c26e; width: 40px; height: 40px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #FFF; line-height: 40px; font-size: 28px; font-weight: bold; text-align: center; } .bulletpoint h2.fit { color: #74c26e !important; font-weight: bold; padding-bottom: 0 !important; font-size: 18px !important; } .fitrightbg { background: url(/media/assets/img/butterfly.jpg) 450px -20px no-repeat; } .hmevideocontain { background: #fff; padding: 15px 0; margin-bottom: 15px; } .hmevideo { width: 432px; float: right; padding-top: 20px; padding-left: 10px; padding-bottom: 20px; } .hmevideoinfo { width: 250px; float: left; border-left: 1px solid #FFF; padding-left: 10px; } .hmesection { width: 310px; float: left; border: 0 solid #CCCCCC; margin: 10px; padding: 10px; } .hmesection img { width: 120px; height: 120px; float: right; margin: 5px; } .medNcGeneral .medWarning { border: 1px solid; background-repeat: no-repeat; font-size: 14px; margin: 5px 0; padding: 25px 35px; width: 50%; background-image: none !important; } ul.medNcNav li .medNcProgContact a:hover, .medNcProgNav li .medNcProgContact a:hover { background-image: none; background-color: transparent; border-bottom: none; } .medNcProgContact a:hover h2, .medNcProgContact a:hover h2 { text-decoration: underline; } ul.medNcNav li .medNcProgContact a, .medNcProgNav li .medNcProgContact a { border-bottom: none; } .medNcLeftFeaturedContent, .medSidebarPersonalizationSlot { padding-top: 10px; padding-bottom: 10px; clear: both; } .medNcProgContact { background: url("/media/appresources/css/images/contact-bg.png") no-repeat scroll right top transparent; } a.ReadDownloadPdf { background: url("/media/appresources/css/images/pdf-icon.png") no-repeat scroll right center transparent; } /*----------EMPOWER CSS----------*/ .rht_col_tbl { display: block; padding: 0; margin: 0; color: #5a5a5a; font-size: 14px; } .rht_col_tbl table { border: solid 1px #e7e7e7; background: #f4f4f4; border-bottom: none; width: 600px; margin: 0 0 20px 10px; padding: 0; border-collapse: collapse; } .rht_col_tbl table th { padding: 0; margin: 0; } .rht_col_tbl table th.first { background: #4d7886; color: #fff; font-weight: bold; padding: 4px; text-align: left; } .rht_col_tbl table th.second { background: #4a9fab; color: #fff; font-weight: bold; padding: 4px; text-align: left; } .rht_col_tbl table th.third { background: #5ab2e4; color: #fff; font-weight: bold; padding: 4px; text-align: left; } .rht_col_tbl table th.fourth { background: #eec25c; color: #000; font-weight: bold; padding: 4px; text-align: left; } .rht_col_tbl table th.fifth { background: #b5c2c8; color: #000; font-weight: bold; padding: 4px; text-align: left; } .rht_col_tbl table td { border-bottom: solid 1px #d7d7d7; padding: 5px 0; margin: 0; } .rht_col_tbl table .sub-head { font-weight: bold; text-align: center; font-size: 16px; } .page_nums { display: inline; float: right; width: 174px; height: 28px; } .tbl_head { display: inline; float: left; width: 420px; } .brdnone { border: 0 !important; } .course { display: block; width: 600px; } .course-title { font-size: 18px; color: #07a9b8; font-weight: normal; } .course-bg { background: url(../img/course_bg.jpg) repeat-y; padding: 7px 20px 0 7px; margin: 0 0 15px 0; width: 503px; background-color: #e2f4fd; } .course-bg img { padding: 0; margin: 0 8px 13px 0; border: solid 1px #7b9eb9; float: left; } .course-bg h4 { color: #000; font-size: 14px; font-weight: bold; } .course-bg p { font-size: 13px !important; font-weight: normal; text-align: left; } .pic { display: block; margin: 10px 0; } /*---------- EMPOWER CSS /----------*/ /*--------- ASC Market Page new classes starts here 16 July 2012------------*/ .asc_mrkt { width: 680px !important; margin-left: 10px !important; padding-top: 18px !important; background: #fff !important; } .asc_mrkt h5 { font-size: 16px; font-weight: bold; padding: 0 14px 12px; } .asc_mrkt_bg { width: 950px; min-height: 400px; height: auto; background: url(../img/asc_market_bg.jpg) 640px 15px no-repeat; } .img_tabs { margin: 0 10px 20px 0; display: block; float: left; white-space: pre-wrap; } /*--------- ASC Market Page new classes Ends here 16 July 2012------------*/ /*----------Added New Logo----------------------- #medLogo { background:transparent url("../../../..//media/appresources/css/images/medline-logo-with-tagline.jpg") no-repeat scroll 0 0; width:358px; height:70px; text-indent:-3333px; border:0; margin:0; } #medLogo a { display:block; width:358px; height:70px; text-decoration:none; border:0; } #medLogo a:hover { display:block; background:transparent url("../../../../media/appresources/css/images/medline-logo-with-tagline-hover.jpg") no-repeat scroll 0 0; width:358px; height:70px; text-decoration:none; border:0; }*/ /*----------Added My Account Styles-----------------------*/ .medMyAccountHero { /*background: url("../../../../media/appresources/css/images/bg_hero.gif") repeat-x scroll left bottom #FFFFFF;*/ border: 0 solid #DDDDDD; margin-bottom: 20px; } .medMyAccountImage { background: none repeat scroll 0 0 #fff; float: right; position: relative; } .medMyAccountCopy { padding-left: 15px; padding-right: 5px; padding-top: 10px; position: relative; width: 365px; } .medMyAccountCopyTitle { color: #013E77 !important; font-size: 24px; margin: 5px 0; } .medMyAccountHero .medMyAccountText { font-size: 13px; } .medMyAccountHero .medMyAccountText a { text-decoration: underline !important; } .medMyAccountHero .medMyAccountText a:hover { text-decoration: none !important; } /*Mukesh Added Styles */ .aqt { width: 320px; height: 122px; float: left; border: 0 solid #CCCCCC; margin: 10px; } .aqtnew { width: 320px; float: left; border: 0 solid #CCCCCC; margin: 10px; } .aqt img { float: left; padding: 10px; margin: 0; } .aqtnew img { float: left; padding: 10px; margin: 0; } /* Mukesh Style End*/ /*------ Created 30 Jan 2013 -------------*/ .spc { background: url("/media/appresources/css/images/spacer.png") no-repeat scroll right top transparent; height: 30px; } /*------ Created 30 Jan 2013 -------------*/ /* Marketing Custom Styles */ .mkt-custom-banner { float: left; width: 700px; height: 257px; margin-bottom: 40px; position: relative; z-index: 100; } .mkt-custom-banner-solution-detail { padding-bottom: 50px; margin: -1px 0 0 -1px; background-color: #fff; } .mkt-custom-banner .left-content { float: left; width: 188px; height: 217px; padding: 20px; } .mkt-custom-banner .left-content h2 { margin: 0; font-size: 22px; line-height: 26px; margin-bottom: 15px; color: #fff; } .mkt-custom-banner .left-content p { color: #fff; font-size: 16px; font-weight: normal; line-height: 18px; padding: 0 20px 0 0; margin-bottom: 10px; } .mkt-custom-banner .left-content a { margin-top: 10px; color: #fff; float: left; text-decoration: none; font-weight: bold; font-size: 16px; } .mkt-custom-banner .left-content a:hover { text-decoration: underline; } /* Banner Button Fix */ .hero-promo .left p a.button-blue.btnLeftNav { position: relative; z-index: 10; } /****** Related Categories ******/ .mkt-rp-parentcat { position: relative; overflow: hidden; } .mkt-rp-parentcat .grid-item span { cursor: pointer; } .mkt-rp-subcategories { float: left; width: 654px; border: 1px solid #ccc; padding: 20px 20px 40px 20px; min-height: 200px; background-color: #fff; -moz-box-shadow: 0 0 2px 2px #dfdfdf; -webkit-box-shadow: 0 0 2px 2px #dfdfdf; box-shadow: 0 0 2px 2px #dfdfdf; position: absolute; top: 0; left: 2px; z-index: 10; } .mkt-rp-subcategories .grid-item { float: left; width: 100%; } .mkt-rp-subcategories .grid-item .category { float: left; width: 100%; } .mkt-rp-subcategories .grid-item .category h3 { color: #000; font-size: 16px; display: block; border-bottom: 1px solid #ccc; padding-bottom: 6px; margin: 0 0 25px 0; text-decoration: none; } .mkt-rp-subcategories .grid-item .category .product { float: left; width: 126px; padding: 0 15px; height: 189px; margin-bottom: 15px; cursor: pointer; border: 2px solid transparent; } .mkt-rp-subcategories .grid-item .category .product .link { float: left; cursor: pointer; } .mkt-rp-subcategories .grid-item .category .product .link .img { width: 126px; height: 116px; margin-top: 10px; float: left; } .mkt-rp-subcategories .grid-item .category .product p { font-weight: bold; color: #333; margin-top: 10px; text-align: center; float: left; } .mkt-rp-subcategories .collapse { position: absolute; left: 0; bottom: 0; width: 100%; border-top: 1px solid #bfbfbf; padding: 10px 0; font-size: 14px; text-transform: uppercase; color: #a0a0a0; font-weight: bold; -moz-text-shadow: 1px 1px 1px #fff; -webkit-text-shadow: 1px 1px 1px #fff; text-shadow: 1px 1px 1px #fff; text-align: center; background-color: #dfdfdf; cursor: pointer; } .mkt-rp-subcategories .collapse:hover { background-color: #c4c4c4; color: #6f6f6f; -moz-text-shadow: 1px 1px 1px #e0e0e0; -webkit-text-shadow: 1px 1px 1px #e0e0e0; text-shadow: 1px 1px 1px #e0e0e0; } .mkt-rp-subcategories .collapse .text { padding-left: 22px; width: 150px; height: 30px; background: url('/media/mkt/_custom/img/up.png') no-repeat left 2px; } .mkt-rp-subcategories .collapse:hover .text { background-position: left -17px; } /******* Event Calendar Table *******/ .mkt-event-calendar-table { float: left; width: 100%; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; } .mkt-event-calendar-table th { border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; padding: 5px; text-align: center; background-color: #337daf; color: #fff; font-weight: bold; } .mkt-event-calendar-table tr:hover { background-color: #f5f5f5; } .mkt-event-calendar-table tr:hover td { color: #000; } .mkt-event-calendar-table td { border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; padding: 5px; color: #605f5f; } .mkt-event-calendar-table td a { text-decoration: underline !important; } /******** Gloves Page *********/ .mkt-open-html1 { float: left; width: 100%; } .mkt-open-html1 h2 { color: #000; font-size: 16px !important; display: block; border-bottom: 1px solid #ccc; padding-bottom: 6px; margin-bottom: 15px; line-height: 25px; font-weight: normal !important; font-family: 'GloberRegular'; } .mkt-open-html1 p { float: left; width: 100%; margin-bottom: 3em !important; } .mkt-open-html1 img.mid { float: left; margin-left: 12px; } .mkt-page-row-jump-links { float: left; width: 100%; border-top: 1px dashed #d7d7d7; padding-top: 3em; margin-bottom: 3em; padding-bottom: 0; } .mkt-page-row-jump-links select { float: left; width: 700px; padding: 0.25em; z-index: 999; font-size: 18px; } .mkt-page-row-jump-links-point { float: left; width: 100%; padding-top: 4em; border-top: 1px dashed #d7d7d7; } .mkt-page-row-block { float: left; width: 100%; clear: both; position: relative; min-height: 390px; margin-bottom: 3em; } .mkt-page-row-block .content { float: left; position: relative; width: 250px; padding: 2em !important; } .mkt-page-row-block .content .title { float: left; width: 100%; margin-bottom: 0.60em; font-size: 28px; line-height: 28px; } .mkt-page-row-block .content .subtitle { float: left; width: 100%; margin-bottom: 1em; font-size: 14px; color: #666666; font-weight: bold; } .mkt-page-row-block .content .description { float: left; width: 100%; margin-bottom: 1em; line-height: 18px; font-size: 12px; font-weight: bold; } .mkt-page-row-block .content ul { float: left; width: 100%; line-height: 22px; color: #666666; margin-bottom: 2em; padding-left: 0.5em; } .mkt-page-row-block .content a.shopBtn { float: right; padding: 1em 2.5em; margin-right: 6.6em; background: url(/media/mkt/clinical-solutions/gloves/shopBtn1.jpg) repeat-x left top; color: #fff; } .mkt-page-row-block .image { position: absolute; top: 0; right: 0; width: 400px; } .mkt-page-row-block .image img { display: block; margin: 0 auto; width: 300px; } .mkt-page-row-block.left { position: relative; border: 1px dashed red; } .mkt-page-row-block .left { position: absolute; top: 0; left: 0; } .mkt-page-row-block .right { position: absolute; top: 0; right: 0; } .mkt-title-block { padding: 0.75em 0; background-color: #efefef; text-align: center; clear: both; float: left; width: 100%; margin: 0 0 3em 0; font-size: 2em; color: #000 } /* country selection */ .mkt-country-selection { float: left; width: 100%; height: 400px; margin-top: 1em; } .mkt-country-selection div { float: left; width: 33%; } .mkt-country-selection div ul { float: left; width: 100%; } .mkt-country-selection div h2 { font-size: 1.25em; font-weight: bold; margin-bottom: 0.75em; } .mkt-country-selection div h3 { margin: -0.55em 0 0.75em 0; font-size: 1.15em; color: #666; } .mkt-country-selection div ul li { list-style-type: none; float: left; width: 100%; margin: 1em 0 0 0; padding: 0; } .mkt-country-selection div ul li a { float: left; width: 100%; font-size: 1.10em; } .mkt-country-selection div ul li a:hover { text-decoration: underline; } .mkt-country-selection div ul li a img { float: left; margin: 0 0.75em 0 0; } .mainContent h1 { border-bottom: 1px solid #ccc; overflow: hidden; padding: 0 0 10px 0; margin-bottom: 12px; font-size: 16px !important; color: #333; } .list-container { position: relative; } .grid-carousel .list-container .item .content .blurb { padding: 0 !important; } .product-container-grid .grid-item { float: left; width: 180px; border-right: 0 solid #cbcdce; padding: 0; height: 189px; margin-right: 7px; } .subpage-content-container .relatedPromo .grid-item { border: 0; width: 165px !important; } .product-container-grid .grid-item p { font-size: 13px !important; } .carttl { color: #333 !important; font-size: 14px !important; font-weight: bold; padding: 0; margin: 0 0 10px 0; } .carttl:hover { color: #094086 !important; text-decoration: underline; } .conbreadttl { color: #8D8C8C !important; float: left; margin-top: -15px; padding: 10px 0 10px 25px } .prodbrowsebtn { color: #FFFFFF !important; float: left !important; height: 2px !important; margin-left: -220px !important; margin-top: 80px !important; padding-top: 5px !important; text-align: center !important; vertical-align: middle !important; width: 130px !important; } .orderconf .tinysorttrigger { text-decoration: underline; cursor: pointer; color: #000080; } #oops { width: 920px; padding-bottom: 40px; } #oops h1 { color: #013E77; line-height: 60px; font-weight: bold; } #oops .oopstxt { font-size: 32px !important; color: #013E77; } #oops .excl { font-size: 34px !important; color: #013E77; } #oops .whathpnd { font-weight: bold; color: #333; font-size: 20px; margin-top: 15px; } #oops .cats { float: left; width: 525px; border-top: solid 1px #cccccc; } #oops .cats h3 { font-weight: bold; color: #333; font-size: 16px; margin-top: 15px; margin-bottom: 15px; } #oops .cats .lst1 { float: left; width: 220px; font-weight: normal; } #oops .cats .lst2 { float: left; width: 220px; font-weight: normal; margin-left: 20px; } #oops .cats .lst1 a { font-weight: normal !important; } #oops .cats .lst2 a { font-weight: normal !important; } #oops .cats ul { line-height: 30px; font-size: 14px; } #oops .contcustcol { float: right; width: 280px; background-color: #f7f7f7; padding: 30px; min-height: 300px; } #oops .contcustcol h3 { background: url('/media/assets/img/custserv.png') no-repeat left center; font-size: 20px; font-weight: bold; color: #333; line-height: 50px; padding-left: 65px; } #oops .contcustcol h4 { font-weight: bold; color: #333; font-size: 16px; line-height: 28px; margin-top: 20px; margin-bottom: 10px; } #oops .contcustcol div { height: 30px; font-size: 16px; } #oops .contcustcol a { color: #333; text-decoration: underline; font-weight: normal; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/media/mkt/_custom/fancyapps-fancyBox/source/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/media/mkt/_custom/fancyapps-fancyBox/source/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/media/mkt/_custom/fancyapps-fancyBox/source/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/media/mkt/_custom/fancyapps-fancyBox/source/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } .signupform { padding-bottom: 80px; width: 900px; margin-left: 30px; } .signupform .creditAppForm div, .creditAppPage div { line-height: 30px; } .signupform .creditAppForm label, .creditAppPage label { color: #444 !important; /*width:75px;*/ display: inline-block; } .signupform .col1 { width: 575px; float: left; } .signupform .col1 #regaccountsteps { background: url("/media/assets/css/images/regaccountsteps.png") 0 0 no-repeat; padding-top: 85px; margin-top: 30px; margin-left: 25px; } .signupform .col2 { width: 295px; float: right; } .signup .medLoginContainer { margin-top: 0; width: 100%; } .signup h1, .signupform h1 { border-bottom: 1px solid #CCCCCC; color: #013E77; display: block; font-size: 20px; line-height: 20px; margin-bottom: 20px; padding-bottom: 10px; text-decoration: none; margin-top: -10px; } .signup ul p, .signupform p { color: #666666; font-size: 14px; line-height: 30px; margin-left: 3px; margin-bottom: 5px; } .signupformagree p, .paymentrem p { color: #444444; font-size: 14px; line-height: 20px; margin-left: 3px; margin-bottom: 25px; } .medValidationError { padding: 10px; width: 200px; } .signup .medGeneralButton, .signupform .medGeneralButton, .signupformagree .medBtnGreen { float: left !important; width: 165px; text-align: center; background-image: none !important; border: 1px solid #AAAAAA !important; background-color:#5da200; color: #FFFFFF !important; font-weight: bold !important; height: 15px !important; padding: 5px 20px !important; } .signupform .medBtnGrey { padding: 5px 20px !important; } .signupform .selstate { width: 190px; } .signup ul .noacctnum { clear: both; padding-top: 25px; } .signup ul .haveacctnum { padding-bottom: 65px; border-bottom: solid 1px #cecece; } .signup .signupoptions { margin-left: 20px; margin-top: 20px; padding-right: 20px; } .signup .signupoptions h3 { color: #000000; font-family: 'GloberRegular'; font-size: 16px; font-weight: 700; line-height: 20px; } .subcols { padding-bottom: 20px; } .subcols div { float: left; width: 150px; } .subcols .subcol1 { margin-right: 70px; margin-left: 3px; width: 130px; } .subcols .subcol2 { margin-right: 45px; } .grayrndbox { border: solid 0 !important; padding: 15px; background-color: #E7E7E7; font-size: 14px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .linksdocs a { display: block; color: #0000FF; font-size: 14px; text-decoration: underline !important; padding-bottom: 8px; } .signupform .iconinfo { background: url("/media/assets/css/images/icon-info.png") no-repeat scroll 0 5px; } .icon-doc { background: url("/media/assets/css/images/icon-doc.png") no-repeat scroll 0 5px; padding-left: 25px; } .icon-search { background: url("/media/assets/css/images/icon-search.png") no-repeat scroll 0 5px; padding-left: 25px; } .icon-infotriangle { background: url("/media/assets/css/images/icon-infotriangle.png") no-repeat scroll 0 5px; padding-left: 25px; } .icon-pdf { background: url("/media/assets/css/images/icon-pdf.png") no-repeat scroll 0 5px; padding-left: 25px; } .signupform .col2 .acctinfo h4 { color: #666666 !important; line-height: 30px; padding-left: 30px; } .signupform .col2 h3 { font-size: 16px !important; margin-top: 25px !important; } .signupform .col2 .acctinfo p { margin-top: 10px !important; margin-bottom: 0 !important; color: #666666; padding-bottom: 5px !important; } .signupform .col2 .acctinfo ul { margin: 5px 5px 0 10px !important; list-style: none !important; } .signupform .col2 .acctinfo ul li { margin: 0 !important; color: #666666; padding-bottom: 3px !important; list-style-type: none !important; background: url("/media/assets/css/images/gtlistrtype.png") no-repeat scroll 0 5px; padding-left: 15px; } .hordivider { border-bottom: solid 1px #cecece; clear: left; height: 20px; margin-bottom: 20px; } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/media/mkt/_custom/fancyapps-fancyBox/source/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('/media/mkt/_custom/fancyapps-fancyBox/source/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } .subpage-content-container .formHeader h1.main-header { border-bottom: 0 solid #CCCCCC !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } .grayrndbox p { line-height:inherit; } #medSKUPriceWrapDiscontSKUBox .medSKUPriceLbl { float: left; } .discontskumsg { background-color: #faf9f7 !important; border: solid 1px red !important; padding: 5px; } #medSKUPriceWrapDiscontSKUBox.discontskumsg table.medSKUPriceDisplay, .discontskumsg .medSKUPriceDisplay td { background-color: #faf9f7 !important; font-size: 14px; border:none; vertical-align: middle; line-height: 15px; } .discontskumsg td,.discontskumsg th,.discontskumsg span { color: #D8000C !important; } #crossref Table { border: 0px solid #D6D1C9 !important; width: 98%; } #crossref .crosstitle { font-size: 14px; font-weight: 700; padding-top: 15px; } #crossref .crosslink,#crossref .crosslink a,#crossref .crosslink span { color: #094086 !important; font-size: 12px !important; text-align: right !important; font-weight:normal !important; } #crossref .medListViewWrapper { border-bottom: 1px solid #D6D1C9; border-top: 1px solid #D6D1C9; width: 510px; } #crossref .medProductList { width: 520px; } .medTitle a { background: none repeat scroll 0 0 !important; border-bottom: 0 solid #E5E5E5 !important; } .medSideBar2 .medCatNav { background: none repeat scroll 0 0 !important; } .modal-footer { text-align:center !important; } .tooltip { background: url("/media/appresources/css/images/icon_questionmark.gif") no-repeat scroll left center; cursor: pointer; display: block; padding-left: 16px; float:left; } #cropperPicker li { list-style: none outside none !important; } #cropperMainImage { top:0px; } .simproducts .medListProdTitle { padding-top:10px; padding-bottom:5px; } .medRed { color:#D8000C; } .medItemInfoText { color:#4F8A10; } .medItemWarningText { color:#B39012; } .pmprtnform hr { height:1px; } #orderSearchPatient .tablerow tbody tr:hover,#searchClinicianResult .tablerow tbody tr:hover { background:#dedede !important; cursor:pointer; } #orderSearchPatient table td,#searchClinicianResult table td { background: none !important; } .email-remove { display: inline-block; } .selAppNot { max-height: 100px; overflow-y: scroll; } .viewAlternates .medAlternatesDiv { font-size: 24px !important; color: #013e77 !important; clear: left; padding-top: 7px !important; } .viewAlternates .product-list { padding-bottom:10px; padding-top:20px; width: 742px; } .viewAlternates .product-list .medListViewWrapper { border-bottom: 0px !important; } .viewAlternates .product-list .medListViewWrapper .medListViewImg, .viewAlternates .product-list .medListViewWrapper .medViewImage, .viewAlternates .product-list .medListViewWrapper .medViewImage:hover span { width:200px !important; height:200px !important; margin-left: 10px !important; } .viewAlternates .product-list .medListViewWrapper .skuimgcol { padding-right:15px; } .viewAlternates .product-list .medListViewWrapper .medListFamilyTitle,.viewAlternates .product-list .medListViewWrapper .medListFamilyTitle a { color: #094086; font-size: 20px; font-weight: 700; line-height: 25px; padding-bottom: 5px; } .viewAlternates .product-list .medListViewWrapper .medListProdTitle{ font-size: 14px; line-height: 20px; color:#333333; } .viewAlternates .product-list .medListViewWrapper .medListProdSKU { font-size: 14px; color:#333333; padding-top: 3px; } .viewAlternates .product-list .medListViewWrapper .medListProdPackaging,.viewAlternates .product-list .medListViewWrapper .medListProdManufact,.viewAlternates .product-list .medListViewWrapper .medListProdContractPrice { color: #666666; line-height: 18px; font-size: 13px; font-style: normal; } .viewAlternates .product-list .medListViewWrapper .medListProdAvailablity { color: #333333; font-size: 13px; font-style: normal; line-height: normal; text-align: left; } .viewAlternates .product-list .medListViewWrapper .medSKUAlternatesPriceWrap { padding: 10px !important; } .viewAlternates .product-list .medListViewWrapper .medSKUAlternatesPriceWrap .medSKUPrice { float: none; font-size: 16px; font-weight: 700; margin-right: 0px; color: #333333; } .viewAlternates .product-list .medListViewWrapper .medSKUAlternatesPriceWrap .medSKUPriceDisplay { font-size: 13px; } .viewAlternates .product-list-header { background: url("/media/assets/css/images/bg-view-alt.jpg") no-repeat scroll left center; height: 55px; margin-top: 10px; } .viewAlternates .product-list-header .alt-title{ color: #333333; font-size: 16px; font-weight: 700; padding-left: 15px; padding-top: 15px; } .viewAlternates .product-list-footer { background: url("/media/assets/css/images/bg-view-alt-bottom.jpg") no-repeat scroll left center; height: 20px; } #lineItemsDataTable .medLineCommentsSpan { /*display: block;*/ /*width:auto !important;*/ } #disclaimer h4 { font-weight: bold; color: #333; font-size: 14px; margin-top: 0px; margin-bottom: 10px; color: #333333; } .disclaimer-btns { text-align: center; margin-top:20px; } #disclaimer .graybox { background-color: #f5f5f5; border:solid 1px #cccccc; margin-top:20px; } #disclaimer p{ line-height: 18px; } #disclaimer h1.main-header { border-bottom: 1px solid #ccc; display: block; font-size: 25px; line-height: 30px; margin-bottom: 20px; padding-bottom: 10px; } #disclaimer .itemTitle { color: #45c7ed; } .medRedTransBox { margin: 24px 25px !important; padding-top: 30px; } .icon-chk-16x16 { background: url("/media/assets/img/check-green-16x16.png") no-repeat scroll center center transparent; width: 16px; height:16px; display: block; } .medSKUPdfsmall { background: url("/media/assets/css/images/sku-pdf-small.png") no-repeat scroll left center transparent; display: block; font-size: 11px; height: 25px; line-height: 23px; padding-left: 30px; color: #0755B8; } .medPopupWindow { overflow-y: auto; max-height: 590px !important; padding-bottom: 20px; } .medPopWindowCloseIcon { right: 10px; } #reviewOrderNotificationPopUp, #nextLevelApproverNotificationPopUp, #emailApproverNotificationPopUp { height: 600px !important; } .howtoapproveorders { color: #080808; font-size: 15px; } .howtoapproveorders .introtext { margin-bottom:20px; line-height:20px; } .howtoapproveorders .helpsteps { margin-bottom:50px } .howtoapproveorders .steptitle { font-size: 16px; font-weight: bold; color: #454545; } .howtoapproveorders .stepdesc { margin: 10px 10px 15px 0px; line-height: 20px; } .howtoapproveorders .stepimg { } .howtoapproveorders hr { border-top: 1px solid #cccccc; display: block; } .howtoapproveorders .pgettl { font-size: 20px; margin-bottom: 20px; margin-top: 5px; color:#444;; } #pendingOrderYourApprovalOrderDiv,#pendingApprovalDiv { margin-bottom:40px; } .wrapper .medSuccess { background-position: 10px center; padding: 12px 10px 12px 40px; background-image: url("/media/appresources/css/images/message-green-24.png") !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color:#F9FFF0; text-align: left; } .wrapper .faMedSuccess { border:1px solid #64921c; padding: 6px 10px 6px 12px; border-radius: 3px; margin: 5px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color:#F9FFF0; text-align: left; color: #64921C; } .wrapper .faMedSuccess .searchResultMsg{ vertical-align: super; padding-left: 5px; } .wrapper .medError { background-position: 10px center; background-image: url("/media/appresources/css/images/message-red-24.png") !important; padding: 12px 10px 12px 40px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background-color:#FFF3F9; text-align: left; } .wrapper .medFaError{ padding: 10px 10px 10px 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color:#FFF3F9; text-align: left; color: #D72929; margin: 5px 0px; border:1px solid #D72929; position: relative; } #medErrorDiv .medErrorDivIcon { position: absolute; top: 45%; } .medErrorDivIcon i { margin-top: -11px; } #medErrorDiv .medErrorDivText { padding-left: 4%; } #medErrorDiv .medErrorDivText ul li{ line-height: 18px; } .wrapper .medFaError .ErrorIcon{ position: absolute; } .wrapper .medFaError .ServerErrorText{ padding-left: 25px; } .wrapper .medFaError .ServerErrorText #medErrorList{ display: inline-block; padding-top: 7px; } .clear-fix { clear: both; } .wrapper .medWarning { background-position: 10px center; background-image: url("/media/appresources/css/images/message-gold-24.png") !important; padding: 12px 10px 12px 40px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color:#FFF9F6; text-align: left; } .medInformation{ border: 1px solid #4C8AB4; background-position: 10px center; background-image: url("/media/appresources/css/images/message-blue-24.png") !important; padding: 12px 10px 12px 40px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color:#F0F9FF; text-align: left; color: #333333; font-size: 12px; background-repeat: no-repeat; } .medError ul { padding-left:0px; } .medError li { line-height:18px; } .wrapper .medItemWarningText { background: url("/media/appresources/css/images/message-gold-16.png") no-repeat scroll 0 center !important; padding: 5px 5px 5px 20px; } .wrapper .medItemfaWarningText{ color: #B39012 !important; padding: 5px 5px 0px 0px; } .wrapper .medItemInfoText { background: url("/media/appresources/css/images/success-icon-small.png") no-repeat scroll 0 center !important; padding: 5px 5px 5px 20px; } .wrapper .medItemErrorText { background: url("/media/appresources/css/images/warning-icon-small.png") no-repeat scroll 0px center !important; padding: 5px 5px 5px 20px; color:#D8000C !important; } .wrapper .medItemFaErrorText{ padding: 5px 5px 5px 20px; color:#D8000C; } .wrapper .medItemWarningText a, .wrapper .medItemErrorText a, .wrapper .medItemInfoText a, .wrapper .medItemStrictWarningText a { font-size: 12px !important; color:#0755B8 !important; text-decoration:underline !important; } .wrapper .medItemWarningText a{ font-size: 12px !important; color:#0755B8 !important; text-decoration:underline !important; } .wrapper .medItemWarningText a:hover, .wrapper .medItemErrorText a:hover, .wrapper .medItemInfoText a:hover, .wrapper .medItemStrictWarningText a:hover { color:#0A74F5 !important; } .custitmnumsearchresultsgrid .medError { background-image: url("/media/appresources/css/images/message-red-24.png") !important; font-size: 15px; padding: 15px 10px 15px 35px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color:#FFF3F9; text-align: left; } #loginErrorBox ul { padding-left:5px; } .medActGridTable .medNoBorderTd { border-top: medium none !important; padding: 0; } select { padding:3px 0; } #CreditCardErrorMsgDiv,#acknowledgmentEmailErrorMsgDiv { background: url("/media/appresources/css/images/warning-icon-small.png") no-repeat scroll 5px center !important; padding: 5px 5px 5px 25px !important; color:#D8000C !important; background-color:#FFF3F9; } .wrapper .medInfoText { color:#b39012; } .wrapper .medInfoText a { color: #094086; text-decoration: underline !important; } .medPriceTblWrapper#freightInfoDiv tbody > tr > td.freightAddMessage > span.medInfoText { display: block; } .wrapper .header { font-family: 'GloberRegular'; font-size: 13px; position: absolute; right: 27px; top: 3px; line-height:17px; z-index: 9999; } .wrapper th.header { font-size: 12px !important; line-height: 12px !important; position: relative !important; right: 0 !important; top: 0 !important; } .wrapper .search-container .search-input { border: solid 1px #CBCBCB; color: #acacac; float: left; font-size: 11px; height: 30px; line-height: 27px; padding: 0 0 0 5px; width: 464px; -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .wrapper .templateItemTableCheckBox { /*width:60px !important; text-align: center !important;*/ } .wrapper .login-container .content { border-bottom: 0 solid #ccc; border-left: 0 solid #ccc; border-right: 0 solid #ccc; height: 48px; overflow: hidden; padding: 8px 10px 0; } .wrapper .header-search-button-container { background: none repeat scroll 0 0; float: right; font-family: 'GloberRegular'; margin-bottom: 0; margin-right: 18px; margin-top: 0; position: absolute; right: 0; top: 65px; width: 490px; z-index: 9900; } .wrapper .search-magnifying-glass { background: url("/media/appresources/images/search-magnifying-glass.gif") no-repeat scroll center 3px; display: block; height: 18px; margin: 6px auto; padding: 0; width: 13px; } .wrapper .triangle-topleft { display:none; } .wrapper .search-container { background: none repeat scroll 0 0; height: 35px; margin: 7px 5px 5px 5px; position: absolute; right: 6px; top: 46px; width: auto; } .wrapper .search-container span { color: #afafaf; font-size: 13px; line-height: 28px; padding-left: 10px; } .wrapper #search-popup { top: 31px !important; } .wrapper .logo { /* background: url("/media/appresources/images/rebrand-Medline-Logo2.png") no-repeat scroll 0 0;*/ display: inline-block; height: 105px; margin: -37px 0 0 25px; width: 105px; } .wrapper #tagline { position: absolute; top: 14px; padding: 0 0 0 25px; /*background: url("/media/appresources/images/medline-tagline.png") no-repeat scroll right top;*/ width: 135px; height: 54px; } .wrapper .search { height: 32px; width: 43px; -webkit-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; position: absolute; right: 0; } .wrapper .buttons .button-blue { background: none repeat scroll 0 0 #0755b8; color: #fff; font-size: 13px; /*line-height: 18px;*/ max-width: 100px; padding: 8px 25px; text-align: center; width: auto; max-height: 14px !important; } .wrapper .buttons .button-blue:hover { background: #003087; } .wrapper .medGeneralButton, .wrapper a.button-green, .wrapper a.medGeneralButtonCenter, .wrapper a.medGeneralButtonLeft { font-size: 14px !important; background: none #5da200 !important; padding: 8px 25px !important; color: #fff !important; text-align: center !important; } .wrapper .medGeneralButton:hover, .wrapper a.button-green:hover, .wrapper a.medGeneralButtonCenter:hover, .wrapper a.medGeneralButtonLeft:hover { background: #386101 !important; } .wrapper #MyAccountLink { background: url("/media/appresources/images/arrow-button-white-down.gif") no-repeat scroll 98px center #0755b8 !important; padding-left: 16px; padding-right: 30px; } .wrapper #MyAccountLink:hover { background-color:#003087 !important; } .wrapper .header-container-outer { background: none repeat scroll 0 0 transparent; height: 170px;/* DKFIX */ margin: inherit; position: inherit; width: inherit; z-index: inherit; } .wrapper .breadCrumbs { float: none; } .wrapper .breadCrumbs #medBreadcrumb a { background-position: right top; } .wrapper #medBreadcrumb a { background-position: right center; padding-top: 0; } .wrapper #medBreadcrumb span { padding-top: 0; } .wrapper span.arrow-button-white-down,.wrapper span.arrow-button-white-down:hover { font-size: 13px !important; background: url("/media/appresources/images/arrow-button-white-down.gif") no-repeat center center #5da200 !important; padding: 3px !important; color: #fff !important; text-align: center !important; border: solid 0px; } .wrapper #myaccountFlyout { padding: 10px; width: 160px; z-index: 99999; border-width: 1px; border-color: #ccc; } .ui-dialog .ui-dialog-buttonpane button { background: none repeat scroll 0 0 #5da200 !important; border: 1px solid #cfcfcf !important; color: #ffffff !important; padding: 2px 10px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-top-right-radius: 0px !important; border-top-left-radius: 0px !important; } .ui-dialog .ui-dialog-buttonpane .punchoutLightButton{ background: none repeat scroll 0 0 #0052CC !important; border-radius: 1px !important; margin-right: 1em; } .ui-dialog .ui-dialog-buttonpane .punchoutDarkButton{ background: none repeat scroll 0 0 #002D72 !important; border-radius: 1px !important; margin-left: 1em } .ui-dialog-titlebar-close { visibility: hidden !important; } .ui-widget-header { display: none !important; } .ui-dialog .ui-dialog-buttonpane { text-align: center !important; border-width: 0 !important; margin-bottom: 8px !important; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: inherit !important; } .ui-dialog .ui-dialog-buttonpane button { border: 1px solid #cfcfcf !important; color: #ffffff !important; } .ui-dialog .ui-dialog-buttonpane button:focus { outline: none !important; } .ui-widget-content { color: #555 !important; } .ui-dialog .ui-dialog-content { padding: 15px 20px 0px 20px !important; height: auto !important; overflow: visible !important; } .ui-dialog .ui-dialog-content.punchoutWarnDialog { padding: 1em !important; height: auto !important; overflow: visible !important; text-align: center; font-size: 22px; line-height: 27px; color: #091E42 !important; } .ui-button-text-only .ui-button-text{ font-size: 14px !important; font-weight: bold !important; padding: 0.3em 1em !important; } .punchoutDialogButton.ui-button-text-only .ui-button-text { font-size: 12px !important; font-weight: bold !important; padding: 1em !important; font-family: 'GloberRegular', Arial, sans-serif !important; } .wrapper .medForgotPasswordForm .medGeneralButton { float:right; margin-top: 20px; } .wrapper .medLoginContainer { margin-bottom: 40px; margin-top: 10px; } .wrapper .medSideBar1 { padding-top: 0; } .wrapper .medForgotPasswordForm { border-right: 0px solid #ccc; } .wrapper .medForgotPassword { font-size: 12px; } .wrapper .medLoginColumnB p, .wrapper .medForgotPasswordForm p, .wrapper .medLoginColumnA p { font-size: 14px; } .wrapper .headerLoggedOut { color: #dfdfdf; float: left; padding-right: 13px; text-align: left; width: 260px; margin-top: 6px; padding-bottom: 7px; } .wrapper .headerLoggedOut a { margin-right: 10px; } .wrapper #menu li a, .wrapper #menu li span { font-family: 'GloberRegular'; font-size: 14px; } .wrapper .select-market { float: right; width: 400px; } .wrapper dt { color: #999; display: inline-block; float: right; padding: 0 5px 0 0; } .wrapper dd { color: #333; display: inline-block; float: right; padding: 0; } .wrapper dd a { color: #333; } .wrapper #top-menu-container { bottom: -1px; } .wrapper #menu { border-bottom: 0px solid #e0e0e0; } .wrapper .medWrapper { width: auto; } .wrapper #submitBtnmain { border: 0 none; padding: 5px 25px !important; } .wrapper #cancelBtnmain { margin: 1px 0 0 5px; padding: 6px 12px; } .wrapper .medContainer { background: none repeat scroll 0 0 #fff; margin: 0 auto 10px; width: 970px; border: solid 1px #999; min-height: 400px; font-family: 'GloberRegular'; padding: 5px; } .carousel-offset-container,.homepage-content-container,.content-container { font-family: 'GloberRegular'; } .wrapper #medBreadcrumbContainer { min-height: 25px; } .wrapper .content-container { background: none repeat scroll 0 0 #fff; display: block; height: 100%; margin: 0 auto 20px; width: 980px; border: solid 1px #999; } .wrapper #menu li.hover .dropdown_column, .wrapper #menu li.hover .dropdown_1column, .wrapper #menu li.hover .dropdown_2columns, .wrapper #menu li.hover .dropdown_3columns, .wrapper #menu li.hover .dropdown_4columns, .wrapper #menu li.hover .dropdown_5columns { /* clear: both; display: block; left: 0; position: absolute; top: 42px;*/ } .wrapper #cartButton { background: url("/media/appresources/images/arrow-button-white-down.gif") no-repeat scroll 90% center #5da200 !important; padding: 8px 30px 8px 15px !important; } /* the norm */ .wrapper #medMsgHeaderBackground { border: 4px solid #4F8A10 !important; box-shadow: 0 4px 3px rgba(50, 50, 50, 0.35) !important; height: auto !important; min-height: 50px !important; left: 2px; margin: 0 2px 2px 240px; padding: 0; position: absolute; width: 500px; color:#4F8A10; background: url("/media/appresources/css/images/message-green-24.png") no-repeat 10px center #F9FFF0 !important; padding: 12px 10px 12px 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color:#F9FFF0; } .wrapper #medMsgHeaderTransBox { color: #4f8a10; font-size: 14px; font-weight: 400; height: auto !important; margin-left: 30px !important; margin-top: 15px !important; overflow-x: hidden; overflow-y: auto; padding: 5px 0 0 !important; width: 450px !important; } #gritter-notice-wrapper { position:fixed; top:117px; right:auto; left:36%; width:400px; z-index:999999; } #gritter-notice-wrapper.gritter-item-spuser { top:151px; } #gritter-notice-wrapper.top-left { left: 20px; right: auto; } #gritter-notice-wrapper.bottom-right { top: auto; left: auto; bottom: 20px; right: 20px; } #gritter-notice-wrapper.bottom-left { top: auto; right: auto; bottom: 20px; left: 20px; } .gritter-item-wrapper { position:relative; margin:0 0 10px 0; } .gritter-item { background: url("/media/appresources/css/images/message-red-24.png") no-repeat 15px center #FFF3F9 !important; border-radius: 3px; color:#D8000C; border: solid 5px #D8000C; padding:55px; border-radius: 3px; font-size: 12px; font-family: 'GloberRegular'; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); box-shadow: 0px 1px 1px rgba(0,0,0,0.25); } .gritter-item-success .gritter-item { background: url("/media/appresources/css/images/message-green-24.png") no-repeat scroll 15px center #f9fff0 !important; border: 1px solid #4f8a10; color: #4f8a10; padding:20px 30px 20px 55px; font-family: 'GloberRegular'; } .gritter-item-error .gritter-item { background: url("/media/appresources/css/images/message-red-24.png") no-repeat 15px center #FFF3F9 !important; color:#D8000C; border: solid 1px #D8000C; padding:20px 30px 20px 55px; font-family: 'GloberRegular'; } .gritter-item-warning .gritter-item { background: url("/media/appresources/css/images/message-gold-24.png") no-repeat scroll 15px center #fff9f6 !important; border: 1px solid #b39012; color: #b39012; padding:20px 30px 20px 55px; font-family: 'GloberRegular'; } .gritter-item-success .gritter-item a, .gritter-item-error .gritter-item a, .gritter-item-warning .gritter-item a { text-decoration : underline; } .critical .gritter-item { border: 5px solid !important; padding:55px !important; } .hover .gritter-item { } .gritter-item p { padding:0; margin:0; word-wrap:break-word; } .gritter-close { position:absolute; top:10%; right:15px; cursor:pointer; width:10px; height:10px; background: url(/media/appresources/css/images/close-button.png); display: block !important; } .gritter-title { font-size:14px; font-weight:bold; padding:0 0 7px 0; display:block; } .gritter-image { width:48px; height:48px; float:left; margin: -5px 5px 5px -5px; } .gritter-with-image, .gritter-without-image { padding:0; } .gritter-with-image { width:220px; float:right; } .wrapper #myAccountHeaderSec { /*width: 140px;*/ margin-right: 15px; float: left; } .wrapper #myacctmenu { background: url("/media/appresources/images/arrow-down-over.png") no-repeat scroll right 8px !important; } .wrapper .user-name { color: #000000; display: block; float: left; line-height: 18px; overflow: hidden; padding: 0 4px 0 0 !important; position: relative; right: 0; text-align: right; width: auto !important; font-weight: normal !important; } .wrapper .user-name a { font-weight: normal !important; } #medBreadcrumb { color: #8d8c8c; font: 12px/30px arial,Helvetica,sans-serif; margin: -13px 0 -10px !important; } .wrapper #medBreadcrumb { overflow: visible; } .wrapper .user-name-long { color: #000000; display: inline-block; float: left; line-height: 18px; overflow: hidden; padding: 0 10px 0 0; position: relative; right: 0; text-align: right; width: 450px !important; border-right: 1px solid #999999; } .wrapper .user-name-long label#accountFullName{ display: inline-block !important; } #mycartFlyout { display:none; position: absolute; z-index:99999; -webkit-box-shadow: 0px 3px 2px rgba(50,50,50,0.25); -moz-box-shadow: 0px 3px 2px rgba(50,50,50,0.25); box-shadow: 0px 3px 2px rgba(50,50,50,0.25); } #navigation { margin: 0; padding: 0; list-style: none; background: #fff; } #navigation > li { display: block; width: 100%; } .icon-delete { position: relative; background: url("/media/appresources/css/images/trashcan.png") no-repeat scroll center center #d7d7d7!important; } #navigation > li.sub { position: relative; background: url("/media/assets/css/images/arrow_right.gif") no-repeat scroll right center; } #navigation > li.sub ul li img{ padding-right:10px; } #navigation > li.sub ul li { border-bottom: 1px solid #e7e7e7; display: block; line-height: 18px; padding: 5px; } #navigation > li.sub ul li a { display: block; text-decoration: none; padding: 0; } #myaccountFlyout ul li { padding-bottom: 0px; } #navigation .submenuttl { background-color:#efefef; font-weight:bold; text-align: center; padding: 5px; } #navigation .horzline { background-color: #e7e7e7; font-weight: bold; height: 1px; margin-bottom: 10px; margin-top: 10px; } .wrapper .registerBtn { margin-top: 20px; } #menu { height: 46px !important; } .carousel-offset-container { border: 1px solid #999 !important; margin: 0 0 0 17px !important; padding: 0 0 20px !important; } .medSideBar1 { margin-right: 10px; padding: 7px 0; margin-left: 7px; margin-top: 10px; } .medContent { padding-top: 15px; } .medOrderPopup { border-width: 1px !important; border-color: #ccc #fff #ccc !important; } .medMenuLayerContainer { border-bottom: 0 solid #2f72b1 !important; } .outer-container-footer { padding-bottom: 35px; width: 1016px; background: #f1f1f1; margin: 0 auto; font-family: 'GloberRegular'; } #medFooter .row { width: 971px; float: left; } #medFooter .col { float: left; position: relative; padding: 0; } #medFooter .gu1 { float: left; width: 175px; margin-right: 70px; } #medFooter .first { width: 235px; float: left; display: block; margin-left: 0; } #medFooter .last { margin-right: 0; } .medFooter { width: 996px; } .footer { width: 971px; font-family: 'GloberRegular'; padding: 0px 25px; } .footer a { line-height: 16px; font-size: 14px; color: #666 !important; } .footer a:hover { color: #71b2c9; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .footer h3 { text-transform: uppercase !important; font-size: 14px !important; font-weight: 100 !important; color: #333 !important; padding-bottom: 15px !important; border-bottom: 1px dashed #999 !important; } .place-to-work { width: 390px; height: 65px; background: #efefef; padding: 10px; margin: 0px; float: left; border: 5px double #dfdfdf; } .promo h4 { width: 265px; } .work-image { width: 70px; height: auto; float: left; } .footer-fat { width: 100%; float: left; } .footer-fat .promo { margin-top: -7px; float: left; } .footer-fat .promo h4 { font-size: 16px; padding: 10px 25px; margin-top: 14px; } .footer-fat .promo h4 a { font-family: 'GloberRegular'; font-weight: 800; color: #003087; } .footer-fat .promo h4 a:hover { color: #71b2c9; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .footer-bottom { width: 100% !important; float: left !important; background: #a7a8aa !important; margin: 0 !important; padding: 0 !important; height: auto !important; } .footer-bottom-container { width: 971px; margin: 0 auto; color: #fff; } .footer-content-container { width: 971px; float: left; margin: 20px 0px 45px 0px; } .socialmedia { float: right; width: 400px; } .socialmedia ul { width: auto !important; float: right !important; } .socialmedia li { width: 40px !important; float: right !important; padding: 0px 5px !important; } .socialmedia li a { opacity: 1 !important; } .socialmedia li a:hover { opacity: .5 !important; -o-transition:.3s !important; -ms-transition:.3s !important; -moz-transition:.3s !important; -webkit-transition:.3s !important; transition:.3s !important; } .footer-bottom-container li a img { height: 32px !important; width: 32px !important; } .footer-logo { width: 80px !important; float: left !important; } .footer-logo a { opacity: 1 !important; } .footer-logo a:hover { opacity: .6 !important; -o-transition:.3s !important; -ms-transition:.3s !important; -moz-transition:.3s !important; -webkit-transition:.3s !important; transition:.3s !important; } .footer-quality { font-size: 15px; font-family: 'GloberRegular'; letter-spacing: .04em; width: 350px; float: left; color: #cfcfcf; padding: 0px 25px; font-weight: normal; line-height: 20px; } .footer-quality span { font-family: 'GloberRegular'; font-weight: normal; text-transform: uppercase; font-style: italic; letter-spacing: -.05em; font-size: 20px; color: #71b2c9; font-weight: bold; } .footer-quality a { color: #71b2c9; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .footer-links { width:500px; float: left; padding: 15px 0px 15px 0px; } .footer-links ul { float: left !important; } .footer-links li { float: left !important; width: auto !important; } .footer-links a { font-family: 'GloberRegular'!important; font-size: 10px !important; text-transform: uppercase !important; color: #666 !important; padding-right: 10px !important; } .footer-flag { max-width: 15px; } .footer-quality a:hover { color: #dc582a; } .legals { width: 100%; font-family: 'GloberRegular'; font-size: 12px; float: left; color: #8e8e8e; } .legals-container { float: left; } .legals-container p { float: left; margin: 0; color: #333; } .footer-fat .col.first ul li { float: none !important; margin-right: 0 !important; width: auto !important; } .footer-fat ul { margin: 0 0 25px !important; width: auto !important; } .footer-bottom ul li { border-right: 0 solid #555 !important; display: inline !important; float: left !important; list-style: none outside none !important; padding: 0 !important; } .medCrossContainer form { margin-top:30px; } .crsQuestion { height: 20px; padding: 5px; width: 200px; } .freight-info { font-size: 12px !important; left: 135px !important; position: relative !important; top: 0px !important; width: 250px; } .freight-info label, .freight-info span { font-size: 11px !important; } .freight-info #medFreightInfoInHeader label#globalUntilFreeAmt { display: inline-block !important; } .carousel-offset-container { background: none repeat scroll 0 0 #fff; clear: both; display: block; height: 330px !important; margin: 0 0 0 10px; padding: 20px 0; width: 980px; } .home-grid-carousel .list-container { float: left; height: 317px; margin: 12px 0 0 -8px !important; overflow: hidden; position: relative; width: 967px; } .triangle-bottom-left { border-left: 8px solid transparent; border-top: 8px solid #052e49; bottom: 8px !important; clear: both; display: block; height: 0; left: -8px; position: relative; z-index: 92000; } .home-grid-carousel .jump, .grid-carousel .jump { bottom: -13px !important; left: 0; position: absolute; width: 980px; z-index: 20; } .subpage-content-container .home-grid-carousel .jump, .grid-carousel .jump { bottom: 0 !important; } /*
Item DYND40570 Shown
*/ div.skuImageShown { background-color: #999; border: 0 none !important; bottom: 10px; color: #fff !important; font-size: 12px; font-weight: bold; margin: 0 auto !important; padding: 5px; position: absolute; text-align: center; z-index: 99999; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; opacity: 0.95; filter: alpha(opacity=95); /* For IE8 and earlier */ width: 189px; } .medFamilyPic { position: relative; } .medFamilyPic div.skuImageShown { left: 60px; bottom: 130px; } #approver-reject-note-error { background-color: #fff3f9; background-image: url("/media/appresources/css/images/message-red-24.png") !important; border-radius: 3px; padding: 12px 10px 12px 35px; } .searchOptionSelected span{ font-size: 14px !important; } .punchoutDialogClose{ text-decoration: none; font-size: 1.1em; color: #0052CC !important; position: absolute; top: 0.2rem; right: 0.2rem; } .ui-dialog.punchoutDialogContainer { background: #FFFFFF; border: 1px solid #B3BAC5; box-sizing: border-box; border-radius: 15px; }