html, body { font-size: 16px; }

html, body, h1, h2, h3, h4, h5, h6 {
	font-family: 'Slate W02', 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif
}

p {	font-family: 'Slate W02 Light', 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:105%; }

h1, h2, h3, h4, h5, h6 {
  font-weight:500;
  color:#23282d;
  }

html, body, p {
	font-weight: 300;
}

h1 {
	font-weight: 400;
}

h2, h3 {
	font-weight: 300;
}

h4, h5, h6 {
	font-weight: 400;
}

h4 { color: white !important; background-color: #0081D5 !important; padding: 5px; } 

h1.product_title,
.related.products h2,
h3 {
	color: #1584c0;
}


h1.product_title {
	line-height: 3rem;
}

.related.products h2 {
	font-size: 1.7rem;
}



.woocommerce ul.products {
	border-bottom: 1px solid #808080;
}

#content .row,
#archive-wrapper {
	max-width: 90%;
    margin: 0 auto;
	margin-left: 5%;
}

@media screen and (min-width: 64em) {
	.prodRight.large-8.columns {
		width: 66.66667% !important;
	}
}

.footer {
	border-top:1px solid #ebebeb;
	margin-top:0;
	padding-top:.75rem;
	}
	
.footer p {
	font-size:1em;
}

.page-id-128 .footer {
	border: none;
}

.off-canvas-content {
	box-shadow: none;
}

/*------- Common Colors  ---------*/

.color1 {color:#1584c0;}  /* Darker Blue */
.color2bg {background:#1584c0;}  /* Darker Blue */

.color2 {color:#00aeef;} /* Lighter Blue */
.color2bg {background:#00aeef;} /* Lighter Blue */

x.utilBar {
	padding:.75em 1em 0 1em;
	border-bottom:1px solid #ebebeb;
	margin-bottom:2em;
}

.utilBar {
	padding:0 1rem;
	border-bottom:1px solid #ebebeb;
	margin-bottom:1rem;
	background-color: white;
}

.noLoginRequired .utilBar { padding-top:.5rem; padding-bottom: 1rem; }

.noLoginRequired #content {
	display: block;
}

.mainToggle { 
	float:left; 
	margin:.85em 2em 0 0;
}

.acctBox {
	float:right;
	padding:1em 0 0 0;
}

.acctBox p {
	font-size:1rem;
	font-weight:500;
	font-family: 'Slate W02', 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif
}

.logo {
	width:20em;
	float:left;
}

.logo img {
    margin: .4em .5em 0 .5em;
    float: left;
    font-weight: 600;
    vertical-align: middle;
	cursor: pointer;
}

.logo p {
    font-size: 1.08em;
    color: #262626;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    padding-top: 2px;
}

.search-icon {
	margin-right: 1em;
}

#content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
	display: flex;	
	/* align-items: stretch; */
}

.no-flexbox #content {
	display: table;
}

.no-flexbox #menu-content {
	vertical-align: top;
	min-width: 15em;
}

.no-flexbox #menu-content,
.no-flexbox #inner-content {
	display: table-cell;
}

.no-flexbox .pushNavIsClosed #menu-content {
	display: none;
}

.no-flexbox .noLoginRequired #content,
.no-flexbox .noLoginRequired #menu-content,
.no-flexbox .noLoginRequired #inner-content {
	display: block;
} 

#inner-content .article-header {
	padding-top: 5em;
}

.noLoginRequired #inner-content {
    margin: 0 auto;
}

body.page-id-128 {
	background: url('/wp-content/themes/zbcl/img/header_splash2.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

body.page-id-128 .off-canvas-content {
	background: transparent;
}

.noLoginRequired #content .row {	
	max-width: 75%;
}


.homeProd {
	margin-left: 1rem;
	width: 80%;
    margin: 0 auto;
    border-bottom: 1px solid #808080;
    padding: 2.5rem 1.5rem 0 1.5rem;
}

.page-id-2 .article-header { display: none; }

/***
 *                                                                 $$\              $$\           
 *                                                                 $$ |             $$ |          
 *    $$$$$$\$$$$\   $$$$$$\  $$$$$$$\  $$\   $$\        $$$$$$$\$$$$$$\  $$\   $$\ $$ | $$$$$$\  
 *    $$  _$$  _$$\ $$  __$$\ $$  __$$\ $$ |  $$ |      $$  _____\_$$  _| $$ |  $$ |$$ |$$  __$$\ 
 *    $$ / $$ / $$ |$$$$$$$$ |$$ |  $$ |$$ |  $$ |      \$$$$$$\   $$ |   $$ |  $$ |$$ |$$$$$$$$ |
 *    $$ | $$ | $$ |$$   ____|$$ |  $$ |$$ |  $$ |       \____$$\  $$ |$$\$$ |  $$ |$$ |$$   ____|
 *    $$ | $$ | $$ |\$$$$$$$\ $$ |  $$ |\$$$$$$  |      $$$$$$$  | \$$$$  \$$$$$$$ |$$ |\$$$$$$$\ 
 *    \__| \__| \__| \_______|\__|  \__| \______/       \_______/   \____/ \____$$ |\__| \_______|
 *                                                                        $$\   $$ |              
 *                                                                        \$$$$$$  |              
 *                                                                         \______/               
 */

/* .menu>li {  display: block; } */

#menu-footer a {
	padding-top:.25rem;
}

