a{color:#387CBC;}span.low-activity-1,span.low-activity-2,span.low-activity-3,span.low-activity-4{display:none;}#aside .custom{display:block;}#aside .custom{display:block;}.circle{display:block;border-radius:50%;border:1px solid silver;}.no-border{border:0;}.alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7;}.navbar-collapse.in{overflow-y:visible;}span.pdf{background:url("//assets.ossur.com/library/16669/icons-venactive.png") no-repeat scroll 0 -160px rgba(0,0,0,0);display:inline-block;height:1.1em;padding:0 5px 1px 20px;}.glyphicon-ok,.icon-ok{background:url("//www.ossur.com/images/headers/icon-ok.png") no-repeat scroll 0 0px rgba(0,0,0,0);display:inline-block;height:20px;width:20px;}.icon-phone{background:url("//www.ossur.com/images/headers/icon-phone.png") no-repeat scroll 0 0px rgba(0,0,0,0);display:inline-block;height:20px;width:20px;}.icon-email{background:url("//www.ossur.com/images/headers/icon-email.png") no-repeat scroll 0 0px rgba(0,0,0,0);display:inline-block;height:20px;width:20px;}.icon-menu{background:url("//www.ossur.com/images/headers/icon-menu.png") no-repeat scroll 0 0px rgba(0,0,0,0);display:inline-block;height:20px;width:20px;}.video-responsive{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}.video-responsive-2{position:relative;padding-bottom:86.25%;padding-top:30px;height:0;overflow:inherit;}.video-responsive-2 iframe{width:100%;clear:both;display:block;}.video-list a{cursor:pointer;}.video-responsive-2{position:relative;padding-bottom:86.25%;padding-top:30px;height:0;overflow:visible;}@media (max-width:765px) {.video-responsive-2{padding-bottom:86.25%;}.clearfix-xs:before,.clearfix-xs:after{display:table;content:" ";}.clearfix-xs:after{clear:both;}}@media (min-width:765px) AND (max-width:992px) {.video-responsive-2{padding-bottom:56.25%;}}@media (min-width:992px) {.video-responsive-2{padding-bottom:60.25%;}}@media (min-width:1200px) {.video-responsive-2{padding-bottom:50.25%;}}.middle-nav{background-color:#FAFAFA;border-bottom:1px solid #EBEBEB;}.capitalize{text-transform:capitalize;}ul.pagenav{float:right;margin-top:2em;}ul.pagenav li{background-color:#f6f6f6;border-right:4px solid white;display:block;float:left;padding:.5em;}ul.pagenav li{background-color:#FFF;border:1px solid #ddd;border-right:1px solid #ddd!important;border-radius:2px;display:block;float:left;margin:0.2em 0.5em -.5em;}li.pagenav-prev>a{color:#333;}li.pagenav-prev>a,li.pagenav-next>a{padding:6px 14px;}li.pagenav-prev,li.pagenav-next{background-color:#d5d5d5;}li.pagenav-prev>a>span.sep:after{content:"\2039 \0020";}li.pagenav-next>a>span.sep:before{content:"\203A \0020";}.jumbotron ul{line-height:1.5;}.jumbotron h1 small,.jumbotron .h1 small{line-height:1.2;text-shadow:0 1px 0 #fff;}.breadgrub>li>span.sep:before{content:"\203A \0020";}.breadgrub>li>span.sep:before{content:"\203A \0020 ";}.breadgrub>li>span.sep{display:block;width:.2em;float:left;margin-right:.8em;}.breadgrub>li:first-of-type span.sep:before{content:"";}.breadgrub{padding-left:0px;color:#b4b4b4;float:left;margin:2px 0px;}.breadgrub>li a{color:#999;}.breadgrub>li{float:left;display:block;padding:6px 10px 6px 0px;font-size:1em;margin-left:0px;}.breadgrub{padding:6px 0;}.breadgrub>li{padding:0 10px 0 0;}h1 sub,h1 sup{font-size:30%;top:-1.5em;}h1 sup.reg{font-size:50%;top:-0.9em;}h1 sup.three{font-size:1em;top:-0.19em;}h1.bionic sup.three,h1.HC040063 sup.three,h1.HC005139 sup.three{color:#ECCD5D;}h1 sup.trade{font-size:50%;top:-0.7em;}ul.latestnews{padding-left:0;}ul.latestnews li{background-color:rgba(174,174,174,.15);border:1px solid rgba(255,255,255,1);padding:1em;clear:both;margin-top:0em;display:block;}ul.latestnews li img{display:block;margin:0 1em .5em 0;float:left;border:1px solid rgba(86,61,124,.12);}ul.latestnews li span{font-size:.95em;color:grey;margin-bottom:.5rem;display:block;}ul.latestnews li:before,ul.latestnews li:after{display:table;content:" ";}ul.latestnews li:after{clear:both}.glyphicon-th,.glyphicon-list{display:none;}#scroll-nav button{padding:1em;margin-right:.62em;}.video-descriptions h3{margin-top:0px;}.contact-us-and-share{background-color:#f5f5f5;border-top:1px solid #ebebeb;padding:1em 0em;clear:both;z-index:500;margin-top:3em;font-size:1em;}.contact-us-and-share a{font-size:105%;color:#666;margin-top:2em;clear:both;}.contact-us-and-share a:hover{color:#428bca;}.affix{width:inherit;}.stucky{position:fixed;top:55px;top:86px;width:276px;z-index:5000;}@media screen and (min-width:768px) and (max-width:1200px) {.stucky{position:fixed;top:85px;width:228px;}}.footnote-reference{line-height:10px;font-size:85%;cursor:help;vertical-align:top;}#footnotes{border-top:1px solid #ddd;font-size:85%;padding:2em 0em;color:#666;}.note{font-style:italic;color:#666;}.product-description>.read-more{display:none;}.trunc>.read-more{display:block;}a.pdf,a.pdf_dwl{background-image:url("//www.ossur.com/library/24065/inline-icons-sprite.png");background-position:0 -686px;background-repeat:no-repeat;display:inline-block;height:1.6em;padding-left:22px;}body{font-size:15px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;}h1,h2,h3,h4,h5,h6,.site-title,blockquote{font-family:"freight-sans-pro",sans-serif;}p,table,ul,ol{font-size:15px/*!important*/ ; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; }blockquote{border-left:5px solid #EEEEEE;font-size:26px;line-height:1.2;padding:0px 20px;}.stream{display:none;}pre{clear:both;}.product_photo_default{float:right;}body{font-size:16px;}.show-less{display:none;}#scroll-nav{width:100%;}#scroll-nav u,#scroll-nav h3,#scroll-nav img{float:left;padding-right:1em;}#scroll-nav li{margin:0.1rem .3rem .5rem;}#scroll-nav li a{background-color:#ddd;}#scroll-nav li.active a{background-color:#0082c4;}.sticky-nav h3,.sticky-nav img{display:none;}.stuck h3,.stuck img{display:block;}.stuck{right:auto;width:100%;}.inpage-nav{background-color:#fff;border-bottom:1px solid #ebebeb;}.stuck h3,.stuck img{display:block;}.padding{padding:1em;}.product_tab_box{background-color:#f5f5f5;border-bottom:1px solid #ddd;min-height:300px;}table.productinformation tr:nth-of-type(odd){background-color:#fff;}table.productinformation tr:nth-of-type(even){background-color:#f8f8f8;}table.productinformation tfoot tr:nth-of-type(odd){background-color:transparent;}.product_tab_box{padding:1em 0em 2em .5em;}.product_tab_box h1{margin-bottom:30px;}.product_tab_box h2{border-bottom:1px solid #F8F8F8;padding-bottom:0.2em;}.st-menu ul li ul li.active{background-color:orange;}.st-menu ul li ul li a{padding:.5em .5em .5em 1.8em;outline:none;box-shadow:inset 0 -1px rgba(0,0,0,0.2);color:#f3efe0;text-transform:none;}.rose{background-color:rosybrown;}.pink{background-color:pink;}.blue{background-color:#0082c4;}.blue-soft{background-color:#ECEFF5;}.grey{background-color:#DDD;}.grey-soft{background-color:#EBEBEB;}.yellow{background-color:#ffc758;}.navbar{margin-bottom:0px;}.navbar-default{}.navbar-nav>li a{}.nav-pills>li+li{margin-left:0px;}li.item-101{display:none;}.navbar-fixed-top,.navbar-fixed-bottom{left:auto;right:auto;position:absolute;width:100%;}.sba-menu-container{background-color:#0082c4;height:80px;width:100%;position:fixed;top:0;left:0;z-index:100;}.navbar-toggle{position:relative;float:right;padding:4px 10px;color:white;}.product-list-filter-controls li{display:block;float:left;}.product-level-4-overview .featured .thumbnail h3{border-left:3px solid orange;font-weight:600;padding-left:5px;}.product-level-4-overview .value_product .thumbnail h3{font-size:18px;}.product-level-4-overview .value_product .thumbnail img{opacity:.9;}.product-level-4-overview .value_product .thumbnail:hover img{opacity:1;}.stuck{position:fixed;top:70px;}nav .btn-default{background-color:#0082C4;color:white;}nav .form-control{}table.productinformation{width:100%;}table.productinformation caption{text-align:left;font-size:120%;text-decoration:underline;margin-bottom:1em;text-shadow:0 1px 0 #fff;}table.productinformation th{text-align:right;padding-right:1em;}table.productinformation th.table-title{text-align:center;}table.productinformation td.compare{background-color:#ddd;padding:4px 0 0 0;margin-left:1em;display:none;}#unloader-one-custom-colors td{padding:40px 25px;}table.productinformation th{font-weight:normal;}table.productinformation td{font-weight:500;}table.productinformation tfoot td{font-weight:normal;color:#999;text-shadow:0 1px 0 #fff;}.blehh .full_description{font-size:130%;margin-top:0em;}span.l-codes{font-size:150%;float:left;border-radius:2px;font-weight:normal;margin-top:.5em;margin-right:1em;}.product_list_related p{font-size:90%;line-height:1em;}body{padding-top:72px;}.navbar-nav>li{border-radius:1px;}.navbar-nav>li:hover{background-color:#40a1d3;color:white;}.navbar-nav>li:hover>a{color:white!important;}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{background-color:transparent;background:transparent;color:#fff!important;}#second-mm>.active>a,ul#second-mm>li.active a{border-bottom:1px solid white;padding-bottom:2px;color:white;}.navbar-default .navbar-nav>.active>a span.section{border-bottom:1px solid white;color:white;}li.hover .dropdown-menu{display:block!important;}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background-color:#FFC758;}nav li.hover ul li a:hover{background:rgba(255,199,88,1);}nav li.hover ul li.active ul.nav-child{background-color:red;}.product-sub-categories h3{margin-top:0px;}.product-sub-categories img{width:100%;}.navbar-default .navbar-nav>li>a{color:#0082c4;color:white;}.nav-pills>li>a{border-radius:0px;}.navbar-nav>li>a{padding-top:2px;padding-bottom:7px;}.blue .nav>li.deeper{width:100px;margin-top:-10px;min-height:50px;border-radius:0px;}.blue .nav>li.deeper>a{height:50px;border-radius:0px;}.blue .nav>li>li{min-height:12px;}.blue .nav>li.deeper{width:137px;margin-top:-0px;min-height:65px;border-radius:0px;}.blue .nav>li.deeper>a{height:70px;border-radius:0px;}.blue .nav>li>li{min-height:12px;}.blue .nav>li.deeper>a{color:white!important;text-shadow:0 1px 0 #025681;font-size:1.4em;font-weight:200;line-height:1.2;font-family:"freight-sans-pro",sans-serif;}.navbar-brand img{height:40px;margin:12px 10px 0px 0;}@media screen and (min-width:768px) and (max-width:1200px) {.navbar-brand img{height:32px;}.blue .nav>li.deeper{max-width:105px;margin-top:-0px;min-height:58px;border-radius:0px;}.blue .nav>li.deeper>a{height:58px;border-radius:0px;}.blue .nav>li.deeper>a{font-size:1.2em;}.sba-menu-container{height:80px;}}@media screen and (min-width:200px) and (max-width:767px) {.product-of-category-list,.full_description{border-left:none;}.navbar-brand img{height:32px;margin-left:15px;margin-top:10px;}.blue .nav>li.deeper{width:100%;min-height:20px;}.blue .nav>li.deeper>a{height:24px;border-radius:0px;}.blue .nav>li.item-1419>a{height:24px;border-radius:0px;}.blue .nav>li.deeper>a{font-size:1.2em;}.sba-menu-container{height:58px;}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#E6E6E6;}.navbar-nav>li>ul.dropdown-menu{display:none!important;}} } /* body {background: transparent url(/images/dev_stefan/body-bkr-fix.png) repeat-x ; top: 0; left: relative; position: absolute;} */ /* Border list - playing at making this a fixed tile-grid */ .product-level-4-overview img { display: block; margin: 0 auto; } .product-level-4-overview h3 { margin-top: 0em; font-size: 19px; } .product-level-4-overview .thumbnail { border-radius: 0 0 0 0; border: none; } /* older verions .product-level-4-overview .thumbnail {border-radius: 0 0 0 0; border: 1px solid #ebebeb;} */ .product-level-4-overview .thumbnail a:hover { text-decoration: none; } /* .product-level-4-overview .thumbnail:hover { border: 1px solid #428BCA;} */ .product-level-4-overview > div { border: 1px solid #ebebeb; } .product-level-4-overview > div:hover { border: 1px solid #428BCA; } .product-level-4-overview .thumbnail p { font-size: 0.9em; line-height: 1.1em; margin: 0 0 10px; } .product-level-4-overview .col-md-3 { padding: 0 0 0 0; } /* CONTENT / BASICS */ div.statement { font-size: 1.5em; } /*HC code line blockout */ .hc_code { display: none; } /* * stuck */ .stuck { z-index: 100; } /*LEGAXY */ .float-right { float: right; } .small { color: #999; font-size: 75% !important; } .pink { background-color: pink; } .show { display: block; } /* LEVEL 1 */ .productlink { text-decoration: none !important; display: block; padding: 8px; border: 1px solid #ccc; margin: 2px; } .product-level-4-overview a { height: 100%; width: 100%; text-decoration: none; color: black; } /* LEVEL 4 */ .catalogitem table th { background-color: #666; color: #fff !important; text-align: left; } .contact-us-and-share a { /* text-transform:uppercase; */ } .catalogitem table td { border-bottom: 1px dotted #ccc; border-right: 1px dotted #ccc; border-left: 1px dotted #ccc; } .catalogitem table tr > td:nth-child(2) { font-weight: bold; } ul.impact_levels { position: relative; width: 160px; height: 40px; margin: 0; padding: 0; } ul.impact_levels li a { padding: 0px; } ul.impact_levels li { float: left; list-style: none; display: block; width: 40px; height: 40px; } ul.impact_levels li, ul.impact_levels li a { height: 40px; display: block; width: 40px; } ul.impact_levels li.low { width: 40px; margin-left: 0px; background: url(//assets.ossur.com/library/14083) -2px -40px no-repeat; } ul.impact_levels li.moderate { width: 40px; margin-left: 0px; background: url(//assets.ossur.com/library/14083) -42px -40px no-repeat; } ul.impact_levels li.high { width: 40px; margin-left: 0px; background: url(//assets.ossur.com/library/14083) -82px -40px no-repeat; } ul.impact_levels li.sport { width: 40px; margin-left: 0px; background: url(//assets.ossur.com/library/14083) -122px -40px no-repeat; } ul.impact_levels li.low a { margin-left: 0px; background: url(//assets.ossur.com/library/14083) -2px -0px no-repeat; } ul.impact_levels li.moderate a { margin-left: 0px; background: url(//assets.ossur.com/library/14083) -42px -0px no-repeat; } ul.impact_levels li.high a { margin-left: 0px; background: url(//assets.ossur.com/library/14083) -82px -0px no-repeat; } ul.impact_levels li.sport a { margin-left: 0px; background: url(//assets.ossur.com/library/14083) -122px -0px no-repeat; } ul.impact_levels li.low a:hover { margin-left: 0px; background: url(//assets.ossur.com/library/14083) -2px -80px no-repeat; } ul.impact_levels li.moderate a:hover { margin-left: 0px; background: url(//assets.ossur.com/library/14083) -42px -80px no-repeat; } ul.impact_levels li.high a:hover { margin-left: 0px; background: url(//assets.ossur.com/library/14083) -82px -80px no-repeat; } ul.impact_levels li.sport a:hover { margin-left: 0px; background: url(//assets.ossur.com/library/14083) -122px -80px no-repeat; } /* FRONTPAGE */ .news-image { display: block; height: 80px; width: 80px; margin: 0 1em .5em 0; float: left; background: url('//assets.ossur.com/library/33107') no-repeat scroll -0px -0px transparent; border: 1px solid rgba(86, 61, 124, .12); } .first { background-position: -54px -8px; } .second { background-position: -250px -50px; } .third { background-position: -54px -100px; } .fourth { background-position: -0px -0px; } .promotion-badges-front img { display: block; width: 100%; height: 140px; float: left; margin: 0 1em .5em 0; background: url(b3-fills.jpg) -32px -38px no-repeat; } .promotion-badges-front img.promo2 { background-position: -332px -38px; } .promotion-badges-front img.promo3 { background-position: -732px -38px; } .promotion-badges-front h3 { text-align: center; /*text-transform: uppercase;*/ } .promotion-badges-front p { text-align: center; font-size: 1em; color: black; } .promotion-badges-front a:hover { text-decoration: none; } .promotion-badges-front { /* margin-bottom: 2em;*/ } /* NEWS list format */ .news-list .news-item { background-color: rgba(174, 174, 174, .15); border: 1px solid rgba(255, 255, 255, 1); padding: 1em; } /* .news-list img.news-image {display: block; width: 80px; height: 80px; float: left; margin: 0em 1em .5em 0em; background: url(b3-fills.jpg) -50px -50px no-repeat; background-color: rgba(86,61,124,.05); border: 1px solid rgba(86,61,124,.12);} */ .news-list span.news-date { font-size: .95em; color: grey; margin-bottom: .5rem; } .news-list h4 { margin-top: 0em; } /* OTHER */ /* MIXIT requried baseline styling for avoiding flickeers */ #grid .mix { opacity: 0; display: none; } /* BLOG module */ .blog h2 { margin-top: 0px; } .blog .item a.btn { margin-top: 1em; } .blog-intro-image { float: right; margin: 0 0 .5em 1em; } .blog-publish-date { color: #999; font-size: .95em; /*margin-top: 2em;*/ } .blog-list-of-news-headlines { /*margin-top: 1em; border-top: 1px solid #ebebeb; padding-top: 1em;*/ } .blog-list-of-news-headlines li h3 { margin: 0em 0em; padding: .5em .8em; } .blog-list-of-news-headlines li h3:nth-of-type(2n+3) { background-color: #ddd; } .blog-list-of-news-headlines li h3:nth-of-type(2n+2) { background-color: #ebebeb; } /* STATIC PAGES Legacy support */ .deco { margin: 0 0 1em 1em; } .right { float: right; } /* ACCORDION Support (for both h3 and div.title) * */ .accordion div.title { border: 1px solid #ddd; background-color: #ebebeb; font-weight: normal; font-size: 135%; cursor: pointer; padding: .5em 1em; width: 100% !important; } .accordion div.answer { border: 1px solid #ddd; background-color: #fff; padding: 1em 1em; } /* #spotlight was for top-level graphics */ #spotlight { width: 40%; float: right; font-size: .9em; } #spotlight img { width: 100%; max-height: 360px; } #spotlight p { background-color: #ddd; padding: 1em 2em; } .yui-gb .yui-u { width: 28%; float: left; } .last { margin-right: 0; clear: right; } /* mapping out an approach for menu-styling */ .blue .nav > li.deeper a { /* does not work - needs a fill border-right: 1px solid rgb(0, 130, 196, 0.5); border-left: 1px solid rgb(0, 130, 196, 0.9); */ } tbody tr:nth-child(odd) { background: #f6f6f6; } tbody td { padding: 1em .8em; } /* CALENDAR: DATE Badges */ .date-badge { width: 60px; margin: 0 1em .5em 0; } .date-badge, .date-badge-day, .date-badge-month, .date-badge-year { display: block; text-align: center; text-transform: uppercase; border-radius: 2px 2px 0 0; } .date-badge-day { background-color: #f6f6f6; color: #333; font-size: 140%; font-weight: bold; text-shadow: 1px 0 #ddd; } .date-badge-month { background-color: #0082c4; color: #fff; font-size: 105%; font-weight: bold; border: 1px solid #0082c4; border-top: 1px solid #209afb; border-radius: 0px 0 2px 2px; } .date-badge-year { background-color: #ddd; color: white; font-size: 85%; display: none; } /* OTHER */ /* table.productinformation {width: 100%;} */ table.productinformation caption { /*display: block;*/ margin-top: 1em; text-decoration: none; margin-bottom: 0em; color: #666; font-style: italic; } table.productinformation thead th.title { text-align: left; border-bottom: 1px solid #ddd; padding-top: .6em; } table.productinformation caption { font-size: 85%; margin: 2em 0 1em; } table.productinformation td, table.productinformation th { vertical-align: top; padding: .5em; border: 1px solid #ddd; } table.productinformation thead th { text-align: center; } table.productinformation tfoot td { color: #666; font-size: 85%; border-color: #DDD; border-left: 0px; border-right: 0px; } /* VIDEO styles */ div.video-descriptions p { postition: relative; top: 0; left: 0; /*display: none; */ } .video-panel { min-height: 180px; overflow: hidden; margin-top: 1em; } .video-panel h3 { display: none; } .video-panel:hover h3 { display: block; width: 100%; background-color: #428bca; color: white; margin-top: 1em; padding: .5em; min-height: 5em; } a .video-panel { text-decoration: none; } a:hover .video-descriptions { text-decoration: none; } /* .video-panel div h3 {display: block; width: 100%; background-color: #428bca; color: white; margin-top: 1em;padding: .5em; min-height: 5em; } */ .animate-fade-in h3 { opacity: 0; transition: opacity .35s ease-in-out; -moz-transition: opacity .35s ease-in-out; -webkit-transition: opacity .35s ease-in-out; } .animate-fade-in:hover h3 { opacity: 0.8; } /* Related products */ .product_list_related-container { background-color: #fff; } .product_list_related { padding: .5em .5em 1em; background-color: #fff; } .product_list_related h4 { font-size: 14px; } .product_list_related p { display: none; } @media (min-width:992px) { .product_list_related { width: 10%; } } /* Image gallery */ /* img.image-gallery-thumbnail {border-radius: 3px; display: block; border: 1px solid #ebebeb; float: left; margin: .3em; height: 50px;} */ img.image-gallery-thumbnail { float: left; margin: .5em; margin-top: 1em; } #product-main-description { padding-bottom: 4em; } .accordion h3 { display: block; cursor: pointer; } #back-top { bottom: 0; float: right; font-size: 200%; margin-left: 0;/* position: fixed; */ right: 0; z-index: 300; padding-right: 10px; } #back-top { position: fixed; top: 450px; } #back-top span { /* display: none; */ } #back-top .display span { display: block; top: 650px; } img.oa-stages { width: 100%; margin-top: 2em; } .oa-row-block { display: block; width: 100%; height: 4em; border-top: 1px solid grey; background-color: #ebebeb; } .glyphicon-eject { display: none; } /* #grid .mix { opacity: 1; display: block; } */ /* OA Solutions */ .promotion-box-grey { background-color: #f3f3f3; border: 1px solid #e4e4e4; padding: 1em 1em; border-radius: 2px; display: block; } /*.promotion-box-grey p {font-size: 90%;} */ .promotion-box-white { background-color: #fff; border: 1px solid #e4e4e4; padding: 0 1em 1em; border-radius: 2px; display: block; } a:hover .promotion-box-grey { background-color: #e4e4e4; } .oa-treatment-matrix { /*background-color: #f6f6f6;*/ } .oa-treatment-matrix div.grey { border: 1px dotted #ebebeb; } .oa-treatment-matrix div { min-height: 3em; text-align: center; font-weight: bold; color: #666; padding: .5em; border: 1px solid #ebebeb; background-color: #f6f6f6; } .oa-treatment-matrix .surgery, .oa-treatment-matrix div.grey { border: 1px dotted #ebebeb; background-color: #999; color: white; } .oa-treatment-matrix .unloader { background-color: #93d990; } /* .oa-treatment-matrix .surgery {background-color: #ddd;} */ img.oa-radio-a, img.oa-radio-b, img.oa-radio-c, img.oa-radio-d { display: block; background-color: #666; /*height: 10em; */ width: 105%; margin-bottom: -10px; } .study-result { font-size: 400%; text-align: center; color: #666; } .oa-treatment-matrix .marker { border-right: 1px dotted #ddd; } .oa-treatment-matrix .oa-column { background-color: #93d990; } blockquote.orange { border-left: 1px solid #ffc758; color: #333; font-size: 125%; padding: 0px 20px; } blockquote.emphasis { border-left: 1px solid orange; color: #333; font-size: 125%; padding: 0px 20px; /* background-color: #F7FBF9; */ } .didyouknow { padding: 0px 15px; background-color: #f6f6f6; border: 1px solid #ebebeb; border-radius: 5px; } .didyouknow h2 { font-size: 22px; } p.emphasis, blockquote.emphasis { border-left: 3px solid #0082c4; color: #333; font-size: 110%; padding: 13px 20px; background-color: #f6f6f6; margin: 1.2em 0em; text-shadow: 1px 1px white; } .middle-row div { min-height: .5em; } .oa-treatment-matrix .bottom-row, .oa-treatment-matrix .bottom-row div.grey { background-color: white; } .top-row { border-radius: 5px 5px 0px 0px; } .thumbnail .caption { color: #333333; background-color: #ddd; font-size: 85%; color: #999; text-shadow: 1px 1px #ebebeb; } /* kneepain section */ .cause { clear: both; display: block; } /* .oa-action-number {font-weight: bold; font-size: 80px; background-color: #ddd; border-radius: 50%; width: 50%; padding: 0 0 0 .5em; valign: center; margin-left: 20%; color: white; background-color: #ddd; border-color: #ebebeb; border: 1px solid #ccc; box-shadow: 1px 1px 1px 0 #497792; text-shadow: 1px 1px #FFFFFF; background-color: #b9d7e5; color: #017DD3; } */ . @media (max-width:1200px) { .oa-action-number { margin-left: 10%; font-size: 65px; float: none; } } @media (max-width:768px) { .oa-action-number { display: block; float: left; width: 118px; margin-left: 0px; margin-right: .3em; } } /*.moduletableSBA-_menu ul li.current a {color: #387CBC !important;} * */ /* .cause:nth-child(odd) {background-color: #f6f6f6;} */ p a { text-decoration: underline; /*color: #333;*/ } .category-promotions img { border: 1px solid #ebebeb; border-radius: 2px; } .category-promotions a p { color: #333; } .category-promotions a:hover { text-decoration: none; } /* a {text-decoration: underline; color: #333;} */ /* FROM THE template index.php file :) clean-up */ .typekit-badge { display: none !important; } .note { /* background-color: #ddd; padding: 1em 2em; border: 1px solid grey; */ color: #333; display: block; clear: both; } .sc-icons { font-size: 20px; color: white; float: right; } .sc-icons li { float: left; margin-right: .5em; } .navbar-fixed-top, .navbar-fixed-bottom { border-width: 0 0 0px; } .top-of-page-msg { padding: 0em 3em; min-height: 14em; } .top-of-page-msg h1 { font-size: 2.8em !important; } .top-of-page-msg p { font-size: 130%; max-width: 25em; } .top-of-page-msg .banner_promotion { display: block; height: 10em; width: 10em; float: right; margin: -8em 6em 0 0; background: rgba(0, 130, 196, 0.9); border-radius: 50%; } .bottom-in-view .stucky { position: relative !important; } .i-need-lotta-luvin { height: 65px; width: 100%; } .i-need-lotta-luvin img { float: left; margin-right: 1em; } /* WEIRD stuff, previously defined in js */ .product-level-4-overview .thumbnail { display: block; margin-bottom: 0px; } .product-level-4-overview .thumbnail .caption { display: block; } /* */ .breadgru { display: none; } /* */ .read-more { top: 397px !important; height: 50px; } .read-more span { float: right; display: block; margin-right: 4em; } /* * idiotic gallery stuff here below (really just a placeholder) * */ .gv_galleryWrap { background: white !important; } .gv_panel { z-index: 50 !important; } #product-main-description { padding-bottom: 1em; } .item_fields { margin-bottom: 4em; } .custom { display: block; } /* removing the middle-top-rendering state of 920-970*/ @media (min-width:992px) { .container { max-width: 1170px; min-width: 970px !important; } } /* PROMOTION / LANDING PAGES */ .landing-page-promotion-stream .promotion-first-tier { padding: 1em; text-shadow: 1px 1px #999; } .landing-page-promotion-stream a { color: #333; } .landing-page-promotion-stream a .promotion-first-tier { color: #fff; } .landing-page-promotion-stream a:hover, .landing-page-promotion-stream a:focus { text-decoration: none !important; } /* .landing-page-promotion-stream a .promotion-first-tier p {color: #333;} */ .landing-page-promotion-stream .promotion-first-tier >div { background-size: contain; min-height: 320px; background-size: cover; } .landing-page-promotion-stream .promotion-first-tier h1 { font-size: 2rem; margin: 0em 0 1em 15px; padding-top: .5em; color: white; } .landing-page-promotion-stream .promotion-first-tier h2 { margin-top: 0px; } .landing-page-promotion-stream .promotion-first-tier .message-box { background-color: rgba(225, 225, 225, 0.6); padding: 1em; margin: 0 1em; } .landing-page-promotion-stream .promotion-second-tier a img { padding: 0px; } .landing-page-promotion-stream .promotion-second-tier h1 { font-size: 2rem; } /* padding-rules */ .no-padding { padding: 0px 0px 0px 0px; } .no-padding-xl { padding: 0px; } .no-padding-md { padding: 0px; } .no-padding-sm { padding: 0px; } .no-padding-xs { padding: 0px; } .padding-left-1 {padding-left: 1em;} .padding-left-2 {padding-left: 2em;} .padding-right-1 {padding-right: 1em;} .padding-right-2 {padding-right: 2em;} .margin-top {margin-top: 1em;} .margin-top-xl {margin-top: 1em;} .margin-top-md {margin-top: 1em;} .margin-top-sm {margin-top: 1em;} .margin-top-xs {margin-top: 1em;} .margin-bottom {margin-bottom: 1em;} .margin-bottom-1 {margin-bottom: 1em;} .margin-bottom-2 {margin-bottom: 2em;} .margin-bottom-3 {margin-bottom: 3em;} .margin-bottom-xs {margin-bottom: 1rem;} .margin-top-0 {margin-top: 0em;} .margin-top-l {margin-top: 1em;} .margin-top-2 {margin-top: 2em;} .margin-top-3 {margin-top: 3em;} .margin-top-4 {margin-top: 1rem;} .margin-left-1 {margin-left: 1em;} .margin-left-2 {margin-left: 2em;} .margin-right-1 {margin-right: 1em;} .margin-right-2 {margin-right: 2em;} /* product page Impact levels */ table.product-impact-levels th.legend { font-weight: 300; color: #666666; font-style: italic; padding: 0 .5em; display: none; } table.product-impact-levels td { vertical-align: top; } table.product-impact-levels tr.active td.title { font-weight: 600; /* min-width: 25%;*/ } table.product-impact-levels td.title h3 { margin-top: 0px; } table.product-impact-levels td.description { font-size: 85%; padding: 1em 0.5em 0; } table.product-impact-levels span.glyphicon-ok { color: green; font-size: 140%; margin-right: .2em; } table.product-impact-levels span.glyphicon-remove { color: #666; font-size: 140%; margin-right: .2em; } /* product page : tabset: padding */ div.accordion div.information { padding: 1em 0em; } /* */ .code-note { color: green; } .code { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.428571429; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } /* BASIC OVERWREITE */ a h1, a h2, a h3, a h4 { color: #333; } ul a { color: #387CBC; } /* Basic animation - tb executed via less - required hover states tb defined.*/ a:hover h1, a:hover h2, a:hover h3, a:hover h4, .contact-us-and-share a:hover, .accordion h3.peak span, .accordion h3 span { /*-webkit-transition-property:color, text; */ -webkit-transition-duration: .5s, .5s; -webkit-transition-timing-function: linear, ease-in;/*-moz-transition-property:color, text; */ -moz-transition-duration: .5s; -moz-transition-timing-function: linear, ease-in;/* -o-transition-property:color, text; */ -o-transition-duration: .5s; -o-transition-timing-function: linear, ease-in; } #sidebar ul.nav li:hover, #product-information-tabs li.active>a, #product-information-tabs li.active>a:hover { /*-webkit-transition-property:color, text; */ -webkit-transition-duration: .3s, .3s; -webkit-transition-timing-function: linear, ease-in;/*-moz-transition-property:color, text; */ -moz-transition-duration: .3s; -moz-transition-timing-function: linear, ease-in;/* -o-transition-property:color, text; */ -o-transition-duration: .3s; -o-transition-timing-function: linear, ease-in; } /* Overwriting RABBI */ hr.test { margin: 1.6rem 0; border: 0; border-top: .1rem solid #ddd; border-bottom: .1rem solid #f6f6f6; } .gallery { border-right: none; } .full_description { border-left: 1px solid #ddd; } .product-of-category-list { border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; } h1 { -moz-font-feature-settings: "lnum" 1, "tnum" 1; -moz-font-feature-settings: "lnum=1, tnum=1"; -ms-font-feature-settings: "lnum" 1, "tnum" 1; -o-font-feature-settings: "lnum" 1, "tnum" 1; -webkit-font-feature-settings: "lnum" 1, "tnum" 1; font-feature-settings: "lnum" 1, "tnum" 1; } #product-information-tabs li { border: 1px solid #ebebeb; background-color: #f6f6f6; font-weight: 600; margin-bottom: 4px; margin-right: 4px; border-bottom: 2px solid #ebebeb; } #product-information-tabs li.active { border: 1px solid #ebebeb; background-color: #333; } #product-information-tabs li.active > a.h3 { background-color: #666; color: white; } #product-information-tabs li { border: 1px solid #ebebeb; background-color: #f6f6f6; font-weight: 600; margin-bottom: 0px; margin-right: 4px; border-bottom: 0px solid #ebebeb; border-top: 4px solid #ebebeb; } #product-information-tabs li.active { border: 1px solid #ebebeb; background-color: #333; border-bottom: 1px solid #f5f5f5; margin-bottom: -1px; } #product-information-tabs li.active > a.h3 { background-color: #666; color: white; } #product-information-tabs li>a.h3 { font-size: 24px; font-weight: 300; font-family: "freight-sans-pro", sans-serif; background-color: #fff; } #product-information-tabs li { border: 1px solid #ddd; } #product-information-tabs li a { background-color: white; color: black; } #product-information-tabs li.active>a #product-information-tabs li.active>a:hover { background-color: #ddd; } .container .jumbotron { border-radius: 2px; } .panel { border-radius: 2px; } .panel-heading { border-top-left-radius: 2px; border-top-right-radius: 2px; } .well { border-radius: 2px; } .list-group-item:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .list-group-item:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } #product-information-tabs li.active > a.h3 { background-color: #f5f5f5; border-bottom: 2px solid #428BCA; border-bottom: 0px solid #428BCA; border-top: 2px solid #428BCA; border-bottom: 3px solid #f5f5f5; color: #333333; } #product-information-tabs li > a.h3:hover { /* border-bottom: 2px solid #ddd; border-bottom: 2px solid #fff; */ } /* Youtube in-content link e.g. About Össur */ a.youtube_player { background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: 10px; } .deco { margin: 0 0 10px 15px; } a.youtube_player img { background-position: center center !important; background-repeat: no-repeat !important; border: 1px solid #CCCCCC; display: block !important; height: 222px; opacity: 1; width: 400px; } /* Portrait / head-shot e.g. Össur Academy personnell page */ img.portrait { display: block; border: 1px solid #ebebeb; border-radius: 2px; background-color: white; border-bottom: 1px solid #999; border-right: 1px solid #999; margin: 0 0 1em 1em; } /* helper class e.g. for headline in panel opening */ /* margin-top-0 */ /* class for making the Össur Academy bjútifúl */ img.gerdur { border: 1px solid #ddd; border-radius: 2px; } .employee h3.employee-name { margin-bottom: .0em; } .employee h3.employee-name span.credentials { color: #999; font-size: .8em; } .employee h4.employee-title { margin-bottom: 1em; margin-top: 0.2em; color: #666; } .employee div.employee-about p { font-size: 1em; padding-right: .4em; } .employee img.employee-portrait { border: 2px solid #ebebeb; margin: 0em 1em; float: right; border-radius: 2px; } /* links */ #content li a { color: #387cbc; text-decoration: none; } #content li a:hover, #content p a:hover { text-decoration: underline; } .panel-heading h2, .panel-heading h3 { margin-bottom: 0px; margin-top: 0px; } .btn { font-size: 1em; border-radius: 2px !important; } .btn-xs { font-size: .85em; } a.btn { text-decoration: none; } #content ul.btn li a { text-decoration: none; } /* copryright in text */ p sub, p sup { font-size: 60%; top: -.5em; } /* **** LOW IMPACT **** */ .or { color: #017DD3; display: block; float: left; font-size: 200%; margin: 3.2em 0.6em 0 0.5em; } .plus { clear: both; color: #017DD3; display: block; font-size: 400%; font-weight: bold; margin: 0 0 0 0; text-align: center; } .need-and-outcome { background-color: #EBEBEB; border-radius: 3px; clear: both; display: block; margin-bottom: 2em; margin-right: 0; margin-top: 1.5em; padding: 1em; } .need-and-outcome ul { margin-left: 1.2em; } .need-and-outcome h3 { margin-top: 0.5em; } div.need-and-outcome:last-of-type { margin-top: 2em; } .low-activity div.single { margin-left: 14em !important; } .low-activity div p { color: #666666; font-size: 1em; line-height: 1.231; } .low-activity div.item img { float: right; } .low-activity div.item h2, .low-activity div.item h3 { margin: 0 0 0.5em; } .low-activity div.item { border: 1px solid #DDDDDD; border-radius: 3px; float: left; margin: -0.6em 1em 1em 0; min-height: 12.5em; padding: 1em; width: 41%; } .low-activity div.last { float: right; margin-right: 0; } .la-deco { background-color: #BC8F8F; display: block; float: right; height: 200px; width: 150px; } .la-bkgr-icon { background-color: #FFFF00; display: none; height: 40px; width: 50px; } .la-bkgr-img-in-home { background: url("//assets.ossur.com/library/33107") no-repeat scroll 0 -2px rgba(0, 0, 0, 0); } .la-bkgr-img-transfer { background: url("//assets.ossur.com/library/33107") no-repeat scroll -323px -2px rgba(0, 0, 0, 0); } .la-bkgr-img-out-home { background: url("//assets.ossur.com/library/33107") no-repeat scroll -21px -235px rgba(0, 0, 0, 0); } .la-bkgr-img-multi-speed { background: url("//assets.ossur.com/library/33107") no-repeat scroll -323px -237px rgba(0, 0, 0, 0); } .low-activity-1, .low-activity-2, .low-activity-3, .mid-activity-1 { display: block; float: left; height: 36px; margin: -0.6em 1em 1em 0; width: 78px; } .low-activity-1 { background: url("//assets.ossur.com/library/33114") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .low-activity-2 { background: url("//assets.ossur.com/library/33114") no-repeat scroll 0 -45px rgba(0, 0, 0, 0); } .low-activity-3 { background: url("//assets.ossur.comlibrary/33114") no-repeat scroll 0 -90px rgba(0, 0, 0, 0); } .mid-activity-1 { background: url("//assets.ossur.com/library/33114") no-repeat scroll 0 -135px rgba(0, 0, 0, 0); } .footer-nav { background-color: #FFFFFF; border: 1px solid #EBEBEB; border-radius: 3px; margin-top: 2em; min-height: 1.1em; padding: 1em 2em; } a:hover > item, a:focus > item { text-decoration: none !important; color: #428BCA; } /*** /low-impact ***/ /* minmizing headlines margin in grey-promotion boxes e.g. http://one.ossur.tv/oa-solutions/research */ .promotion-box-grey h2:first-of-type { margin-top: 0px; } /* SBL edits */ h4, .h4 { font-size: 20px; } h5, .h5 { font-size: 20px; } div.stats-quote { /*padding: 0.5em 0.2em;*/ background-color: #ebebeb; border: 1px solid #e5e5e5; border-radius: 8px; color: #fff; /*box-shadow: 2px 3px 2px 2px rgba(0,0,0,0.4) inset; */ clear: both; margin: 2em 0em 0em 0em; } div.stats-quote span.number { font-size: 600%; font-weight: normal; margin-left: .2em; color: #ffc758; } div.stats-quote span.percentage { font-size: 460%; font-weight: lighter; color: #ffc758; } div.stats-quote span.legend { font-size: 140%; font-weight: normal; color: #666; width: 45%; display: block; float: right; line-height: 1.3em; margin-left: 0.5em; text-align: left; margin: 1em .5em; } span.disclaimer { font-size: 80%; font-weight: normal; color: #666; } /* Tagline */ .tagline { background: url("//assets.ossur.com/library/31420/bionic-gradient.png") repeat-x scroll 50% -142px #CAD2D5; border-radius: 3px 3px 3px 3px; font-weight: 900; color: #fff; font-size: 100%; font-family: 'Open Sans', sans-serif; text-align: right; text-shadow: 1px 1px 1px rgba(20, 16, 16, 0.61); padding: 15px 20px; margin: 1em 0; } .tagline span { color: orange; padding: .5em; } iframe.in-two-col { width: 420px; height: 211px; margin-bottom: 1em; margin-left: 0px; border: 1px solid rgb(204, 204, 204); width: 420px; height: 211px; } /* corporate */ h1.offset { font-size: 0.1em; text-indent: -999em; padding-top: 0px; margin-top: 0px; } /* ========== ICONOGRAPHY STYLES ========== */ a.pdf, a.pdf_dwl { background: transparent url('//assets.ossur.com/library/16669/icons-venactive.png') no-repeat scroll 0 -160px; display: inline-block; height: 1.3em; padding-left: 20px; } a.www { background: transparent url(//assets.ossur.com/library/24065/inline-icons-sprite.png) no-repeat scroll 0 -951px; display: inline-block; height: 1.3em; padding-left: 20px; } a.www:hover { background-position: 0 -886px; } a.email { background: transparent url(//assets.ossur.com/library/24065/inline-icons-sprite.png) no-repeat scroll 0 -179px; display: inline-block; height: 1.3em; padding-left: 20px; } a.email:hover { background-position: 0 -117px; } /* ========== BIONIC STYLES ========== */ h2.bionic { color: #5c6f7c; } h3.bionic { color: #5c6f7c; font-size: 35px; } .bionic span { color: #eccd5d; } /* overwriting bootstrap */ .thumbnail > .caption > h3 { margin-top: 0px; } /* ========== LEFT NAVIGATION ========== */ /* overwriting bootstrap */ #sidebar .dropdown-menu { display: block; box-shadow: none; border: 1px solid #ebebeb; } #sidebar .sidebar-nav { width: 100%; width: 262px; } /* Neceesary breakpoint due to the 100% flow issue */ @media screen and (min-width:768px) and (max-width:1200px) { #sidebar .sidebar-nav { width: 227px; } } .dropdown-menu > .active > a { color: green; } /* === Neutralize === */ #sidebar ul.nav, #sidebar ul.nav li, #sidebar ul.nav li a, #sidebar ul.nav li ul, #sidebar ul.nav li ul li, #sidebar ul.nav li ul li a { background-color: none; text-transform: none; text-shadow: none; font-weight: normal; border: none; font-size: 1em; height: inherit; width: inherit; display: block; float: left; color: black; background: none; text-shadow: none; box-shadow: none; border-radius: 0px; text-align: left; padding: 0px; margin: 0px; width: 100%; background-color: none; z-index: 0; white-space: inherit; position: relative; } #sidebar .sidebar-nav ul { width: 100%; background: #ddd !important; display: block; padding-top: 0px; padding-bottom: 0; margin-top: 15px; } #sidebar .sidebar-nav ul li { width: 100%; } #sidebar .sidebar-nav ul li a { border: 1px solid #ddd; border-bottom: none; } #sidebar .sidebar-nav ul li ul li a { border: 1px solid #ebebeb; border-top: 1px solid #fff; border-left: none; border-right: none; } #sidebar .sidebar-nav ul li ul li ul li a { border: 1px solid #ddd; border-top: 1px solid #fff; border-left: none; border-right: none; } #sidebar ul.nav li a:hover { background-color: #e9e9e9; color: #000; } #sidebar ul.nav li ul li:hover a { background-color: #e9e9e9; color: #000; } #sidebar ul.nav li a, #sidebar ul.nav li ul li a { padding: .5em .5em .2em 1em; } #sidebar ul.nav li ul li ul li a { padding: .5em .5em .2em 1em; } #sidebar ul.nav li ul li ul li a { padding-left: 1.9em; } #sidebar ul.nav li ul li ul:hover li a { padding-left: 1.9em; } #sidebar ul.nav li ul li:hover ul li a { padding-left: 1.9em; } #sidebar .sidebar-nav ul li ul li.active a { margin-bottom: none; /* border-bottom: 1px solid yellow;*/ } #sidebar ul.nav li a:last-of-type, #sidebar ul.nav li:hover a:last-of-type, #sidebar ul.nav ul li a:last-of-type, #sidebar ul.nav ul li:hover a:last-of-type, #sidebar ul.nav ul li ul li:hover a:last-of-type, #sidebar ul.nav ul li ul li a:last-of-type { padding-bottom: .5em; } #sidebar ul.nav li a { background-color: #e9e9e9; border: 1px solid #ddd; border-bottom: 1px solid #ededed; text-shadow: 0 2px 0 #EBEBEB; color: black; } #sidebar ul.nav li:hover a { text-shadow: 0 1px 0 #FFFFFF; } #sidebar ul.nav li ul li a { background-color: #f5f5f5; } #sidebar ul.nav li ul li ul li a { background-color: #f9f9f9; } /* 3rd levle selected and active parent */ #sidebar .sidebar-nav ul li.current > a, #sidebar .sidebar-nav ul li ul li.current > a, #sidebar .sidebar-nav ul li ul li ul li.current > a { color: #428BCA; } /* LAST LEVEL */ #sidebar .sidebar-nav ul li ul li ul li { background: none repeat scroll 0 0 white !important; } #sidebar .sidebar-nav ul li ul li ul li a { background: none repeat scroll 0 0 white !important; border-bottom: 1px solid #f9f9f9; } #sidebar .sidebar-nav ul li ul li.parent > a:after { content: " › "; } /* separator e.g. OA KNeeoain */ #sidebar .sidebar-nav ul li .nav-child li.divider { height: 2px; background-color: #ccc; border-bottom: 1px solid white; } #sidebar .sidebar-nav ul li .nav-child li.divider span.separator { display: none; } /* pushing down the li of the ul */ #sidebar ul.nav li ul li { position: relative; } /*======= BIONCI PROMO/LANDING PAGE =======*/ .bionic-promo a { color: #5c6f7c; } .bionic-promo a:hover { text-decoration: none; } .bionic-promo h2 { margin-left: margin-left:0.8em; } .bionic-promo-box img.bionic-gallery { position: relative; vertical-align: middle; top: -102px; right: -190px; } .bionic-promo-proprio .bionic-promo-box img.bionic-gallery { top: -55px; right: -138px; } .bionic-promo-text { margin-top: -12em; padding: 2em 2em 0 .5em; font-size: 2em; } .bionic-promo-box { height: 195px; } .bionic-promo-sbl .bionic-promo-text { margin-top: -17.5em; } h2.bionic sup.three { font-size: 100%; top: -0.18em; color: #ECCD5D; } .bionic-promo .col-sm-6 { margin-bottom: 3em; } /* a:active,*/ a:focus { /*border: 0!important;*/ outline: 0; } a { outline: 0; } /* button::-moz-focus-inner { border: 0; } */ /*== section landing pages: list of products ==*/ div.btn-group-justified a.btn-default { background-color: #fff; } div.btn-group-justified a.btn-default:hover { background-color: #f5f5f5; } /*== main product overview pages ==*/ .equalizXXeXXX:hover a.bigger { background-color: #ebebeb; text-shadow: 1px 1px #DAEAEF; } /*== megamenu-thubms list ==*/ ul.yamm-drop .list-group a:hover .product_title { background-color: #e9e9e9; color: black; } /*== megamenu-unordered list ==*/ ul.yamm-leftnav li:hover { background-color: #e9e9e9; color: black; } ul.yamm-leftnav li:hover a { color: black; } ul.yamm-leftnav li.prods:hover { background-color: #f5f5f5; color: black; } ul.yamm-leftnav li.prods:hover a { color: black; } /*== category product list(s) ==*/ .product_categories div.product:hover .product_title { background-color: #ebebeb; } /* #sidebar ul.nav li ul li a, #sidebar ul.nav li ul li, #sidebar ul.nav li ul li:hover, */ #sidebar ul.nav li ul li a:hover, div.btn-group-justified a.btn-default:hover, .equalizXXeXXX:hover a.bigger, ul.yamm-drop .list-group a:hover .product_title, ul.yamm-leftnav li:hover, ul.yamm-leftnav li li.prods:hover, .product_categories div.product:hover .product_title { /*-webkit-transition-property:color, text; */ -webkit-transition-duration: .3s, .3s; -webkit-transition-timing-function: linear, ease-in;/*-moz-transition-property:color, text; */ -moz-transition-duration: .3s; -moz-transition-timing-function: linear, ease-in;/* -o-transition-property:color, text; */ -o-transition-duration: .3s; -o-transition-timing-function: linear, ease-in; } .video-list a:hover h3 { color: black; text-decoration: none; } /* LAST RESPONSE EDITS */ a:hover, a:focus { text-decoration: none; } /* FRONT-PAGE (ms. Ellie) */ @media screen and (max-width:1100px) { .top-of-page-msg { float: left; margin-left: 2em; min-height: 14em; padding: 0 3em; width: 343px; } } @media screen and (max-width:820px) { .top-of-page-msg { display: block; float: right; width: 305px; margin-right: 0; } } /* Category Landing Pages */ @media screen and (min-width:768px) and (max-width:1199px) { .jumbotron h1 { font-size: 41px; } .jumbotron p { } } @media screen and (max-width:768px) { .jumbotron h1 { text-shadow: 1px -1px #ddd; background-color: rgba(245, 245, 245, 0.6); padding: .5em; margin-left: 0px; } .jumbotron .container { margin-left: 0px; } .jumbotron h1 small { color: #333; } } @media screen and (max-width:1199px) { /* .jumbotron > .container { float: left; margin-left: 0em; padding: 0 3em; width: 250px; background: #f5f5f5;} .jumbotron > .container h1 { font-size: 42px;} */ } .margin-top-0 { margin-top: 0px; } /* .product-category-list table tr {border-top: 1px solid #ddd;} .product-category-list table td a p {color: #333!important;} */ /* * * Injury Solutions Brace colors .brace-color-sky-blue {background-color: #a0b9cf; background-color: rgba(178,206,230, .9);} .brace-color-ocean-blue {background-color: #003474 ;background-color: rgba(1, 58, 129, .9);} .brace-color-navy-blue {background-color: #101355 ;background-color: rgba(18, 22, 95, .9);} .brace-color-green {background-color: #00533c ;background-color: rgba(0, 92, 67, .9);} .brace-color-champagne {background-color: #d8ceb5 ;background-color: rgba(240, 229, 201, .9);} .brace-color-red {background-color: #a11f15 ;background-color: rgba(179, 35, 24, .9);} .brace-color-pink {background-color: #df9fac ;background-color: rgba(248, 177, 191, .9);} .brace-color-white {background-color: #ffffff ;background-color: rgba(255, 255, 255, .9);} .brace-color-silver {background-color: #9d9da1 ;background-color: rgba(174, 175, 179, .9);} .brace-color-yellow {background-color: #e6cb4a ;background-color: rgba(255, 225, 83, .9);} .brace-color-charcoal {background-color: #4a4a43 ;background-color: rgba(83, 83, 75, .9);} .brace-color-black {background-color: #000000 ;background-color: rgba(0, 0, 0, .9);} */ .brace-color-sky-blue { background-color: #98caec; background-color: rgba(152, 202, 236, 1); } .brace-color-ocean-blue { background-color: #0056b8; background-color: rgba(0, 86, 184, 1); } .brace-color-navy-blue { background-color: #13426b; background-color: rgba(19, 66, 107, 1); } .brace-color-green { background-color: #00827b; background-color: rgba(0, 130, 123, 1); } .brace-color-champagne { background-color: #d2b786; background-color: rgba(210, 183, 134, 1); } .brace-color-red { background-color: #d0112b; background-color: rgba(208, 17, 43, 1); } .brace-color-pink { background-color: #f0b3cb; background-color: rgba(240, 179, 203, 1); } .brace-color-white { background-color: #f1f1f2; background-color: rgba(241, 241, 242, 1); } .brace-color-silver { background-color: #8c9192; background-color: rgba(140, 145, 146, 1); } .brace-color-yellow { background-color: #fcce01; background-color: rgba(252, 206, 1, 1); } .brace-color-charcoal { background-color: #303e48; background-color: rgba(48, 62, 72, 1); } .brace-color-black { background-color: #111821; background-color: rgba(17, 24, 33, 1); } .brace-color-sky-blue, .brace-color-ocean-blue, .brace-color-navy-blue, .brace-color-green, .brace-color-champagne, .brace-color-red, .brace-color-pink, .brace-color-white, .brace-color-silver, .brace-color-yellow, .brace-color-charcoal, .brace-color-black { color: white; } .brace-color-yellow, .brace-color-champagne, .brace-color-white { color: #333; } /* .color-matrix > div {min-height: 6em; text-align: center; padding: 1em 0; font-size: 2em; width: 15%;} */ .color-matrix > div { min-height: 3em; text-align: center; padding: 1em 0; font-size: 1.3em; /*width: 15%;*/ } @media screen and (min-width:200px) and (max-width:767px) { .product-of-category-list, .full_description { border-left: none; } } a.product_-title { color: #333 !important; } a.product_-title:hover { color: #387CBC; } /* Functional Healing */ /*.product_categories div.HCRECART div.list-group a.product_img, .product_categories div.HC040036 div.list-group a.product_img,*/ div.functional_healing div.list-group a.product_img { background: url("//assets.ossur.com/library/34099/proc/25") no-repeat scroll right bottom rgba(0, 0, 0, 0); } /* product-lists w/Filters */ #options label { font-weight: normal; margin-left: 5px; margin-right: 10px; font-size: 0.8em; /*max-width:160px;*/ } #options label:hover { color: #428bca; cursor: pointer; } .label_header { padding: 5px; border-bottom: 1px solid #ddd; margin-bottom: 10px; } #content ul.formatted li, .blogpost ul li { margin-bottom: 15px; padding-left: 20px; } /* Smoothing out the features presentation for PS products */ .thumbnail > .features-description > h3 { margin-top: 10px; margin-bottom: 15px; } .thumbnail > .features-description > .description > ul { padding-left: 18px; } .product-impact-levels h4 { margin-top: 0px; } .product-impact-levels small { color: #666; } .product-impact-levels { width: 100%; } .product-impact-levels .icon-ok { margin-left: 5px; } .product-impact-levels td.icon { width: 20px; } .product-impact-levels td { padding: .6em 0.8em .2em 0.8em; } /* adjusting the product information tabs */ @media (max-width:767px) { #product-information-tabs { margin-bottom: 4px; margin-left: 4px; } #product-information-tabs li { width: 48%; border: 1px solid #DDDDDD; margin-bottom: 4px; padding: 1px 2px; } #product-information-tabs li.active { margin-bottom: 2px; background-color: #ddd; } #product-information-tabs li.active > a.h3 { border-bottom: 0px; } #product-information-tabs li.active > a { border-bottom: 0px; padding: 8px 15px 8px 15px; margin-bottom: 1px; } #product-information-tabs li.active > a.h3 { background-color: #F5F5F5; border-bottom: 2px solid #F5F5F5; border-top: 3px solid #428BCA; color: #333333; } /* and some more */ .product-description h2 { font-size: 26px; } .product-description ul { padding-left: 15px; } #product-information-tabs li { width: inherit; } #product-information-tabs li>a { padding: 5px 8px 5px 8px; font-size: 25px; } #product-information-tabs li.active>a { padding: 2px 8px 5px 8px; } #product-information-tabs li.active > a.h3 { border-top: 4px; border-bottom: 1px; background-color: #428BCA; color: white; } .tab-pane .h1 { font-size: 30px; margin-top: 0px; margin-bottom: 0px; } /* /and some more */ } @media (max-width:367px) { #product-information-tabs li > a.h3 { font-size: 18px; } #product-information-tabs li { width: 100%; } } /* Resources-promotions */ /* class="resource-promotion" */ a.resource-promotion { color: #333; } a.resource-promotion img { border: none; border-radius: 2px; margin-bottom: 1em; } /* class used to counter the usual icons used for these links */ a.no-icon { background: none; display: block; height: auto; padding-left: 0px; } /* CALENDAR: DATE Badges */ .calendar .event { display: block; margin-bottom: 2em; } .calendar .event-location { font-size: 85%; } .calendar .event-location span { color: grey; } /*.calendar .event-location:hover {background-color: #ebebeb;} */ .calendar .event-location div.small { margin-bottom: -10px; } .calendar h3.event-title { margin-top: 0; } .date-badge { width: 85px; margin: 0 1em .5em 0; } .date-badge, .date-badge-day, .date-badge-month, .date-badge-year { display: block; text-align: center; text-transform: uppercase; border-radius: 0 0 2px 2px; } .date-badge-day { background-color: #f6f6f6; color: #333; font-size: 140%; font-weight: bold; text-shadow: 2px 2px #fff; padding: .1em 0em; border: 1px solid #ebebeb; } .date-badge-month { background-color: #0082c4; color: #fff; font-size: 80%; font-weight: 100; border: 1px solid #0082c4; padding: .1em 0em; border-top: 1px solid #209afb; border-radius: 2px 2px 0 0; } .date-badge-year { background-color: #ddd; color: white; font-size: 85%; display: none; } .less-spacing { letter-spacing: -.105em; } #sidebar ul.nav ul li a { padding-bottom: 0.3em !important; padding-top: 0.3em !important; } #sidebar ul.nav ul li ul li a { padding-bottom: 0.25em !important; padding-top: 0.25em !important; font-size: 95% !important; } .stucky { /* position: fixed; top: 86px; width: 276px;*/ z-index: 10; } /* FOOTER */ #footer a.sc-fb, #footer a.sc-youtube, #footer a.sc-twitter { display: block; height: 43px; width: 43px; background: transparent url('//assets.ossur.com/library/34605/social-icons.png') no-repeat; margin: 0em .5em; padding-left: 0px; float: left; margin-bottom: 2.5em; } #footer a.sc-fb { background-position: -0px -0px; margin-left: 0px; } #footer a.sc-twitter { background-position: -54px -0px; } #footer a.sc-youtube { background-position: -102px -0px; width: 86px; margin-left: 0px; margin-right: 0px; } #footer a.sc-instagram { background-position: -190px -0px; width: 13px; margin-left: 0px; margin-right: 0px; } #footer a.sc-linkedin { background-position: -235px -0px; width: 13px; margin-left: 0px; margin-right: 0px; } .footer { padding-top: 0px; } #footer { /*heigth: 200%; */ background-color: #ebebeb; width: 100%; padding-top: 2em; color: #666; margin-top: 2em; } #footer a { color: #333; } #footer .disclaimers { float: left; margin-top: 3em; margin-bottom: 2em; clear: both; } .contact-us-and-share { margin-top: 4em; border-top: 0px solid #fff; } /* Image gallery */ /* optionally hide arrows until image is displayed */ .mfp-s-loading .mfp-arrow { display: none; } .img.mfp-img { max-width: 850px !important; } /* GOOGLE CUSTOM SEARCH STYLES OVERRIDES */ .gsc-tabsArea, .gsc-resultsHeader, .gcsc-branding, .gsc-refinementsArea { display: none; } .gsc-control-cse { padding: 0; margin: 0; } .gs-snippet { padding-left: 8px; padding-right: 8px; } .gsc-cursor-box { text-align: center !important; } .gsc-cursor-page { padding: 10px; } #ossur-gsc-results td { background-color: #fff; } #ossur-gsc-results tbody td.gsc-result-info-container { padding: 0em 0em; } #ossur-gsc-results tbody td.gsc-result-info-container .gsc-result-info { margin: 0 0 0 0; } /* the results summary/trunc results */ #ossur-gsc-results tbody td.gsc-table-cell-snippet-close { padding: 0 0 0 0; } #ossur-gsc-results td.gsc-thumbnail { padding: 0em .1em 0em 0em; } .cse .gsc-control-cse, .gsc-control-cse { padding: 0em !important; } .gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top { padding-left: 0px !important; } .gsc-results .gsc-cursor-box .gsc-cursor-current-page { color: #428bca; border: 1px solid #ddd !important; background-color: #ebebeb !important; } div.gsc-cursor-page { border-radius: 2px; border: 1px solid #999; background-color: #f5f5f5; padding: 8px 12px; color: #333; margin-right: 1px; display: inline; } div.gsc-cursor-page:hover { background-color: #ebebeb !important; } .gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top, .gs-snippet { padding-left: 0px; } #searchForm .btn-group > .btn { padding: 6px 10px; } /*local renering */ .result-item { margin-bottom: 20px; } .result-link { color: #093; font-size: small; } @media (min-width:768px) and (max-width:991px) { .yam-1-div { clear: both; margin-top: 88px; } } /* testing for icelocks */ table.productinformation tbody th { font-weight: 600; } table.productinformation thead th { text-align: left; font-weight: 600; } .video-list .panel { max-width: 320px; } .video-list .panel-heading { padding: 0 0 0 0; } .video-list .panel-body { padding-top: 0px; } .video-list h3 { font-size: 22px; } /* 4th level */ #sidebar .sidebar-nav ul li ul li ul li ul li { /* background-color: #f6f6f6 !important; */ padding-left: 23px;/* margin-top: 1px; */ } #sidebar .sidebar-nav ul li ul li ul li ul li a { color: grey !important;/* background-color: #f6f6f6 !important; */ font-size: 85% !important;/* margin-top: 1px; */ } #sidebar .sidebar-nav ul li ul li ul li ul li.active a { color: #428BCA !important; } .category-promotions h3 { padding: 0px 10px 15px; } .category-promotions img { border: 1px solid #EBEBEB; border: none; border-radius: 0px; } /* LINK HOVER BUTTON STATE */ a.btn-download:hover, a .img-link:hover, .product_categories .list-group:hover, a .panel-default:hover, .category-promotions .panel:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(66, 139, 202, 0.6); outline: 0 none; } .category-promotions a p.small { text-shadow: 1px 1px #fff; } ul.latestnews li:hover { background-color: rgba(174, 174, 174, .25); } /* TEAM ÖSSUR */ .athlete { margin-bottom: 15px; } .athlete img { background: url("//assets.ossur.com/library/28359") no-repeat; background-position-y: 10px; } .triangle-isosceles { min-height: 20px; padding: 19px; position: relative; float: left; padding: 15px; margin: 1em 0 3em; color: #000; background: #ffc758; /* -webkit-border-radius: 10px; -moz-border-radius: 10px;*/ border-radius: 10px; font-size: 1em; font-weight: bold; } .triangle-isosceles:after { content: ""; position: absolute; bottom: -15px; left: 75px; border-width: 15px 15px 0; border-style: solid; border-color: #ffc758 transparent; display: block; width: 0; } #team_ossur .answer { min-height: 20px; padding: 1.5em; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 2px; /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);*/ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); font-weight: bold; } #team_ossur .highlights th { vertical-align: top; } #team_ossur .highlights th.year { font-size: 1.5em; /*border-right:2px solid #ccc;*/ padding: 8px; } /*TEAM ÖSSUR NEW ADDED HB*/ /*.team-ossur-member{position:relative;width:100%;margin-left:0;margin-bottom:30px}.team-ossur-member-text{margin:0;position:absolute;bottom:0;max-height:100%;width:100%;background-color:rgba(0,0,0,0.5);color:#fff}.team-ossur-member-text h1{font-size:15px;color:#ffc758;font-weight:400;margin:13px 5px 2px 15px;letter-spacing:0.2px}.team-ossur-member-text p{font-size:13px;color:#fff;font-weight:300;margin:0px 0px 10px 15px;letter-spacing:0.2px}@media screen and (max-width:767px){}@media (min-width:768px){}@media (min-width:768px){}@media (max-width:767px){}@media (min-width:768px){}@media (min-width:768px){}@media (max-width:767px){}@media (max-width:767px){}.col-ms-1,.col-ms-2,.col-ms-3,.col-ms-4,.col-ms-5,.col-ms-6,.col-ms-7,.col-ms-8,.col-ms-9,.col-ms-10,.col-ms-11,.col-ms-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}@media (min-width:480px) and (max-width:767px){.container{max-width:748px}.hidden-xs{display:block!important}}@media (min-width:480px){.col-ms-1,.col-ms-2,.col-ms-3,.col-ms-4,.col-ms-5,.col-ms-6,.col-ms-7,.col-ms-8,.col-ms-9,.col-ms-10,.col-ms-11,.col-ms-12{float:left}.col-ms-12{width:100%}.col-ms-11{width:91.66666667%}.col-ms-10{width:83.33333333%}.col-ms-9{width:75%}.col-ms-8{width:66.66666667%}.col-ms-7{width:58.33333333%}.col-ms-6{width:50%}.col-ms-5{width:41.66666667%}.col-ms-4{width:33.33333333%}.col-ms-3{width:25%}.col-ms-2{width:16.66666667%}.col-ms-1{width:8.33333333%}.col-ms-pull-12{right:100%}.col-ms-pull-11{right:91.66666667%}.col-ms-pull-10{right:83.33333333%}.col-ms-pull-9{right:75%}.col-ms-pull-8{right:66.66666667%}.col-ms-pull-7{right:58.33333333%}.col-ms-pull-6{right:50%}.col-ms-pull-5{right:41.66666667%}.col-ms-pull-4{right:33.33333333%}.col-ms-pull-3{right:25%}.col-ms-pull-2{right:16.66666667%}.col-ms-pull-1{right:8.33333333%}.col-ms-pull-0{right:auto}.col-ms-push-12{left:100%}.col-ms-push-11{left:91.66666667%}.col-ms-push-10{left:83.33333333%}.col-ms-push-9{left:75%}.col-ms-push-8{left:66.66666667%}.col-ms-push-7{left:58.33333333%}.col-ms-push-6{left:50%}.col-ms-push-5{left:41.66666667%}.col-ms-push-4{left:33.33333333%}.col-ms-push-3{left:25%}.col-ms-push-2{left:16.66666667%}.col-ms-push-1{left:8.33333333%}.col-ms-push-0{left:auto}.col-ms-offset-12{margin-left:100%}.col-ms-offset-11{margin-left:91.66666667%}.col-ms-offset-10{margin-left:83.33333333%}.col-ms-offset-9{margin-left:75%}.col-ms-offset-8{margin-left:66.66666667%}.col-ms-offset-7{margin-left:58.33333333%}.col-ms-offset-6{margin-left:50%}.col-ms-offset-5{margin-left:41.66666667%}.col-ms-offset-4{margin-left:33.33333333%}.col-ms-offset-3{margin-left:25%}.col-ms-offset-2{margin-left:16.66666667%}.col-ms-offset-1{margin-left:8.33333333%}.col-ms-offset-0{margin-left:0%}}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0%}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0%}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0%}}.visible-xs,.visible-ms{display:none!important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-ms-block,.visible-ms-inline,.visible-ms-inline-block{display:none!important}@media (max-width:479px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media (max-width:479px){.visible-xs-block{display:block!important}}@media (max-width:479px){.visible-xs-inline{display:inline!important}}@media (max-width:479px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:480px) and (max-width:767px){.visible-ms{display:block!important}table.visible-ms{display:table!important}tr.visible-ms{display:table-row!important}th.visible-ms,td.visible-ms{display:table-cell!important}}@media (min-width:480px) and (max-width:767px){.visible-ms-block{display:block!important}}@media (min-width:480px) and (max-width:767px){.visible-ms-inline{display:inline!important}}@media (min-width:480px) and (max-width:767px){.visible-ms-inline-block{display:inline-block!important}}@media (max-width:479px){.hidden-xs{display:none!important}}@media (min-width:480px) and (max-width:767px){.hidden-ms{display:none!important}} */ /* last minute tweaks to left-nav */ /* 3rd level */ #sidebar .sidebar-nav ul li ul li ul li { background: none repeat scroll 0 0 #fcfcfc !important; border-bottom: 1px solid #f5f5f5; } #sidebar .sidebar-nav ul li ul li ul li a { background: none repeat scroll 0 0 #fcfcfc !important; border-bottom: 0px; } /* hover state*/ #sidebar .sidebar-nav ul li ul li ul li:hover, #sidebar .sidebar-nav ul li ul li ul li:hover a { background: none repeat scroll 0 0 #fff !important; } /* /3rd level */ /* 4th level */ #sidebar .sidebar-nav ul li ul li ul li ul li { background: none repeat scroll 0 0 #fff !important; border-bottom: 1px solid #fff; } #sidebar .sidebar-nav ul li ul li ul li ul li a { background: none repeat scroll 0 0 #fff !important; border-bottom: 0px; } /* /4th level */ /* * * OA KNEEPAIN * * */ .accordion div.answer { font-size: 15px; } ul.notice li { list-style-image: url("//assets.ossur.com/library/34802/notice-icon.png"); font-weight: 600; } ul.notice li ul li { list-style-image: none; font-weight: normal; } ul.notice li ul { margin-bottom: 1.5em; } h3.column-header { padding: 0em 1em; } .oa-action-number { border: 1px solid #FFFFFF; border-radius: 50%; box-shadow: 1px 1px 1px 0 #D6E9C6; font-size: 80px; font-weight: bold; margin: auto; padding: 0 0 0 0.5em; text-shadow: 1px 1px #FFFFFF; background-color: #DFF0D8; color: #468847; width: 50%; box-shadow: 1px 1px 1px 0 #497792; text-shadow: 1px 1px #FFFFFF; background-color: #b9d7e5; color: #017DD3; } .oa-action-panel { background-color: #f7fbf9; color: #017DD3; } div.title span.info { background-position: 0 -651px; } .accordion-w-icons div.title > span { background-image: url("/library/27866"); display: block; float: left; height: 39px; margin: -3px 5px 0 -15px; width: 45px; } /* ==================================================================================================== */ /* ========== ACCORDION MENUS - WITH ICONS ==================================================================================================== */ .accordion > div.title.active { background-position: right 12px; } .accordion > div.title { background-position: right -42px; } .accordion-w-icons .answer { /*min-height: 220px;*/ } /* .accordion-w-icons > div.title { padding: 12px!important; padding-left: 60px!important; font-weight: 800; }*/ div.title span { background-position: 55px 48px; } div.title span.question { background-position: 0px -586px; } div.title span.info { background-position: 0px -651px; } div.title span.therapy { background-position: 0px -175px; } div.title span.bracing { background-position: 0px -407px; } div.title span.exercise { background-position: 0px 0px; } div.title span.medication { background-position: 0px -349px; } div.title span.wellbeing { background-position: 0px -59px; } div.title span.alternative { background-position: 0px -523px; } div.title span.arthroscopy { background-position: 0px -465px; } div.title span.osteotomy { background-position: 0px -292px; } div.title span.partial-knee { background-position: 0px -233px; } div.title span.total-knee { background-position: 0px -117px; } /* ==================================================================================================== */ /* ========== RESPONSIVE VIDEO IFRAMES (containers) ==================================================================================================== */ .video-playing-field { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video-playing-field iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } a.download-cell { width: 100%; } table.productinformation tr:hover { background-color: #f6f6f6; } .product_categories .list-group .product_title { min-height: 63px; display: block; } #searchForm .form-control { padding-bottom: 3px; } .border-gray { border: 1px solid #ddd; } /* new download 'button' for catalogs */ .btn-download { display: block; border-radius: 2px; border: 1px solid #ddd; margin: 0 0 15px 0; padding: 15px 15px 15px 45px; background: #fdfdfd url('/images/tpl/ingi-luv.png') no-repeat 4px 2px; padding: 15px 15px 15px 50px; } .btn-download:hover { background: #f6f6f6 url('/images/tpl/ingi-luv.png') no-repeat 4px -112px; border: 1px solid #999; } .btn-download p { font-size: 110%; color: #387cbc !important; } @media screen and (min-width:768px) { .col-md-12.btn-download { width: 48%; margin-right: 2%; } } /* =========== REGIONAL HIDE =============== */ body.en-gb .hide-uk, body.en-us .hide-us, body.en-ca .hide-ca, body.en-au .hide-au, body.sv-se .hide-se { display: none; } body.en-gb .show-uk, body.en-us .show-us, body.en-au .show-au, body.en-au .show-asia, body.en-au .show-in, body.en-jp .show-jp, body.sv-se .show-se { display: block; } /* =========== FROM ra_dev.css KILL KILL KILL =============== */ /* some quick and dirty overrides */ /* schanges made to footer to make it stick to bottom, changes to body margiin-bottom addes and to html min-height 100% and position relative */ .footer { bottom: 0; width: 100%; padding-top: 40px; background-color: #c9c9c9; } .footer a { color: #333; } .footer ul { list-style-type: none; } .box { text-shadow: 0 0 1px rgba(17, 17, 17, 0.1), 0 2px 1px rgba(0, 0, 0, 0.1); } div.box { margin-bottom: 28px !important; } .listheader { font-weight: bold; } .item-1101 ul { display: none; } .box { /* background: url(../../../images/ellie-rheo.jpg)!important;*/ background: url('/library/34119/ellie.jpg') !important; background-size: cover !important; background-position: top right !important; height: 20em; } .custom h1 small { color: black; } .mega-container { display: none !important; } .highlight { font-weight: bold; } .athlete { height: 140px; } /* some quick and dirty overrides ends*/ .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #333333; background-color: #fff; border-color: #ddd; } /* ================== MORE TO KILLL , from yamm.css ====================*/ .yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown { position: static; /* top:2px; */ text-transform: none !important; } .yamm .container { position: relative; } .yamm .dropdown-menu { left: auto; } .yamm .dropdown.yamm-fw .dropdown-menu { left: 0; right: 0; } .yamm a { display: block; } /* TEMP OVERRIDES AND EARLY DEV*/ .navbar-default { background-color: transparent !important; border-color: transparent !important; } .grid-demo { padding: 0 !important; padding-top: 15px; margin-top: 10px; } #yamm_mm .list-group a:hover { text-decoration: none !important; background-color: #f5f5f5; } #yamm_mm .navbar-nav > li:hover > a { color: black /* !important*/ ; } #yamm_mm img { height: 70px !important; /*border:1px solid red;*/ } li.yamm-fw ul.dropdown-menu { margin: 2px auto; top: 34; float: right; padding-top: 13px; } #yamm_mm .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #ffffff; border: 1px solid #dddddd; } .list-group-item:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } ul.yamm-drop { background-color: #f5f5f5; } ul.yamm-drop .list-group .product_title { background-color: #f8f8f8; } ul.yamm-drop .list-group .product_img { background-color: #fff; } ul.yamm-leftnav { background-color: tomato; padding: 0px 0px; } ul.yamm-leftnav li { padding: 3px 3px 2px 15px; background-color: #f5f5f5; width: 100%; border-bottom: 1px solid #ebebeb; } ul.yamm-leftnav li.prods { padding: 3px 3px 2px 30px; background-color: white; width: 100%; border-top: 1px solid #f8f8f8; border-top: thin none #f5f5f5; } ul.yamm-leftnav ul li ul li.parent > a:before { content: "› "; } .caret { margin-left: 18px; color: white; } .navbar-nav > li { float: right; } ul#main-mm > li > a { font-family: "freight-sans-pro", sans-serif; } /* resizing of the top navigation in the troublesome space */ @media screen and (max-width:990px) and (min-width:768px) { /* l.221 */ .navbar-header { width: 48px; } .navbar-brand img { height: 48px !important; margin: 23px 10px 0px 0 !important; } .navbar-collapse { padding-right: 0px; } .caret { display: none; } .yammer-position { top: -48px; } ul#main-mm > li > a { padding: .5em 0.6em; } a.hor_bottom { font-size: 18px; } .yamm-drop { width: 100%; } span.section {font-size: 19px;} } /* ===================== REESOURCE: Magnicif popup css support =================*/ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } /* .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } */ .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } /* action overwrite */ .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #666666; font-size: 301%; padding-right: 12px; padding-top: 6px; right: 0; text-align: right; width: 100%; } /* /action overwrite */ .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;/* padding: 40px 0 40px; */ margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width:900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* SBA addition for rendering of transparent png's */ img.mfp-img { background-color: #fff; } /* ==================================================================================================== */ /* ========== Additions to the Össur style library (and cleanup) ==================================================================================================== */ .txt-banner-sm { height: 450px; background-size: cover; } .txt-banner-md { height: 350px; background-size: cover; background-position-x: right; } .txt-banner-xl { height: 450px; background-size: cover; } .txt-banner { margin: 25px 0 11px 0; } .banner-txt-box { height: 100%; text-align: center; background-color: rgba(15, 14, 14, .5); padding: 2em 0em .5em 0em; position: relative; } a.banner-txt-box { background-color: rgba(255, 255, 255, .5); } a.banner-txt-box>hover { background-color: rgba(255, 255, 255, .6); } .banner-txt-box h2 { font-size: 45px; font-weight: 300; color: #fff; margin-bottom: .6em; line-height: 1.2em; } .banner-txt-box div.liner { width: 60%; margin: 0em auto 1em; border-bottom: 1px solid #fff; } #content .banner-txt-box p { font-size: 18px; font-weight: 300; color: #fff; line-height: 1.2em; } .banner-box-action { position: relative; bottom: 15px; padding: 1em; font-size: 22px; font-weight: 300; } .banner-box-action img.play-video { margin: 0 auto; border: 2px solid white; border-radius: 50%; height: 56px; } .banner-box-action .btn-banner { background-color: transparent; border-radius: 0px; color: white; } a.banner-txt-box:hover .btn-banner { background-color: rgba(255, 255, 255, .4); color: white; } a:hover .banner-txt-box img.play-video { border-color: #ffc758; background-color: rgba(15, 14, 14, .5); } a:hover .banner-box-action .btn-banner { border-color: #ffc758; background-color: rgba(15, 14, 14, .5); color: white; } @media (min-width:168px) and (max-width:992px) { .txt-banner { height: 360px; margin: 20px 0 15px 0; background-position: top right; } .txt-banner-xl { height: 360px; margin: 20px 0 15px 0; } .txt-banner-md { height: 310px; margin: 20px 0 15px 0; background-position: top right; } .banner-box-action { position: relative !important; margin-top: 1em; } } /* LISTS */ ul.checklist li { list-style: none url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAA1VBMVEUAAADw8/St0ePp6+3o7fC+2ee11ufy8/Lt8PLQ4evo7vHM3ufL4OrZ4ufs7u/z8/Ts7u/K2+S71eKAvt6byN+Jw+Gdy+Kiydw6m86u0ePG2uV7uNnF2+VQpdGRxN+ayuPo7vKnzeHt7u+nz+S+1uPt8PFjrtR5uNnk7O/e5eKPwtn09PQAgMUAgcUAgsYAgcYDg8krlcwekMxEncoNh8gWjcsZj8w/ntBrr9JMncdTpM4wmM0Risliqs+Sw9wlk8w2nM9IoM2Bvd2ozN96t9ifyd3R4elIl9W4AAAALHRSTlMAG+Z2QhW8AzIhDp4Jy2l8mdFtvkukinD7MVn1s+nn/VPxX9HFSNG3i2iXU12SpaIAAACzSURBVBjTrY5FEsJQEEQHDZ7g7g4zP+6Cc/8jUckCSDZseKuZV9XVDX+lUK0uki6Vtu1bNu5KK1eSnExclh0SmVWLuYzFUDTLHADHCzwXudnVQ3Lz4XN8Bo9dVDw1EJVlKbwFX9PvtbBYRtQnxSi0VxG9YA35M4nasAAR3EFHVOajCzHy3xMrWw2ZrBJDdfBZkttIRMREufu9rzhmRKh0IEa/x9BoQ4KWeWpWIEmjnoMfvAAqWxSQkyPSRgAAAABJRU5ErkJggg==); margin-bottom: .3em; } /* TABS */ .nav-tabs-ossur>li { background-color: #f6f6f6; /*border-bottom: 1px solid #ddd; */ margin-right: .5em; margin-bottom: 0px; } .nav-tabs-ossur li.active { background-color: #fff; border-bottom: 1px solid #fff; margin-bottom: -2px; } .nav-tabs-ossur li a { text-decoration: none; } .nav-tabs-ossur li.active:hover a { text-decoration: none; } .tab-content-ossur { border: 1px solid #ddd; padding: 1em 1em; border-top: 1px solid transparent; } /* ==================================================================================================== */ /* ========== Needs to be consolidated: from Main-top-menu.css (containers) ==================================================================================================== */ #mega_menu .row { margin-top: -3em; } #mega_menu { display: block; position: relative; top: 80px; background-color: #ebebeb; box-shadow: inset 0 20px 20px -25px rgba(0, 0, 0, 0.8); } /* .sba-menu-container { background-color: #0082c4; height: 80px; width: 100%; position: fixed; top: 0; left: 0; z-index: 100; }*/ li.hor_top, li.hor_bottom { display: block; float: right; padding: 2px 10px; color: white; font-family: "freight-sans-pro", sans-serif; } li.hor_top { font-size: 14px; float: right; } li.hor_top input { height: 24px; font-size: 14px; border-radius: 4px; box-shadow: inset 0 2px 2px -5px #ddd; display: block; } li.hor_bottom { display: block; padding: 6px 20px; font-size: 18px; float: left; } li.pos5 { border-right: 1px solid #0176b1; border-left: 1px solid #0176b1; height: 40px; } li.pos_4 { /* clear: both;*/ } .navbar-brand img { height: 60px; margin: 12px 10px 0px 0; } /* EXTRA */ li.hor_bottom { border-top: 1px solid #0000FF; display: block; font-size: 125%; font-weight: 600; height: 40px; padding: 0 0 0 0; text-transform: uppercase; margin: none; } li.hor_bottom { /*padding: 11px 29px; */ vertical-align: baseline; background: transparent; } li.hor_top { float: right; font-size: 16px; height: 40px; padding: 10px 10px; } a.hor_bottom { font-size: 20px; } .sba-menu-container { /* box-shadow: 0 -9px 8px -6px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 -7px 9px -6px rgba(0, 0, 0, 0.33) inset; */ -webkit-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8); -moz-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8); box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8); } .middle-nav { -webkit-box-shadow: inset 0 20px 20px -25px rgba(0, 0, 0, 0.8); -moz-box-shadow: inset 0 20px 20px -25px rgba(0, 0, 0, 0.8); box-shadow: inset 0 20px 20px -25px rgba(0, 0, 0, 0.8); margin-top: 0.5em; } .blue { background-color: transparent; } ul#main-mm>li.superpos-2, .pos_5 { background: #0fb1fc; } ul#main-mm>li.superpos-3, .pos_4 { background-image: -webkit-gradient(linear, right bottom, right bottom, color-stop(0, #0FB1FC), color-stop(1, #0082C4));/* 0083C4 */ background-image: -o-linear-gradient(right, #0FB1FC 20%, #0082C4 80%); background-image: -moz-linear-gradient(right, #0FB1FC 20%, #0082C4 80%); background-image: -webkit-linear-gradient(right, #0FB1FC 20%, #0082C4 80%); background-image: -ms-linear-gradient(right, #0FB1FC 20%, #0082C4 80%); background-image: linear-gradient(to right, #0FB1FC 20%, #0082C4 80%); } ul#main-mm>li.superpos-1, .pos_6 { background-image: -webkit-gradient(linear, left bottom, left bottom, color-stop(0, #0FB1FC), color-stop(1, #0082C4)); background-image: -o-linear-gradient(left bottom, #0FB1FC 0%, #0083C4 100%); background-image: -moz-linear-gradient(left bottom, #0FB1FC 0%, #0083C4 100%); background-image: -webkit-linear-gradient(left bottom, #0FB1FC 0%, #0083C4 100%); background-image: -ms-linear-gradient(left bottom, #0FB1FC 0%, #0083C4 100%); background-image: linear-gradient(to left bottom, #0FB1FC 0%, #0083C4 100%); } ul#main-mm> li { border-top: 1px solid #0078b5;/* font-stretch: condensed; */ text-transform: uppercase; font-weight: normal; padding: .20em .75em; padding: 0 0; margin:; background-color: transparent; border-left: 1px solid #0078b5; vertical-align: baseline; } ul#main-mm> li:first-child { border-left: none; } ul#main-mm> li:last-child { border-right: none; } ul#main-mm> li> a { font-stretch: condensed; text-transform: uppercase; padding: 0.32em 1.1em .5em; letter-spacing: 0.0625em; } /* Original */ ul#main-mm> li.pos_4 > a, ul#main-mm>li.superpos-3 > a { background: rgba(221, 98, 22, 0); background: -moz-linear-gradient(left, rgba(221, 98, 22, 0) 25%, #118ac8 100%); background: -webkit-gradient(linear, left top, left top, color-stop(25%, rgba(221, 98, 22, 0)), color-stop(100%, #118ac8)); background: -webkit-linear-gradient(left, rgba(221, 98, 22, 0) 25%, #118ac8 100%); background: -o-linear-gradient(left, rgba(221, 98, 22, 0) 25%, #118ac8 100%); background: -ms-linear-gradient(left, rgba(221, 98, 22, 0) 25%, #118ac8 100%); background: linear-gradient(to right, #0082C4 25%, #118ac8 100%); border-left: 0; } ul#main-mm> li.pos_5 > a, ul#main-mm>li.superpos-2 > a { background: #118ac8; } ul#main-mm> li.pos_6 > a, ul#main-mm>li.superpos-1 > a { background: rgba(221, 98, 22, 0); background: -moz-linear-gradient(left, #118ac8 25%, rgba(221, 98, 22, 0) 100%); background: -webkit-gradient(linear, left top, left top, color-stop(25%, #118ac8), color-stop(100%, rgba(221, 98, 22, 0))); background: -webkit-linear-gradient(left, #118ac8 25%, rgba(221, 98, 22, 0) 100%); background: -o-linear-gradient(left, #118ac8 25%, rgba(221, 98, 22, 0) 100%); background: -ms-linear-gradient(left, #118ac8 25%, rgba(221, 98, 22, 0) 100%); background: linear-gradient(to right, #118ac8 25%, #0082C4 100%); border-left: 0; } ul#main-mm> li.hor_bottom > a:hover { background: #40a1d3; /*border: 1px solid #63b0d7; padding-bottom: .4em;*/ /*box-shadow: inset 0 20px 20px -25px rgba(0,0,0,0.8); +/} */ } /* ul#second-mm> li.hor_top > a:hover {background: red;} ul#main-mm> li.hor_top:hover > a {background: blue;} */ ul#second-mm> li.hor_top:hover { background: transparent; } ul#second-mm> li.hor_top a:hover { color: #ffc758; } ul#second-mm> li.hor_top a { text-transform: uppercase; } ul#second-mm> li.search { display: none; } @media screen and (min-width:990px) and (max-width:1200px) { ul#main-mm> li> a { padding: 0.5em 1em .5em; } } @media screen and (min-width:768px) and (max-width:990px) { ul#main-mm> li> a { padding: 0.5em .5em .5em; letter-spacing: 0; } .navbar-brand img { height: 30px; margin: 38px 10px 0px 0; } } /* * * * * MEGA * * * */ .navbar-ex1-collapse .nav > li.hor_bottom > div > a { font-size: 1em !important; } .mega-container { background: #fff; border: 1px solid #d5d5d5; padding-top: 1em; border-radius: 0 0 3px 3px; } .nav > li.hor_bottom > div#mega { overflow: visible; width: 100%; float: left; position: fixed; top: 80px; left: 0px; font-size: 70%; font-weight: normal; font-family: arial; -webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; -o-transition: all .3s ease .15s; -ms-transition: all .3s ease .15s; transition: all .3s ease .15s; opacity: 0; overflow: visible; display: none; } .nav > li.hor_bottom:hover > div#mega { opacity: 1; display: block; visibility: visible; overflow: visible; } /* hover */ ul#main-mm > li:hover > a > span.section { color: white !important; /* text-shadow: 0px 1px #f9f9f9;*/ } /* active */ ul#main-mm > li.active > { color: #ffc84c !important; } ul#main-mm > li.active > a { /* background: linear-gradient(to top, #f9d480 25%, #ffc84c 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) ; color: #666 !important;*/ /*background: #40a1d3;*/ } /* extra twist for Gerður */ ul#main-mm > li.active > a > span.section { background: none repeat scroll 0 0 none; border-bottom: 1px solid white;/* padding-bottom: .2em; padding: 0.5em 0em 0.1em; margin: 0 1.5em; */ } .caret { border-left: 2px; border-right: 2px; } /* main relevance position for the mega-menu */ .yammer-position { display: block; top: 2px; position: relative; right: inherit; } .yamm-drop { width: 85%; } @media screen and (min-width:768px) and (max-width:1200px) { .yammer-position { top: -2px; } ul#main-mm > li > a { padding: .5em 0.3em; letter-spacing: 0; } .yamm-drop { width: 95%; } } @media screen and (min-width:308px) and (max-width:767px) { .yammer-position { top: -28px; } ul#main-mm > li > a { padding: .5em 0.3em; letter-spacing: 0; } .yamm-drop { width: 120%; } } @media screen and (max-width:768px) { .navbar-default .navbar-collapse, .navbar-default .navbar-form { background-color: #e9e9e9; color: #ddd; } li.hor_top .mobile-search input { height: 38px; } .mobile-navigation .category { width: 190px; } .mobile-navigation > li > a { width: 100px; } } html { height: 100%; } body { height: 100%; overflow-y: scroll; } #st-container { overflow: hidden; } /*special styles for pages with text overlay and background with opacity on banners without links*/ @media screen and (max-width:480px) { .top_level_pages_description_content h1 { font-size: 25px !important; } .top_level_pages_description_content p { font-size: 14px !important; } } .section-banner { position: relative; width: 100%; margin-top: 15px; margin-bottom: 15px; margin-left: 0; } .section-banner .text-canvas { padding: 3px 40px; margin: 0px; position: absolute; bottom: 0; max-height: 100%; width: 100%; background-color: #fff; color: white; opacity: 0.9; } .section-banner .text-canvas h1 { color: #0082c4; font-size: 40px; font-weight: 400; } .section-banner .text-canvas p { color: #404040!important; font-size: 20px; font-weight: 400; } @media screen and (max-width:560px) and (min-width:308px) { .section-banner { /* position: relative; */ width: 110%; margin-top: 0px; margin-bottom: 15px; margin-left: -5%; } .section-banner .text-canvas { padding: 0px 20px; } .section-banner .text-canvas h1 { font-size: 30px; } .section-banner .text-canvas p { font-size: 18px; } .section-banner img-responsive { max-width: 130%; } } /* PLAY for Canada */ .en-ca .section-banner { position: relative; width: 100%; margin-top: 15px; margin-bottom: 15px; } .en-ca .section-banner .text-canvas { position: absolute; bottom: 0; max-height: 100%; width: 100%; background-color: #fff; color: white; opacity: 0.8; } .en-ca .section-banner .text-canvas { padding: 0em 2em 0.1em; margin: 0em; } .en-ca .section-banner .text-canvas h1 { color: #333; font-size: 2.4em; font-weight: 400; margin-bottom: .05em; } .en-ca .section-banner .text-canvas p { color: #000; font-size: 1.6em; font-weight: 300; } .en-ca h2 { font-weight: 300; } h2.sub-title { margin-top: -.2em; font-weight: 300; margin-bottom: .7em; font-size: 1.4em; } /* PC hack */ body.en-us li.item-1829 { display: none !important; } .ops-panel-grey{ background-color: #f5f5f5; } /* Top-navigation cleanup */ .sba-menu-container .container .navbar-fixed-top {background-color: none!important;} .sba-menu-container .container .navbar-fixed-top a.navbar-brand {padding: 0px 0px;} /* ============================================================================= ============================================================================== AFTER CLEANUP ============================================================================= ============================================================================== */ .btn-primary{ border-bottom:2px solid #00689E!important; }