<style type="text/css">
/*Font family*/
p.narrow, h1.narrow, h2.narrow, h3.narrow, h4.narrow, h5.narrow, h6.narrow, ul.narrow {
font-family: ff-good-web-pro-condensed, 'Arial Narrow', sans-serif;
overflow-wrap: break-word;
}
p, h1, h2, h3, h4, h5, h6, ul {
font-family: ff-good-web-pro, 'Arial Narrow', sans-serif;
overflow-wrap: break-word;
}
p {
font-size: 16px;
font-style: normal;
}
p.s {
font-size: 14px;
font-style: normal;
}
p.xs {
font-size: 12px;
font-style: normal;
}
p.xxs {
font-size: 10px;
font-style: normal;
}
p.l {
font-size: 18px;
font-style: normal;
}
p.xl {
font-size: 20px;
font-style: normal;
}
p.xxl {
font-size: 24px;
font-style: normal;
}
li {
font-size: 16px;
font-style: normal;
}
/*Line height*/
.lh-xxl {
line-height: 1.3
}
.lh-xl {
line-height: 1.2
}
.lh-l {
line-height: 1.1
}
.lh-m {
line-height: 1
}
.lh-s {
line-height: .9
}
.lh-xs {
line-height: .8
}
/*Alignment*/
.alignCenter {
text-align: center;
}
.alignCenterMob {
text-align: center;
}
.alignLeft {
text-align: left;
}
.alignRight {
text-align: right;
}
/*Spacing*/
.py-0 {
padding-top: 0!important;
padding-bottom: 0!important;
}
.py-xxs {
padding-top: 4px!important;
padding-bottom: 4px!important;
}
.py-xs {
padding-top: 6px!important;
padding-bottom: 6px!important;
}
.py-s {
padding-top: 8px!important;
padding-bottom: 8px!important;
}
.py-m {
padding-top: 12px!important;
padding-bottom: 12px!important;
}
.py-l {
padding-top: 16px!important;
padding-bottom: 16px!important;
}
.py-xl {
padding-top: 24px!important;
padding-bottom: 24px!important;
}
.py-xxl {
padding-top: 32px!important;
padding-bottom: 32px!important;
}
.px-0 {
padding-left: 0!important;
padding-right: 0!important;
}
.px-xxs {
padding-left: 4px!important;
padding-right: 4px!important;
}
.px-xs {
padding-left: 6px!important;
padding-right: 6px!important;
}
.px-s {
padding-left: 8px!important;
padding-right: 8px!important;
}
.px-m {
padding-left: 12px!important;
padding-right: 12px!important;
}
.px-l {
padding-left: 16px!important;
padding-right: 16px!important;
}
.px-xl {
padding-left: 24px!important;
padding-right: 24px!important;
}
.px-xxl {
padding-left: 32px!important;
padding-right: 32px!important;
}
.text-px-xxl {
padding-left: 32px!important;
padding-right: 32px!important;
}
.pl-0 {
padding-left: 0!important;
}
.pl-xxs {
padding-left: 4px!important;
}
.pl-xs {
padding-left: 6px!important;
}
.pl-s {
padding-left: 8px!important;
}
.pl-m {
padding-left: 12px!important;
}
.pl-l {
padding-left: 16px!important;
}
.pl-xl {
padding-left: 24px!important;
}
.pl-xxl {
padding-left: 32px!important;
}
.pr-0 {
padding-right: 0!important;
}
.pr-xxs {
padding-right: 4px!important;
}
.pr-xs {
padding-right: 6px!important;
}
.pr-s {
padding-right: 8px!important;
}
.pr-m {
padding-right: 12px!important;
}
.pr-l {
padding-right: 16px!important;
}
.pr-xl {
padding-right: 24px!important;
}
.pr-xxl {
padding-right: 32px!important;
}
.pt-0 {
padding-top: 0!important;
}
.pt-xxs {
padding-top: 4px!important;
}
.pt-xs {
padding-top: 6px!important;
}
.pt-s {
padding-top: 8px!important;
}
.pt-m {
padding-top: 12px!important;
}
.pt-l {
padding-top: 16px!important;
}
.pt-xl {
padding-top: 24px!important;
}
.pt-xxl {
padding-top: 32px!important;
}
.pb-0 {
padding-bottom: 0!important;
}
.pb-xxs {
padding-bottom: 4px!important;
}
.pb-xs {
padding-bottom: 6px!important;
}
.pb-s {
padding-bottom: 8px!important;
}
.pb-m {
padding-bottom: 12px!important;
}
.pb-l {
padding-bottom: 16px!important;
}
.pb-xl {
padding-bottom: 24px!important;
}
.pb-xxl {
padding-bottom: 32px!important;
}
.mt-xs {
margin-top: 6px!important;
}
.mt-m {
margin-top: 12px!important;
}
.mt-l {
margin-top: 16px!important;
}
.mb-xs {
margin-bottom: 6px!important;
}
.mb-m {
margin-bottom: 12px!important;
}
.my-xs {
margin-bottom: 6px!important;
margin-top: 6px!important;
}
.my-s {
margin-bottom: 8px!important;
margin-top: 8px!important;
}
.my-m {
margin-bottom: 12px!important;
margin-top: 12px!important;
}
.my-l {
margin-bottom: 16px!important;
margin-top: 16px!important;
}
.my-xxl {
margin-bottom: 48px!important;
margin-top: 32px!important;
}
.pb-xl-mobile {
padding-bottom: 0px!important;
}
/*Color*/
.primary-reversed {
color: #FFFFFF;
}
.primary-default {
color: #2A2E33;
}
.primary-hover {
color: #58616B;
}
.secondary-reversed {
color: #FFFFFF;
}
.secondary-default {
color: #9E9D8F;
}
.secondary-hover {
color: #58616B;
}
.primary-bg {
background-color: #2A2E33;
}
.secondary-bg {
background-color: #F5F5F2;
}
.white-bg {
background-color: #FFFFFF;
}
/*Buttons*/
table.btn {
margin: 0 auto;
}
div.btnSecondary a {
font-family: ff-good-web-pro-narrow, 'Arial Narrow', sans-serif;
border-radius: 4px;
font-size: 14px;
line-height: 14px;
font-weight: 600;
text-align: center;
text-decoration: none !important;
padding: 8px 16px;
color: #FFFFFF !important;
display: block;
min-width: 80px !important;
margin: 6px 0;
background-color: #C1C0B3 !important;
}
div.btnPrimary a {
font-family: ff-good-web-pro-narrow, 'Arial Narrow', sans-serif;
border-radius: 4px;
font-size: 14px;
line-height: 14px;
font-weight: 600;
text-align: center;
text-decoration: none !important;
padding: 8px 16px;
color: #FFFFFF !important;
display: block;
min-width: 80px !important;
margin: 6px 0;
background-color: #2A2E33 !important;
}
table.two-column-prod table.contents {
width: 100%;
margin: 0 auto;
text-align: center;
border-radius: 0;
background-color: #F5F5F2;
}
table.two-column-full table.contents {
width: 100%;
margin: 0 auto;
text-align: center;
border-radius: 0;
height: 300px;
background-color: #F5F5F2;
}
table.contents .text {
width: 100%;
margin: 0;
text-align: center;
height: 100%;
}
table.contents .image {
width: 100%;
text-align: center;
}
table.contents .cta {
width: 100%;
height: 60px;
vertical-align: bottom;
}
td.column-r img.prod-img {
width: 70%;
}
img {
border-collapse: collapse;
border-spacing: 0;
}
.two-column-prod td.column-r img.prod-img {
width: 100% !important;
border-collapse: collapse;
border-spacing: 0;
}
.two-column-prod td.column-l img.prod-img {
width: 100% !important;
border-collapse: collapse;
border-spacing: 0;
}
/* LAYOUT */
td.col.column-l table.contents-footer .btn {
margin-right: 16px;
margin-bottom: 24px;
}
td.col.column-r table.contents-footer .btn {
margin-left: 16px;
margin-bottom: 24px;
}
table.two-column-prod {
border-collapse: separate;
border-spacing: 16px !important;
}
table.two-column-prod table.contents.left, table.two-column-prod table.contents.right {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
min-height: 345px;
}
table.two-column-prod table.contents.right {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
@media only screen and (max-width: 599px) {
/*Responsive Container Styles */
.wrapper img {
max-width: 100%;
}
u ~ div .wrapper {
min-width: 100vw;
}
.container {
width: 100%!important;
-webkit-text-size-adjust: 100%;
}
/*Responsive Text Styles
h1 {
font-size: 24px!important;
}
h1.xl {
font-size: 32px !important;
font-style: normal;
}
h1.xxl {
font-size: 44px !important;
font-style: normal;
}
h5 {
font-size: 18px!important;
}*/
.text-px-xxl {
padding-left: 16px!important;
padding-right: 16px!important;
}
.leftOnMobile {
text-align: left;
}
.rightOnMobile {
text-align: right;
}
.centerOnMobile {
text-align: center;
}
/*Responsive Column Styles */
.col {
box-sizing: border-box;
display: block !important;
width: 100% !important;
}
td.column-r img.prod-img {
width: 100% !important;
}
td.column-l img.prod-img {
width: 100% !important;
}
td.column img.prod-img {
width: 100% !important;
}
td.col.column-l table.contents-footer .btn {
margin-right: auto !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
}
td.col.column-r table.contents-footer .btn {
margin-left: auto !important;
margin-bottom: 24px !important;
}
table.contents.right {
border-top-left-radius: 0!important;
border-top-right-radius: 0!important;
border-bottom-left-radius: 6px!important;
border-bottom-right-radius: 6px!important;
}
table.contents.left {
border-top-left-radius: 6px!important;
border-top-right-radius: 6px!important;
border-bottom-left-radius: 0!important;
border-bottom-right-radius: 0!important;
}
table.contents.left img {
border-top-left-radius: 6px!important;
border-top-right-radius: 6px!important;
border-bottom-left-radius: 0!important;
border-bottom-right-radius: 0!important;
}
table.contents.left img, table.contents.right img {
height: auto !important;
}
table.two-column-prod table.contents.left, table.two-column-prod table.contents.right {
border-top-left-radius: 6px !important;
border-top-right-radius: 6px !important;
border-bottom-left-radius: 6px !important;
border-bottom-right-radius: 6px !important;
}
table.two-column-prod td.column-r {
padding-top: 12px !important;
}
table.two-column-prod td.column-l {
padding-bottom: 12px !important;
}
.pb-xl-mobile {
padding-bottom: 24px!important;
}
}
</style>
<div>
<table class="wrapper" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td align="center">
<table cellpadding="0" cellspacing="0">
<tr>
<td>
<table class="container my-xs" cellpadding="0" cellspacing="0" role="presentation" width="600">
<tr>
<td align="center"><table class="two-column-prod" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col column-l" align="center" width="50%"><table class="contents left">
<tr>
<td class="image" align="center"><img src="https://www.dropbox.com/scl/fi/90aibkx6e2eu6dbmde8qp/608-8_P_1108.png?rlkey=i7ldyau6s5xzm0i2r6wu3qz0z&st=v97dvj2y&raw=1" width="100%" class="prod-img" alt=""/></td>
</tr>
<tr>
<td class="text">
<h4 class="pb-0 lh-0">Manual Mobilization of the Joints</h4>
<h6 class="pt-0 pb-l lh-0">Volume I: The Extremities, 8th Edition</h6>
</td>
</tr>
<tr>
<td class="cta"><table class="btn" align="center" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td class="pb-l"><div class="btnPrimary"><a href="/product/gated-videos/extremities-login">ACCESS VIDEOS</a></div></td>
</tr>
</table></td>
</tr>
</table></td>
<td class="col column-r" align="center" width="50%"><table class="contents right">
<tr>
<td class="image" align="center"><img src="https://www.dropbox.com/scl/fi/mn8l2rx15mvycxypev18a/607-7_P_1108.png?rlkey=si529ip8dylxqq53w4pwgxgze&st=4y9l6qss&raw=1" width="100%" class="prod-img" alt=""/></td>
</tr>
<tr>
<td class="text">
<h4 class="pb-0 lh-0">Manual Mobilization of the Joints</h4>
<h6 class="pt-0 pb-l lh-0">Volume II: The Spine, 7th Edition</h6>
</td>
</tr>
<tr>
<td class="cta"><table class="btn" align="center" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td class="pb-l"><div class="btnPrimary"><a href="/product/gated-videos/spine-login">ACCESS VIDEOS</a></div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>