.menu-content {
	font-size:105%;
}
 
.menu-content li {
	 display: block;
}

/***
businessunit_ico.png
clfaqs_ico.png
home_ico.png
menu_ico.png
products_ico.png
profile_ico.png
search_ico.png
support_ico.png
***/

.menu-content li.menu-ico a {
	display: block;
	padding-left: 50px;
	background-position: 12px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
}

.menu-content li.home-ico a {
	background-image: url( 'img/home_ico.png' );
}

.menu-content li.clfaqs-ico a {
	background-image: url( 'img/clfaqs_ico.png' );
}

.menu-content li.support-ico a {
	background-image: url( 'img/support_ico.png' );
}

.menu-content li.businessunit-ico > a {
	background-image: url( 'img/businessunit_ico.png' );
}

.menu-content li.products-ico > a {
	background-image: url( 'img/products_ico.png' );
}
 
/* width is set in anim below */
.menu-content  { 
	background-color: #046FB7; 
	color: white;
}	

.menu-content ul {
	list-style-type: none;
	margin-left: 0;
}

.menu-content ul.zb-menu {
	margin-bottom: 0;
}

.menu-content li a {
	margin-top:0;
	padding: 1em .8em 1em 3em;
	color: white;
	display: block;
	font-size:1em;
}

.menu-content .zb-menu li.back-title > a {
	padding-left: 1.8em;
	background-color:#06497C;
}

.menu-content li .zb-submenu {
	background-color:#0F83D2;
	border:none;
}

.menu-content li .zb-submenu li {
	font-size: 0.9em;
	display: block;
}

.menu-content li .zb-submenu li a {
	padding-left:4em;
}

.menu-content li .zb-submenu li a:hover {
	/*background-color:#0f7ac3;*/
	background-color:#0F83D2;
}

.menu-content .zb-menu > li > a {
	display: block;
	/*background-color: #046FB7; 	*/
	background-color: transparent; 	
	line-height: 1.4em;
}

.menu-content .zb-menu > li > a:hover,
.menu-content li a:hover {
	background-color:#0F83D2;
}

#top-menu .current-menu-item, 
#top-menu .zb-menu .current-menu-item {
	background-color: #046FB7;
}

.zb-submenu-selected,
.menu-content .isOpen li a.zb-submenu-selected:hover {
	background-color:#0F83D2;
}

.menu-content .zb-menu a.zb-expander-selected {
	/*background-color: #0F83D2;*/
	background-color: #046FB7;
}

.subOpen:hover {
	background-color: #0F83D2;
}

.arrow-right img {
    float: right;
	margin-right: .6em;
	margin-top: .5em;
}
.arrow-right img,
.arrow-left img,
.arrow-down img {
    width: .8rem;
}

.menu-content li.subOpen > a,
.menu-content li.subClosed > a {
	background-repeat: no-repeat;
    background-position: 94%;
	background-size: 5%;
}

#menu-content .subOpen > a {
	background-image: url( 'img/arrow-up_ico.png' );
}

.menu-content .zb-menu .subClosed a.defaultBlue {
	background-color: #046FB7;
}

.menu-content .zb-menu .subOpen > a {
	background-color: #0F83D2;
}

#menu-content .subClosed > a {
	background-image: url( 'img/arrow-down_ico.png' );
}

#menu-content-mobile .pushNav {
	position: inherit;
	border-left: none;
	display: none;
}

.submenuExpander {
	padding: .5rem 1rem;
    background: #0576c1;
}

.menu-content .zb-menu li a.highlightBlue {
	background: #0F83D2;
}

#menu-content .menu > li:not(.menu-text) > a {
    padding: 1em .5em 1em 3em;
}

#PROD-healthcare-professional-seminars { display: none; }
#PROD-customer-service-requests { display: none; }
#PROD-internal-promotions, .showForInternalPromotions { display: none; }
#PROD-bone-models, .showForBoneModels { display: none; }
#PROD-zimmer-biomet-store, .showForStore { display: none; } 
#PROD-offline, .showForOffline { display: none; } 

/***
 *                                                                          $$\               
 *                                                                          \__|              
 *    $$$$$$\$$$$\   $$$$$$\  $$$$$$$\  $$\   $$\        $$$$$$\  $$$$$$$\  $$\ $$$$$$\$$$$\  
 *    $$  _$$  _$$\ $$  __$$\ $$  __$$\ $$ |  $$ |       \____$$\ $$  __$$\ $$ |$$  _$$  _$$\ 
 *    $$ / $$ / $$ |$$$$$$$$ |$$ |  $$ |$$ |  $$ |       $$$$$$$ |$$ |  $$ |$$ |$$ / $$ / $$ |
 *    $$ | $$ | $$ |$$   ____|$$ |  $$ |$$ |  $$ |      $$  __$$ |$$ |  $$ |$$ |$$ | $$ | $$ |
 *    $$ | $$ | $$ |\$$$$$$$\ $$ |  $$ |\$$$$$$  |      \$$$$$$$ |$$ |  $$ |$$ |$$ | $$ | $$ |
 *    \__| \__| \__| \_______|\__|  \__| \______/        \_______|\__|  \__|\__|\__| \__| \__|
 *                                                                                            
 */

 
.menu-content  { 
	width: 15em;
	background-color: #046FB7; 
	color: white;
	min-height: 1024px; 
	-webkit-transition: ease-in-out 0.6s;
	transition: ease-in-out 0.6s;
    position: relative;
    overflow: hidden;
}	

 
.pushNavIsClosed .menu-content
{
	 width: 0em;
	 overflow: hidden;
	 white-space: nowrap;
}

.pushNav {
	width: 15em;
	right: -15em;
	z-index: 100;
	position: absolute;
	top: 0;
	-webkit-transition: ease-in-out 0.6s;
	transition: ease-in-out 0.6s;
	background-color: #046FB7; 
	border-left: 2px solid white;
 }
 
/* .pushNavIsOpen {
	overflow: hidden;
	height: 100%;
}
*/
#menu-content .pushNav.isOpen {
	right: 0;
	border-left: 0px solid white;
}

.menu-content .zb-submenu {
	display: none;
}

/***
 *                                                                                         /$$ /$$      
 *                                                                                        | $$| $$      
 *     /$$$$$$/$$$$   /$$$$$$  /$$$$$$$  /$$   /$$        /$$$$$$$ /$$$$$$/$$$$   /$$$$$$ | $$| $$      
 *    | $$_  $$_  $$ /$$__  $$| $$__  $$| $$  | $$       /$$_____/| $$_  $$_  $$ |____  $$| $$| $$      
 *    | $$ \ $$ \ $$| $$$$$$$$| $$  \ $$| $$  | $$      |  $$$$$$ | $$ \ $$ \ $$  /$$$$$$$| $$| $$      
 *    | $$ | $$ | $$| $$_____/| $$  | $$| $$  | $$       \____  $$| $$ | $$ | $$ /$$__  $$| $$| $$      
 *    | $$ | $$ | $$|  $$$$$$$| $$  | $$|  $$$$$$/       /$$$$$$$/| $$ | $$ | $$|  $$$$$$$| $$| $$      
 *    |__/ |__/ |__/ \_______/|__/  |__/ \______/       |_______/ |__/ |__/ |__/ \_______/|__/|__/      
 *                                                                                                      
 *                                                                                                      
 *                                                                                                      
 */
 
@media screen and (max-width: 39.9375em) {
	.mainToggle {
		width: 100%;
	}
	
	#menu-content-mobile {
		display: none;
		min-height: auto;
		height: 66%;
		overflow-y: scroll;
	}
	
	#menu-content-mobile, 
	#menu-content-mobile .pushNav {
	    width: 100%;
	}
	
	#menu-content-mobile ul {
		margin-bottom: 0;
	}
	
	#menu-content-mobile .pushNav.isOpen {
		display: block;
	}
	
	#mainNavToggleMobile {
		background-color: #06497C;
		text-align: center;
		padding: .5rem;
		font-size: 1.5rem;
		margin: 0;		
		color: #fff;
		padding-top: .7rem;
	}
	
	#mainNavToggleMobile img {
	    margin-right: .5rem;
		margin-top: -.3rem;
	}
	
	.menu-content .zb-menu > li > a:hover, .menu-content li a:hover {
		background-color: #046FB7;
	}
	
	.menu-content .zb-menu > li.zbMenuHasChildren.subOpen > a:hover {
		background-color: #0F83D2;
	}
	
}

/***
 *    $$\                                         
 *    \__|                                        
 *    $$\ $$$$$$$\  $$$$$$$\   $$$$$$\   $$$$$$\  
 *    $$ |$$  __$$\ $$  __$$\ $$  __$$\ $$  __$$\ 
 *    $$ |$$ |  $$ |$$ |  $$ |$$$$$$$$ |$$ |  \__|
 *    $$ |$$ |  $$ |$$ |  $$ |$$   ____|$$ |      
 *    $$ |$$ |  $$ |$$ |  $$ |\$$$$$$$\ $$ |      
 *    \__|\__|  \__|\__|  \__| \_______|\__|      
 *                                                
 */

#content #inner-content {
  -webkit-box-flex: 1;
  -moz-box-flex:  1;
  flex:  1;
  padding-top:0;
}

body.woocommerce-checkout .off-canvas-wrapper {
	overflow-y: hidden;
}

body.archive .off-canvas-wrapper {
	overflow-x: inherit;
}

.noLoginRequired .off-canvas-wrapper {
	overflow-x: hidden;
}

.noLoginRequired #cat-header {
	margin-right: 0;
}


#main.columns,
.myAccountPg .myAccountPgSubtitle {
	padding-left: 2em;
	padding-right: 2em;
}

.myAccountPg .article-header { display: none; }

.myAccountPg #cat-header {
 margin-bottom: 2rem;
}


.woocommerce #respond input#submit, 
.woocommerce #content a.button, 
.woocommerce-cart #content a.button, 
.woocommerce-checkout #content a.button, 
.woocommerce #content  button.button, 
.woocommerce #content  button.button.alt, 
.woocommerce #content input.button,
#content .search input.button,
#content.seminar-page input.button,
#content.seminar-page button.button,
#content .seminar-details a.button,
#content.seminar-page a.button,
a.button {
    font-size: .8em;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
	text-transform:uppercase;
    overflow: visible;
    padding: 1em 2em;
    font-weight: 500;
    border-radius: 6px;
    left: auto;
    color: #23282d;
    background-color: transparent;
    border: 1px solid #23282d;
    white-space: nowrap;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
#content.seminar-page input.button.alt,
#content.seminar-page a.button.alt,
#content .seminar-details a.button.alt,
#content.seminar-page button.button.alt {
    font-size: .8em;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
	text-transform:uppercase;
    overflow: visible;
    padding: 1em 2em;
    font-weight: 500;
    border-radius: 6px;
    left: auto;
    color: #23282d;
    background-color: transparent;
    border: 1px solid #23282d;
    white-space: nowrap;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
}

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover
 {
    background-color: #e0e0e0;
    color: #23282d;
}

.woocommerce #respond input#submit:hover, 
.woocommerce #content ia.button:hover, 
.woocommerce #content ibutton.button:hover, 
.woocommerce #content iinput.button:hover,
.woocommerce #content  button.button.alt:hover,
a.button:hover, a.button:active {
	background-color: #e0e0e0;
}

/* .woocommerce #tax-header .woocommerce-breadcrumb,
.woocommerce #tax-header .woocommerce-breadcrumb a {
	color: white;
} */

.woocommerce form .form-row input.required,
.woocommerce form .form-row select.required {
    color: #0a0a0a;
    font-weight: normal;
	border: 1px solid #cacaca;
}

.woocommerce form .form-row input.error,
.woocommerce form .form-row select.error {
	border: 1px solid #c30000;
    background-color: #F4EFEB;
}

.woocommerce .woocommerce-message {
    border-top-color: #06497C;
}

#loginTop {
	margin-bottom: 5rem;
	margin-top: 4rem;
}

#loginTop h4 {
	margin-bottom: 2rem;
}

#loginLeft p:first-child {
	margin-top: 1.4rem;
}

#loginRight h5 {
	font-size: 1rem;
	font-weight: bold;
}

.woocommerce form.register {
    margin-top: 1em;
}

/***
 *                      $$\                                                      $$$$$$$\            
 *                      $$ |                                                     $$  __$$\           
 *     $$$$$$$\$$$$$$\$$$$$$\   $$$$$$\   $$$$$$\   $$$$$$\   $$$$$$\  $$\   $$\ $$ |  $$ | $$$$$$\  
 *    $$  _____\____$$\_$$  _| $$  __$$\ $$  __$$\ $$  __$$\ $$  __$$\ $$ |  $$ |$$$$$$$  |$$  __$$\ 
 *    $$ /     $$$$$$$ |$$ |   $$$$$$$$ |$$ /  $$ |$$ /  $$ |$$ |  \__|$$ |  $$ |$$  ____/ $$ /  $$ |
 *    $$ |    $$  __$$ |$$ |$$\$$   ____|$$ |  $$ |$$ |  $$ |$$ |      $$ |  $$ |$$ |      $$ |  $$ |
 *    \$$$$$$$\$$$$$$$ |\$$$$  \$$$$$$$\ \$$$$$$$ |\$$$$$$  |$$ |      \$$$$$$$ |$$ |      \$$$$$$$ |
 *     \_______\_______| \____/ \_______| \____$$ | \______/ \__|       \____$$ |\__|       \____$$ |
 *                                       $$\   $$ |                    $$\   $$ |          $$\   $$ |
 *                                       \$$$$$$  |                    \$$$$$$  |          \$$$$$$  |
 *                                        \______/                      \______/            \______/ 
 */

#cat-header {   
	background-repeat: no-repeat;
	background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	padding: 0;
	margin-top:-1em;
	margin-left: -2em;
	margin-right: -2em;
	/* color: white !important; */
}

#cat-header.cat {
	min-height: 300px;
}

#cat-header.tag #cat-overlay {
	background-color: transparent;
	min-height: 200px;
}

#cat-header.tag {
	min-height: 200px;
	background-color: #f4f4f4;
}

#cat-overlay { 
	margin: 0; 
	padding: 4em 2em 3em 2em; 
	background-color: rgba( 255,255,255,0.7);
}

#cat-header .cat-title,
.cat-title {   
	text-align: center;
	font-weight: 300;
	text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.75), -1px -1px 4px rgba(255, 255, 255, 0.75);
}

.glowing {
	text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.75), -1px -1px 4px rgba(255, 255, 255, 0.75);
}

.tag-line {
	text-align: center;
	margin-top: 0;
	text-shadow: 2px 2px 6px #fff, -2px -2px 6px #fff;
	font-weight:500;
}

.cat-panel {
	/* border: 1px solid silver;
	border-top-style: none; */
	padding: 1em 0;
	margin: 0 -2em;
}

.subdescription {
	margin-left: 0;
	margin-right: 0;
	margin-top: -1rem;
	padding-top: 0;
}

#product-list {
	margin-top: 2em;
    margin-left: -1.5em;
    margin-right: -2em;
}

/** magellan **/
.subcat-menu a {
	border: 1px solid #046FB7;
	background-color: white;
	border-radius: 8px;
	margin-left: 1.5rem;
	font-size: 0.8rem;
}

.subcat-menu a.active {
	background-color: #046FB7;
	color: white;
}

.subcat-menu {
	margin-top: 1rem;
	margin-bottom: 1rem;
	margin-left:-2rem;
}

.faq-trigger, .expand-trigger {
	cursor: pointer;
	color: #1584c0;
}

.faq-close, .expand-close {
	margin-top: -1em;
}
.faq-question {
	color: #06497C;
	font-weight: 500;
	border-bottom: 1px solid silver;
	padding: 1em 1em 0;
}

.faq-answer {
	border-left: 1px solid silver;	
	padding: 1em 1em 0;
}
.subdescription #faq-trigger { font-size: 1.25rem }

.subdescription .cat-faqs { padding-top: 0; padding-bottom:0; padding-left: 2rem; }
.subdescription .cat-form { padding-left: 2rem; }

.woocommerce .woocommerce-breadcrumb {
    margin: 1em -2rem;
}

.woocommerce .woocommerce-breadcrumb a {
    color:#1585cf;
}

section.empty {border-bottom:1px solid #808080; padding-bottom:2rem;}

/***
 *                                        $$\           
 *                                        $$ |          
 *     $$$$$$\   $$$$$$\   $$$$$$\   $$$$$$$ | $$$$$$$\ 
 *    $$  __$$\ $$  __$$\ $$  __$$\ $$  __$$ |$$  _____|
 *    $$ /  $$ |$$ |  \__|$$ /  $$ |$$ /  $$ |\$$$$$$\  
 *    $$ |  $$ |$$ |      $$ |  $$ |$$ |  $$ | \____$$\ 
 *    $$$$$$$  |$$ |      \$$$$$$  |\$$$$$$$ |$$$$$$$  |
 *    $$  ____/ \__|       \______/  \_______|\_______/ 
 *    $$ |                                              
 *    $$ |                                              
 *    \__|                                              
 */
 
body.single-product .utilBar {
	margin-bottom: 0;
}

body.single-product .woocommerce-breadcrumb {
    margin-bottom: 2.5em;
}
 
 /*** Category/Related/Search Thumbnail display ***/
 
 .woocommerce #main ul.products li.product h3,
.woocommerce-page #main ul.products li.product h3 {
	text-align: center;
}
 
 
.woocommerce #main ul.products li.product, 
.woocommerce-page #main ul.products li.product {
	width: 14rem;
	min-height: 13.5rem;
	margin: 0 1.5rem 2rem 1.5rem; 
	float: left;
	display: block;
 }

.woocommerce #main ul.products li.product.first, 
.woocommerce-page #main ul.products li.product.first {
	clear: none;
	margin: 0 1.5rem 2rem 1.5rem; 
}

.woocommerce #main ul.products li.last, 
.woocommerce-page #main ul.products li.last {
	margin: 0 1.5rem 2rem 1.5rem; 
}


.woocommerce #main ul.products li.product .prod-image {
	height: 14.875rem;
    overflow: hidden;
	/* border: 1px solid #eeeeee; */
}

.woocommerce #main ul.products li.product a img {
	width: auto;
    height: auto;
    margin: 0 auto;
	/* border: 1px solid #dddddd; */
}

.woocommerce #main ul.products li.product a.button {
	display: block;
}


.woocommerce #main ul.products li.product h3 {
    height: 3em;
    /* overflow: hidden; */ /* Ric 6/8/16 */
	margin-bottom: 1em;
    line-height: 1.2;
}

.woocommerce #main ul.products li.product h3 small {
	color: #808080;
	font-size: 0.75em;
	font-style: italic;
	white-space: nowrap;
	/*letter-spacing: -.02em;*/
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.2;
}

.woocommerce #main h3.cat-name {
	margin-top:2rem;
	margin-left: 0;
	margin-bottom: 1rem;
}

/*** Actual product Display ***/

.woocommerce #content #main div.product div.images,
.woocommerce #main div.product div.images, 
.woocommerce-page #content #main div.product div.images,
.woocommerce-page #main div.product div.images {
	margin: 0 auto;
    float: none;
	width: auto;
}

.woocommerce #content #main div.product div.images img,
.woocommerce #main div.product div.images img, 
.woocommerce-page #content #main div.product div.images img,
.woocommerce-page #main div.product div.images img {
	width: auto;
	margin: 0 auto;
}
.woocommerce #content #main  div.product div.summary,
.woocommerce  #main div.product div.summary,
.woocommerce-page #content #main  div.product div.summary,
.woocommerce-page  #main div.product div.summary {
    float: left;
	padding: 0 2em 2em;
}

.woocommerce #content .product-extra {
	margin-top: 2em;
	padding-top: 2em;
	/* border-top: 1px solid silver; */ /* Turn on for Related items */
}

.woocommerce-page  #main div.product .meta_field { display: block;  }

/*.woocommerce-page  #main div.product .download-link { padding-top: 2em; }	*/

.woocommerce-page  #main div.product h3.addon-name { font-size: 1rem; }


.summary form.cart {
	float: left;
	margin-right: 1em;
}

#product_download {
	float: left;
}

#product_download label {
	margin-top: 1em;
}


#cat-overlay-img {
	margin-left: -2rem;
	margin-top: -2rem;
}

.page-template-basic_page #cat-overlay-img,
.page-template-card_spreadsheet_page #cat-overlay-img,
.myAccountPg #cat-overlay-img,
.woocommerce-cart #cat-overlay-img,
.woocommerce-checkout #cat-overlay-img {
	margin-left: 0;
}

.woocommerce .pswp__bg {
	opacity: 0.7 !important;
}

.woocommerce div.product .stock.out-of-stock,
.woocommerce div.product .stock.available-on-backorder {
    color: red;
	font-weight: bold;
	font-size: 1.125em;
}



/*

##     ##  #######  ########     ###    ##               ########     ###    ##    ## ##    ## ######## ########
###   ### ##     ## ##     ##   ## ##   ##               ##     ##   ## ##   ###   ## ###   ## ##       ##     ##
#### #### ##     ## ##     ##  ##   ##  ##               ##     ##  ##   ##  ####  ## ####  ## ##       ##     ##
## ### ## ##     ## ##     ## ##     ## ##       ####### ########  ##     ## ## ## ## ## ## ## ######   ########
##     ## ##     ## ##     ## ######### ##               ##     ## ######### ##  #### ##  #### ##       ##   ##
##     ## ##     ## ##     ## ##     ## ##               ##     ## ##     ## ##   ### ##   ### ##       ##    ##
##     ##  #######  ########  ##     ## ########         ########  ##     ## ##    ## ##    ## ######## ##     ##

*/

.modal-banner
{
	position: absolute;
	top:0;
	left:0;
	right:0;
	background-color: #05287E;
	color: #fff;
	text-align:center;
	padding-top: 1rem;
	padding-bottom: 1.45rem;
	display: none;
}

.modal-banner.show
{
	opacity: 1;
}
.modal-banner__title
{
	display: inline-block;
	font-size: 2em;
	line-height: 1;
}
.modal-banner__btn
{
	display: inline-block;
	padding: .5em 1.5em;
	border: solid #fff .1em;
	border-radius: 1.3em;
}

.modal-banner__btn:hover
{
	cursor: pointer;
}

.modal-banner__btn--bg-green
{
	background-color: #1BAFA1;
}

#modal
{
	max-width: 75em;
	position: absolute;
	z-index: 2;
	background-color: #fff;
	/* background-color: red; */
}
.reveal-modal-bg
{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 1;
	background-color: rgba( 0,0,0,.5);
}
.container
{
	max-width: 75em;
	margin: auto;
}
.slick-slider
{
	max-height: 40em;
}

.block__centered
{
	margin: 1em auto;
	padding: .75em;
	text-align: center;
}

.slide__banner__text
{
	text-align: center;
	color: #fff;
	background-color: #05287E;
	padding: 1em;
}

.slide__nav
{
	background-color: #fff;
}

.slide__btn
{
	background-color: #1BAFA1;
	padding: .5em 1.5em;
	border-radius: 1.2em;
	width: 7em;
	color: #fff;
}

.slide__cover
{
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}


@media screen and (min-width:.01em)
{

	#modal
	{
		top: 2em;
		left: 1em;
		right: 1em;
	}
	.login-content
	{
		margin-top: 13em;
	}

	.modal-banner__title
	{
		margin: 1em auto .5em;
	}

	.modal-banner__btn
	{
		margin: .5em auto 2em;
	}

	.slide__cover
	{
		height: 260px;
	}
	.slide__btn
	{
		margin: .25em .5em;
		font-size: 1.1em;
	}

	.slide__banner__text
	{
		font-size: 1.1em;
	}
}

/* Phone Landcape */
@media screen and (min-width: 568px ) and (orientation: landscape )
{
	#modal
	{
		width: 90vw;
		margin: auto;
	}
	.slide__cover
	{
		height: 165px;
	}

	.slide__banner__text,
	.slide__btn
	{
		font-size: 1.1em;
	}
}

/* iPad */
@media screen and (min-width: 768px ) and (orientation: portrait )
{
	#modal
	{
		width: 90vw;
		margin: auto;
	}
	.slide__cover
	{
		height: 24em;
	}

	.slide__banner__text,
	.slide__btn
	{
		font-size: 1.3em;
	}
}

/* Tablet landscape */
@media screen and (min-width: 1024px ) and (orientation: landscape )
{
	#modal
	{
		width: 90vw;
		margin: auto;
	}
	.slide__cover
	{
		height: 22em;
	}

	.slide__banner__text,
	.slide__btn
	{
		font-size: 1.3em;
	}
}

/*

 */
@media screen and (min-width: 36.875em)
{
	.modal-banner__title
	{
		margin: 1em .5em .5em;
	}

	.modal-banner__btn
	{
		margin: .5em .5em 1em;
	}

	.login-content
	{
		margin-top: 7em;
	}
}

@media screen and (min-width: 39.375em)
{
	#modal
	{
		top: 8em;
		left: 2em;
		right: 2em;
	}

	.login-content
	{
		margin-top: 5em;
	}
}

/***
 *                                   /$$ /$$                                                         /$$                          
 *                                  | $$|__/                                                        | $$                          
 *     /$$$$$$/$$$$   /$$$$$$   /$$$$$$$ /$$ /$$   /$$ /$$$$$$/$$$$         /$$$$$$  /$$$$$$$   /$$$$$$$       /$$   /$$  /$$$$$$ 
 *    | $$_  $$_  $$ /$$__  $$ /$$__  $$| $$| $$  | $$| $$_  $$_  $$       |____  $$| $$__  $$ /$$__  $$      | $$  | $$ /$$__  $$
 *    | $$ \ $$ \ $$| $$$$$$$$| $$  | $$| $$| $$  | $$| $$ \ $$ \ $$        /$$$$$$$| $$  \ $$| $$  | $$      | $$  | $$| $$  \ $$
 *    | $$ | $$ | $$| $$_____/| $$  | $$| $$| $$  | $$| $$ | $$ | $$       /$$__  $$| $$  | $$| $$  | $$      | $$  | $$| $$  | $$
 *    | $$ | $$ | $$|  $$$$$$$|  $$$$$$$| $$|  $$$$$$/| $$ | $$ | $$      |  $$$$$$$| $$  | $$|  $$$$$$$      |  $$$$$$/| $$$$$$$/
 *    |__/ |__/ |__/ \_______/ \_______/|__/ \______/ |__/ |__/ |__/       \_______/|__/  |__/ \_______/       \______/ | $$____/ 
 *                                                                                                                      | $$      
 *                                                                                                                      | $$      
 *                                                                                                                      |__/      
 */
 
@media screen and (min-width: 40em) {
	#cat-overlay .cat-title {
		display: none;
	}	
	
	#cat-overlay { 
		min-height: 300px; 
	}
}

/***
 *                                       /$$ /$$                                                                            
 *                                      | $$| $$                                                                            
 *      /$$$$$$$ /$$$$$$/$$$$   /$$$$$$ | $$| $$        /$$$$$$$  /$$$$$$$  /$$$$$$   /$$$$$$   /$$$$$$  /$$$$$$$   /$$$$$$$
 *     /$$_____/| $$_  $$_  $$ |____  $$| $$| $$       /$$_____/ /$$_____/ /$$__  $$ /$$__  $$ /$$__  $$| $$__  $$ /$$_____/
 *    |  $$$$$$ | $$ \ $$ \ $$  /$$$$$$$| $$| $$      |  $$$$$$ | $$      | $$  \__/| $$$$$$$$| $$$$$$$$| $$  \ $$|  $$$$$$ 
 *     \____  $$| $$ | $$ | $$ /$$__  $$| $$| $$       \____  $$| $$      | $$      | $$_____/| $$_____/| $$  | $$ \____  $$
 *     /$$$$$$$/| $$ | $$ | $$|  $$$$$$$| $$| $$       /$$$$$$$/|  $$$$$$$| $$      |  $$$$$$$|  $$$$$$$| $$  | $$ /$$$$$$$/
 *    |_______/ |__/ |__/ |__/ \_______/|__/|__/      |_______/  \_______/|__/       \_______/ \_______/|__/  |__/|_______/ 
 *                                                                                                                          
 *                                                                                                                          
 *                                                                                                                          
 */
 
@media screen and (max-width: 39.9375em) {
	.logo {	
		width: 100%;
		text-align: center;
	}
	
	.logo img {
		float: none;
	}	
	
	.acctBox {
		left: 50% !important;
		transform: translate(-50%,0) !important;
		-ms-transform: translate(-50%,0) !important; /* IE 9 */
		-webkit-transform: translate(-50%,0) !important; /* Safari */
		position: relative;
		float: left;
	}
	
	#cat-header.tag,
	#cat-overlay,
	#cat-header.tag #cat-overlay	{
	    min-height: auto;
	}
	
	#cat-overlay,
	#cat-header.tag #cat-overlay {
		background-color: #06497C;
		padding: 2em;
	}
	
	#cat-overlay img {
		display: none;
	}
	
	#cat-header .cat-title {
	    text-shadow: none;
		color: #fff;
		margin-bottom: 0;
	}
	
	#cat-header.cat {
		min-height: auto;
	}
	
	.homeProd {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	
	body.archive .off-canvas-wrapper {
		overflow-x: hidden;
	}


	
}

@media screen and (max-width: 790px) {
	.footer .menu > li {
		display: inherit;
		float: left;
		width: 50%;
	}
}






.woocommerce-checkout [type='checkbox'] + label, 
.woocommerce-checkout [type='radio'] + label,
.woocommerce-cart [type='checkbox'] + label, 
.woocommerce-cart [type='radio'] + label {
    margin-left: 1.5rem;
}

.woocommerce-checkout label.checkbox {
    display: inline-block;
}

.iframe-code {
	display: none;
	font-size: 0.875em;
	padding: 1em;
	background-color: #f4f4f4;
	border-radius: 1em;
	font-family: monospace;
}


#content .search.row {
	margin-left: 0;
}

#content .search.row > .search-form-wrapper {
	background-color: #f0f0f0;
	padding: 1em;
	border-radius: 1em;
}

/*.search-result-thumbnail, .search-result-info {
	display: inline-block;
	vertical-align: top;
	margin: 1em;
}*/

.search-result-thumbnail {
	display: block;
	text-align: center;
}

#inner-content .search-result-info .article-header {
	padding: 0;
}

.search-result-info h2 {
	font-size: 1.5em;
	line-height: 1;
}

.search-result h2 small {
	color: #808080;
	font-size: 0.75em;
	font-style: italic;
	white-space: nowrap;
	/*letter-spacing: -.02em;*/
}

.search-result-info h2 a {
	display: block;
}

#content .row.search-result {
	margin: 0;
	padding: 1.5em 0;
	border-bottom: 1px solid #808080;
}


.role-zimmer_biomet_corporate_customer_service #menu-content,
.role-zimmer_biomet_corporate_customer_service #mainNavToggle,
.role-zimmer_biomet_corporate_customer_service .acctBox .search-icon,
.role-zimmer_biomet_corporate_customer_service .acctBox .cart-part,
.role-zimmer_biomet_corporate_customer_service .search-form {
	display: none;
}


.role-zimmer_biomet_corporate_customer_service .acctBox {
	/*visibility: hidden;*/
}



                                   /*\                                        
                                   \__|                                       
  $$$$$$$\  $$$$$$\  $$$$$$\$$$$\  $$\ $$$$$$$\   $$$$$$\   $$$$$$\  $$$$$$$\ 
 $$  _____|$$  __$$\ $$  _$$  _$$\ $$ |$$  __$$\  \____$$\ $$  __$$\$$  _____|
 \$$$$$$\  $$$$$$$$ |$$ / $$ / $$ |$$ |$$ |  $$ | $$$$$$$ |$$ |  \__\$$$$$$\  
  \____$$\ $$   ____|$$ | $$ | $$ |$$ |$$ |  $$ |$$  __$$ |$$ |      \____$$\ 
 $$$$$$$  |\$$$$$$$\ $$ | $$ | $$ |$$ |$$ |  $$ |\$$$$$$$ |$$ |     $$$$$$$  |
 \_______/  \_______|\__| \__| \__|\__|\__|  \__| \_______|\__|     \______*/ 
                                                                            

.seminars-table { 
    border-collapse: collapse;
}

.buttonGroup .button {
	margin-bottom: 1rem !important;
}

.reveal.adPicModal {
	padding-left: 2rem;
	padding-right: 2rem;
}

.fullSizeAdImg,
.reveal.adPicModal {
	width: 900px !important;
}

.fullSizeAdImg {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.reveal.adPicModal .close-button {
	top: 0;
}

.adPicCol {
	margin-bottom: 1rem;
}

#adPicContainer {
    height: 760px;
    overflow-y: scroll;
}

.adPic {
	padding: .1rem;
}

.adPic a {
	display: block;
	margin-bottom: .5rem;
}

.seminar-body{ margin-bottom: 1em; }

#content.seminar-page input.button:hover,
#content.seminar-page button.button:hover,
#content.seminar-page a.button:hover,
#content .seminar-details a.button:hover,
#content .seminar-details input.button.alt,
#content .seminar-details button.button.alt,
#content .seminar-details a.button.alt,
#content.seminar-page input.button.alt,
#content.seminar-page button.button.alt
 {
    background-color: #046FB7;
    color: #ffffff;
}

#content .seminar-details input.button.alt:hover,
#content .seminar-details button.button.alt:hover,
#content.seminar-page input.button.alt:hover,
#content.seminar-page button.button.alt:hover
 {
    background-color: transparent;
    color: #23282d;
}

#content .seminar-details a.button,
#content.seminar-page input { border-radius: 7px }
#content.seminar-page textarea { border-radius: 7px }

.seminarThumb {
	max-height: 150px;
    margin-bottom: 1rem;
	display: block;
}

.notes textarea {
	height: 6rem;
}


#surgeon_bio_text {
	height: 10rem;
}

.notes.red label {
    color: #880000;
    font-weight: bold;
}

.notes.red textarea {
	border: 1px solid #880000;
}

textarea.error,
textarea.error:focus,
input.error,
input.error:focus,
select.error,
select.error:focus,
.hasError {
	border: 1px solid #790000;
    background-color: #F4EFEB;
}

.hasError {
    border-radius: 7px;
}

label.error {
	display: none !important;
}

span.required {
	color: #790000;
}


.woocommerce table.my_account_orders td.seminar-details {
/*	border: 1px solid rgba( 0,0,0,.098 );
	border-radius; 5px; */
	border-width: 0;
	padding: 0;
	display: block-cell;
	background-color: white; 
}
.seminar-details h2 { font-size: 2em; margin-bottom: 0;}
.seminar-details h3 { font-size: 1.75em; }
.seminar-details h4 { 
	font-size: 1.5em;
	padding: .25em 1em;
	border-radius: 7px;
	background-color: rgba(0, 129, 213, 0.72) !important;
	margin: 1em 15px 0.5em 15px;
}
.seminar-details dl h4 { 
	margin: 1em 0 0.5em 0;
}

.seminar-details dl { width: 48%; float: left; margin: 0 8px; }
.seminar-details dt,
.seminar-details dd {
	width: 30%;
	float: left;
	margin-bottom: 0;
	text-align: left;
	padding: 4px;
	min-height: 1em;
}
.seminar-details dt {
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	width: 20%;
}
.seminar-details dl.super.wide { width: 75%; }
.seminar-details dl.wide dd { width: 71%; }
.seminar-details dl.wide dt { width: 28%; }

.seminar-details .ad-file-upload {
	height: 200px;
	border: 1px solid #666666;
	border-radius: 7px;
	width: 20%;
	margin: 15px;
	text-align: center;
}
.woocommerce .seminar-details .seminar-body { 
	padding: 15px 15px; 
	border-top: 1px solid rgba( 0,0,0,.098 );
	display: none;
} 

/* WOOCOMMERCE PAGINATION */

.woocommerce-pagination, #PROD-uncategorized {
	display: none !important;
}