article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block
}

html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  text-size-adjust: 100%;
  min-height: 100%;
  height: auto
}

body, button, input, select, textarea {
  font-family: sans-serif;
  color: #222
}

::selection {
  background: #c3ddfa;
  color: #fff;
  text-shadow: none
}

a {
  color: #00e
}

a:focus {
  outline: dotted thin
}

a:active, a:hover {
  outline: 0;
  color: #fc9b44;
  text-decoration: none
}

b, strong {
  font-weight: 700
}

blockquote {
  margin: 1em 40px
}

small {
  font-size: 85%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  z-index: 1
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

ol, ul {
  margin: 1em 0;
  padding: 0 0 0 40px
}

nav ol, nav ul {
  list-style: none;
  margin: 0;
  padding: 0
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic
}

svg:not(:root) {
  overflow: hidden
}

form {
  margin: 0
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0
}

label {
  cursor: pointer;
  color: #888;
  display: block;
  padding-bottom: 5px
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline
}

button, input {
  line-height: normal
}

button, input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
  appearance: button
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box
}

input[type=search] {
  box-sizing: content-box
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto;
  vertical-align: top
}

input:invalid, textarea:invalid {
  background-color: #fff
}

#rejoiner_form input:invalid, #rejoiner_form textarea:invalid {
  background-color: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

th {
  text-align: left
}

body {
  line-height: 1.231;
  background: url(/images/design/bg-fence.jpg) left bottom repeat-x fixed #fff;
  color: #555;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 13px;
  margin: 0
}

#outerwrap {
  background: url(/images/design/bg.png) left top repeat-x fixed;
  padding-bottom: 30px;
  position: relative
}

#contentwrap {
  background-color: #fff;
  margin: 0 auto;
  min-height: 700px;
  position: relative;
  max-width: 1024px;
  z-index: 1;
  box-shadow: 0 0 10px rgba(0, 0, 0, .25)
}

.content {
  padding: 1em 20px 20px;
  clear: both
}

a:link {
  color: #68ace5;
  text-decoration: underline
}

a:visited {
  color: #397cb5;
  text-decoration: underline
}

h1 {
  color: #358dee;
  font-size: 28px;
  margin: 0 0 .5em
}

h2 {
  color: #358dee;
  font-size: 22px;
  margin: 0 0 .5em
}

h3 {
  color: #c30;
  font-size: 18px;
  margin: 0 0 .5em
}

h4 {
  color: #c30;
  font-size: 14px;
  margin: 0 0 .5em
}

p {
  margin: 0 0 1em
}

.tooltip {
  background-color: #358dee;
  background-image: none;
  border: 2px solid #fff;
  color: #fff;
  display: none;
  height: 70px;
  padding: 10px;
  width: 300px;
  z-index: 300;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .2)
}

.tooltip:after {
  border: 10px solid transparent;
  border-top-color: #358dee;
  content: ' ';
  height: 0;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  top: 100%;
  width: 0
}

.tooltip a:link, .tooltip a:visited, .tooltip:link, .tooltip:visited {
  color: #fff;
  text-decoration: none
}

form p {
  clear: both;
  margin-bottom: 20px
}

.required label {
  color: #444 !important;
  font-weight: 700
}

.required label:after {
  content: ' *';
  font-size: 14px
}

.error {
  background: url(/images/design/icon-inline-error.png) 0 3px no-repeat;
  color: red;
  display: inline-block;
  padding: 3px 0 3px 20px;
  width: 450px
}

.error-text {
  color: red
}

.width48 .error {
  width: 100%
}

.formbutton:active, .formbutton:focus {
  box-shadow: #06f 0 0 7px 0;
  z-index: 1
}

.formbutton {
  appearance: none;
  border-radius: 4px;
  background: url(../images/design/button.png?1298351022) repeat-x #ddd;
  background-image: linear-gradient(#fff, #ddd);
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333 !important;
  font: bold 14px/1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif !important;
  outline: 0;
  overflow: visible;
  padding: 3px 10px;
  text-decoration: none !important;
  text-shadow: #fff 0 1px 1px;
  width: auto
}

.formbutton:hover {
  background-image: linear-gradient(#fff, #eee 1px, #ccc)
}

.formbutton:active {
  background-image: linear-gradient(#fff, #ddd 1px, #eee);
  box-shadow: inset rgba(0, 0, 0, .25) 0 1px 2px 0;
  border-color: #999 #bbb #ddd
}

.userbar {
  background-color: #eee;
  background-image: linear-gradient(#fefefe, #eee);
  color: #888;
  font-size: 12px;
  min-height: 30px;
  line-height: 30px;
  padding: 0 10px 0 20px;
  position: relative;
  z-index: 200;
  box-shadow: 0 2px 3px rgba(0, 0, 0, .15);
  display: flex
}

div.userbar>div {
  flex-basis: 28%
}

div.userbar>div:last-child {
  flex-grow: 1;
  text-align: right
}

.userbar>div.questions {
  font-size: 14px;
  font-weight: 700
}

.userbar>div.questions>div.contact-info {
  display: none;
  position: absolute;
  top: 31px;
  margin: 0;
  padding: 20px 20px 0;
  background-color: #fff;
  width: 300px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .2)
}

.userbar>div.questions:hover>div.contact-info {
  display: block;
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 20px
}

.userbar>div.questions:hover>div.contact-info>h4, .userbar>div.questions>div.contact-info>p {
  margin-bottom: 0
}

.userbar>div.questions>div.contact-info>ul.contact-methods {
  list-style: none;
  margin: 0;
  padding: 0
}

.userbar>div.questions>div.contact-info>ul.contact-methods>li {
  font-size: 14px;
  line-height: 18px;
  padding: 6px
}

.userbar div.contact-info>ul.contact-methods a, .userbar div.contact-info>ul.contact-methods a:hover .userbar div.contact-info>ul.contact-methods a:active, .userbar div.contact-info>ul.contact-methods a:link, .userbar div.contact-info>ul.contact-methods a:visited {
  text-decoration: none
}

.userbar>div.free-shipping {
  font-size: 14px;
  font-weight: 700
}

.userbar>div.free-shipping>a {
  background-image: url(/images/design/truck-icon@2x.png);
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 32px 16px;
  padding-left: 40px;
  color: #c30;
  font-weight: 700;
  display: inline;
  text-decoration: none
}

.userbar>div.account-links {
  display: inline
}

.userbar>div.account-links>span {
  padding-right: 1em
}

a.addpetlink {
  background: url(/images/design/bg-addpetlink.png) 0 5px no-repeat;
  color: #888;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  padding-left: 50px;
  text-decoration: none
}

a.addpetlink span {
  background: url(/images/design/icon-arrowgrayright.png) no-repeat;
  display: block;
  float: right;
  height: 10px;
  margin: 10px 10px 0 5px;
  width: 10px
}

div.minicartshippingpromo {
  font-size: 11px;
  color: #c30;
  text-transform: uppercase
}

div.minicartshippingpromo strong {
  display: block;
  font-size: 15px
}

div.minicartshippingpromo .price {
  font-weight: 700
}

a.minicartlink {
  background: url(/images/design/bg-minicartlink.png) 10px 7px no-repeat;
  color: #888;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding-left: 37px;
  text-decoration: none
}

a.minicartlink span {
  background: url(/images/design/arrow-down.png) no-repeat;
  display: block;
  float: right;
  height: 10px;
  margin: 10px 10px 0 5px;
  width: 10px
}

a.minicartlinkon {
  background: url(/images/design/bg-minicartlink.png) 10px 7px no-repeat #fff;
  color: #888;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding-left: 37px;
  text-decoration: none;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .2)
}

a.minicartlinkon span {
  background: url(/images/design/arrow-down.png) no-repeat;
  display: block;
  float: right;
  height: 10px;
  margin: 10px 10px 0 5px;
  width: 10px
}

.minicartbox {
  background-color: #fff;
  display: none;
  line-height: 1.2em;
  padding: 10px;
  position: absolute;
  top: 30px;
  right: 10px;
  text-align: left;
  width: 410px;
  z-index: 200;
  background-clip: padding-box;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .2)
}

.minicartbox table.shoppingcart {
  margin-bottom: 5px
}

.minicartbox h4 {
  font-size: 12px
}

.minicartbox img {
  max-width: 50px
}

.minicartbox .cartqty, .minicartbox .itemtotal, .minicartbox .unitprice {
  text-align: center
}

.minicartbox s {
  display: block
}

.minicartbox b {
  color: #ff870d;
  float: none;
  font-size: 12px
}

.minicartbox .cartitem h4 {
  display: inline
}

.minicartbox .cartitem img {
  display: inline;
  vertical-align: middle
}

.minicartbox tr.item {
  margin-top: .5em;
  margin-bottom: .5em;
  border-top: 1px dashed #e5e5e5
}

.minicartbox tr.item:last-child {
  border-bottom: 1px dashed #e5e5e5
}

.minicartbox tr.item td {
  padding: 1em 0;
  min-height: 3em
}

.minicartbox tr.item td.itemtotal span.total {
  font-weight: 700
}

.minicartbox p.compounded-fee-description {
  clear: both
}

.miniviewcartlink {
  background: #fff;
  float: left;
  margin: 5px 0 10px;
  padding-left: 20px !important;
  min-height: 60px;
  height: auto !important
}

.miniviewcartlink a:link, .miniviewcartlink a:visited {
  background: url(/images/design/icon-arrowgrayright.png) right 3px no-repeat;
  color: #999;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  margin-top: 1em;
  padding-right: 10px;
  text-decoration: none
}

.miniviewcartlink a:hover {
  text-decoration: underline
}

.miniordersummarybox {
  float: right;
  margin-bottom: 10px
}

.miniordersummarybox td, .miniordersummarybox th {
  padding: 5px 10px;
  text-align: right
}

.miniordersummarybox tr.shippingcost {
  font-size: 14px
}

.miniordersummarybox tr.ordersubtotal {
  font-size: 15px
}

.miniordersummarybox tr.ordersubtotal td {
  color: #ff870d
}

.minicheckoutbtn {
  box-sizing: content-box;
  background-color: #fc9b44;
  background-image: linear-gradient(#fc9b44, #f1821c);
  border: 0;
  color: #fff;
  display: block;
  float: right;
  font-size: 14px;
  font-weight: 700;
  margin: 10px 10px 0;
  padding: 4px 0 6px 25px;
  position: relative;
  text-shadow: 0 0 3px rgba(0, 0, 0, .2);
  text-transform: uppercase;
  width: 110px;
  z-index: 1;
  background-clip: padding-box;
  border-radius: 5px
}

a.minicheckoutbtn:link, a.minicheckoutbtn:visited {
  color: #fff;
  text-decoration: none
}

.minicheckoutbtn:hover {
  background-color: #76b1f1;
  background-image: linear-gradient(#76b1f1, #3f91ec)
}

.minicheckoutbtn:after {
  border: 5px solid transparent;
  border-left-color: #fff;
  content: ' ';
  height: 0;
  right: 20px;
  position: absolute;
  top: 6px;
  width: 0
}

.brandbar {
  height: 60px;
  padding: 25px 20px;
  position: relative;
  z-index: 101;
  box-sizing: content-box
}

.brandbar h2 {
  background: url(/images/design/vetrxdirect_logo_2020.svg?v=2) no-repeat;
  height: 59px;
  margin: 0;
  width: 304px
}

.brandbar h2 a {
  display: block;
  height: 60px;
  width: 360px
}

.searchform {
  right: 10px;
  position: absolute;
  top: 34px;
  width: 580px;
  z-index: 1
}

#sKeywords {
  width: 490px;
  height: 50px;
  padding-left: 15px;
  padding-top: 0;
  padding-bottom: 0;
}

#sKeywords:focus::placeholder {
  opacity: 0
}

.searchform #searchfield {
  float: left;
  clear: none
}

.searchform #searchbutton {
  float: left;
  clear: none;
  box-sizing: border-box;
  height: 52px;
}

.searchform label {
  display: none
}

input[type=text].keywordfield {
  border-top: 1px solid #c7c7c7;
  border-right: none;
  border-bottom: 1px solid #c7c7c7;
  border-left: 1px solid #c7c7c7;
  font-size: 16px;
  height: auto;
  padding: 5px;
  width: 230px;
  background-clip: padding-box;
  border-radius: 5px 0 0 5px
}

button.searchbtn, input[type=submit].searchbtn {
  height: 50px;
  background-color: #fc9b44;
  background-image: linear-gradient(#fc9b44, #f1821c);
  border: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 5px 0;
  text-shadow: none;
  text-transform: uppercase;
  width: 60px;
  background-clip: padding-box;
  border-radius: 0 5px 5px 0
}

button.searchbtn img {
  height: 28px;
  width: 28px;
  margin-top: 4px
}

#free-shipping-text {
  color: #c30;
  position: absolute;
  top: 50px;
  left: 125px;
  font-weight: 700
}

#free-shipping-text a {
  background-image: url(/images/design/truck-icon@2x.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 44px 24px;
  padding-left: 50px;
  color: #c30;
  font-weight: 700;
  display: block;
  line-height: 24px;
  text-decoration: none
}

#free-shipping-text span {
  display: block
}

#free-shipping-text .top-text {
  font-size: 22px
}

#free-shipping-text .bottom-text {
  font-size: 14px
}

nav div.collapsebutton {
  display: none
}

nav button.nav {
  padding: 7px;
  background-color: transparent;
  background-image: none;
  border: none;
  margin-right: 14px
}

nav button.nav span.icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color: #fff;
  margin-top: 4px
}

.navbar {
  background-color: #3d90ec;
  background-image: linear-gradient(#3d90ec, #3782d4);
  height: 35px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .25)
}

.navbar h4 {
  color: #358dee
}

.navbar ul {
  margin: 0;
  padding: 0
}

.navbar li {
  background: url(/images/design/bg-navitem.png) top right no-repeat;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 100
}

.navbar a {
  color: #fff;
  display: block;
  float: left;
  height: 35px;
  line-height: 35px;
  padding: 0 23px;
  text-decoration: none
}

.navbar a:visited {
  color: #fff;
  text-decoration: none
}

.navbar li:hover a {
  background-color: #fff;
  color: #358dee
}

a.supermenulink {
  font-size: 22px;
  line-height: 33px;
  padding-left: 20px
}

.supermenu a span {
  background: url(/images/design/icon-navarrow.png) no-repeat;
  display: block;
  float: right;
  height: 5px;
  margin: 15px 0 0 10px;
  width: 10px
}

.supermenu:hover a span {
  background: url(/images/design/icon-navarrow.png) 0 -5px no-repeat
}

.navbar ul li:hover div.submenu {
  display: block
}

.navbar li div.submenu {
  display: none;
  position: absolute;
  top: 35px;
  left: 0;
  margin: 0;
  padding: 20px 20px 0;
  background-color: #fff;
  width: 300px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
  box-sizing: content-box
}

.navbar li div.submenuright {
  left: auto;
  right: 0
}

#therapeutic-pet-food .submenu {
  width: 540px;
  padding: 20px
}

#therapeutic-pet-food:hover .submenu {
  display: flex
}

#therapeutic-pet-food .submenu .submenucol {
  width: auto;
  float: none;
  flex-basis: 50%;
  padding-right: 1em
}

#therapeutic-pet-food .submenu .submenucol:first-child {
  border-right: 1px solid #aaa
}

#therapeutic-pet-food .submenu .submenucol:last-child {
  padding-left: 20px
}

#therapeutic-pet-food .submenu p {
  margin-bottom: 0
}

#therapeutic-pet-food .submenu p a {
  font-size: 1.1em;
  padding: .4em 0
}

.submenu h3 {
  color: #888;
  font-size: 16px;
  margin-bottom: 10px
}

.submenu div h3 a {
  color: #888;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 700
}

.submenu div h4, .submenu div h4 a {
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 10px
}

.submenu div h4 a:link, .submenu div h4 a:visited {
  color: #358dee
}

.submenu p {
  margin-bottom: 20px
}

.submenu div a {
  background-image: none;
  color: #777;
  float: none;
  font-size: 12px;
  font-weight: 400;
  height: auto;
  line-height: 1em;
  margin-bottom: 5px;
  padding: 0;
  width: auto
}

.submenu div a:link, .submenu div a:visited {
  color: #777
}

.submenu div a:hover {
  text-decoration: underline
}

.navbar li.supermenu div.submenu {
  padding-bottom: 20px;
  width: 430px
}

.shopbycategory {
  border-right: 1px solid #e0e0e0;
  float: left;
  width: 280px
}

.moretoexplore {
  float: right;
  width: 130px
}

.submenucol {
  float: left;
  width: 150px
}

.supermenucol {
  float: left;
  width: 140px
}

.alert-message {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 1.1em
}

.alert-message.success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6
}

.alert-message.success a, .alert-message.success a:active, .alert-message.success a:hover, .alert-message.success a:link, .alert-message.success a:visited {
  color: #3c763d
}

.alert-message.danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb
}

.alert-message.danger a, .alert-message.danger a:active, .alert-message.danger a:hover, .alert-message.danger a:link, .alert-message.danger a:visited {
  color: #721c24
}

.hero {
  margin-bottom: 20px
}

footer {
  background: #fff;
  background: linear-gradient(#fff 0, #eee 1%, #fff 10%, #fff 100%);
  border-top: 1px solid #cecece;
  clear: both;
  padding: 20px 20px 0;
  position: relative;
  z-index: 1;
  box-shadow: 0 -2px 3px rgba(0, 0, 0, .1)
}

footer nav {
  float: left;
  width: 41%
}

footer nav ul {
  float: left;
  margin: 0 30px 0 0;
  padding: 0
}

footer nav ul:last-child {
  margin-right: 0
}

footer nav li {
  list-style: none;
  margin: 3px 0;
  padding: 0
}

footer h3 {
  color: #358dee
}

footer a:link, footer a:visited {
  color: #444;
  text-decoration: none
}

footer a:hover {
  color: #444;
  text-decoration: underline
}

footer small {
  color: #999;
  display: block;
  font-size: 11px
}

.footer-badges {
  float: right;
  padding-top: 5px;
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.footer-badges img {
  vertical-align: middle
}

.copyright {
  padding: 20px 0;
  width: 100%
}

.footer-badges .badge {
  width: 50%;
  text-align: center;
  flex: 1;
  box-sizing: border-box
}

.footer-badges .badge img {
  max-width: 100%
}

.footer-sociallinks {
  clear: both;
  color: #999;
  float: right;
  font-size: 12px;
  line-height: 32px;
  margin-right: 20px;
  text-align: right;
  width: 300px
}

.footer-lower {
  border-top: 1px solid #cacaca;
  margin-top: 20px;
  padding-top: 20px
}

.footer-facebook {
  background: url(/images/design/icon-facebook.png) no-repeat;
  display: block;
  float: right;
  height: 32px;
  margin: 0 3px 0 0;
  width: 32px;
}

.footer-instagram {
  background: url(/images/design/icon-instagram.png) no-repeat;
  background-size: cover;
  display: block;
  float: right;
  height: 32px;
  margin: 0 3px 0 0;
  width: 32px;
}

.newsletter {
  background-color: #efefef;
  background-image: linear-gradient(#fff, #efefef);
  border: 1px solid #efefef;
  color: #999;
  font-size: 12px;
  margin-bottom: 20px;
  padding: 8px 0 8px 10px;
  text-align: center
}

.newsletter h3 {
  float: left;
  font-size: 18px;
  margin: 0 10px 0 0
}

.newsletter p {
  float: left;
  margin: 5px 10px 0 0
}

.newsletter form p {
  clear: none;
  margin: 0
}

.newsletter label {
  display: none
}

.newsletter button {
  text-transform: uppercase;
  background-color: #fc9b44;
  background-image: none;
  background-image: linear-gradient(#fc9b44, #f1821c);
  border: 0;
  color: #fff;
  padding: 6px 16px;
  text-shadow: none;
  text-transform: uppercase;
  border-radius: 2px;
  font-weight: 400;
  right: 2em
}

div.newsletter.clearfix form {
  float: right;
  padding-right: 10px;
  margin-right: 80px
}

div.newsletter.clearfix h3 {
  margin-left: 80px
}

.prescriptionandcompoundingcolumn {
  float: left;
  width: 225px;
  margin-bottom: 1.5em
}

.prescriptionandcompoundingcolumn .safesecurebox {
  margin-bottom: 20px
}

.trustmark-wrapper {
  text-align: center
}

.prescriptionavailability {
  background: url(/images/design/bg_prescriptionavailability.jpg) bottom right no-repeat;
  border: 2px solid #ccd6e0;
  color: #999;
  font-size: 11px;
  margin-bottom: 20px;
  padding: 8px
}

.prescriptionavailability h3 {
  color: #0062c6
}

.prescriptionavailability ul {
  margin: 0;
  padding: 0
}

.prescriptionavailability li {
  background: url(/images/design/bullet-paw.png) 0 5px no-repeat;
  list-style: none;
  padding: 0 0 8px 30px
}

.prescriptionavailability a:link, .prescriptionavailability a:visited {
  color: #999;
  text-decoration: none
}

.prescriptionavailability a:hover {
  text-decoration: underline
}

.topsellersandfeatureditems {
  float: right;
  width: 741px
}

.divider {
  border-top: 1px solid #ddd;
  font-size: 1px;
  line-height: 1px;
  padding: 10px 0 0
}

.scrollable {
  height: 280px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 681px;
  z-index: 1
}

.scrollable .items {
  clear: both;
  position: absolute;
  width: 20000em;
  vertical-align: top
}

.items table {
  float: left;
  width: 537px
}

.scrollable .items div.item {
  display: inline-block;
  float: left;
  padding: 20px 6px;
  width: 172px;
  box-sizing: border-box;
  text-align: center
}

a.left {
  background: url(/images/design/arrow-left.png) 5px 0 no-repeat;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 1px;
  height: 77px;
  margin-top: 77px;
  width: 27px
}

a.right {
  background: url(/images/design/arrow-right.png) 5px 0 no-repeat;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 1px;
  height: 77px;
  margin-top: 77px;
  width: 27px
}

a.disabled {
  visibility: hidden !important
}

.items .item td {
  padding: 20px 10px;
  vertical-align: top;
  width: 33%
}

.categorylist .product img.productimage, .items .item img {
  margin: 0 auto;
  width: 100px
}

.items .item img[style] {
  width: 100px !important;
  height: 100px !important
}

.items .item p {
  margin-bottom: .5em;
  word-wrap: break-word
}

.items .item s {
  color: #999;
  font-size: 11px
}

.items .item b {
  color: #ff870d;
  font-size: 16px;
  font-weight: 700
}

.items .item em {
  color: #555;
  font-size: 12px;
  font-style: normal;
  font-weight: 700
}

.productlist img {
  margin: 0 auto
}

.productlist img.productimage {
  width: 80px;
  min-height: 0
}

.productlist p {
  margin-bottom: .5em;
  max-width: 130px;
  word-wrap: break-word
}

.productlist s {
  color: #999;
  font-size: 11px
}

.productlist b {
  color: #ff870d;
  font-size: 16px;
  font-weight: 700
}

.productlist em {
  color: #555;
  font-size: 12px;
  font-style: normal;
  font-weight: 700
}

.inline-rating {
  background-image: none;
  margin-left: 22px
}

.categorylist .product .inline-rating {
  margin-left: 4px
}

.inline-rating .pr-snippet {
  margin-bottom: .5em
}

.inline-rating .pr-snippet .pr-snippet-wrapper {
  border: none;
  background: 0 0;
  padding: 0;
  text-align: center
}

.inline-rating .pr-snippet .pr-snippet-stars {
  border: none;
  background: 0 0;
  padding: .3em;
  float: left;
  margin-right: .3em
}

.categorylist .inline-rating .pr-snippet .pr-snippet-stars {
  margin-left: .4em
}

.questionssummary, .reviewssummary {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #ddd;
  clear: both
}

a.button {
  background-color: #76b1f1;
  background-image: linear-gradient(#76b1f1, #3f91ec);
  display: inline-block;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  margin: 0 auto;
  padding: 5px 0;
  text-align: center;
  text-transform: uppercase;
  width: 94px;
  background-clip: padding-box;
  border-radius: 5px
}

a.button:link, a.button:visited {
  color: #fff;
  text-decoration: none
}

a.button:hover {
  background-color: #fc9b44;
  background-image: linear-gradient(#fc9b44, #f1821c)
}

.sidecolumn {
  float: left;
  width: 225px;
  margin-top: 1em
}

.categoriesbox {
  border: 1px solid #ccd6e0;
  color: #999;
  font-size: 12px;
  margin-bottom: 20px;
  width: 223px
}

.categoriesbox h3 {
  background-color: #76b1f1;
  background-image: linear-gradient(#76b1f1, #3f91ec);
  color: #fff;
  font-size: 16px;
  margin: 0;
  padding: 4px 10px
}

.categoriesbox h3 a:link, .categoriesbox h3 a:visited {
  color: #fff;
  text-decoration: none
}

.categoriesbox ul {
  margin: 10px;
  padding: 0
}

.categoriesbox li {
  color: #68ace5;
  list-style: none;
  margin: 0;
  padding: 3px 0
}

.categoriesbox h4 {
  color: #358dee;
  font-size: 14px;
  margin: 0 0 5px
}

.categoriesbox a:link, .categoriesbox a:visited {
  color: #444
}

ul.subcategories {
  border-bottom: 1px solid #ccd6e0;
  margin: 10px 10px 15px;
  padding: 0 0 15px
}

div.subcategories {
  margin: 10px 10px 15px;
  padding: 0 0 15px
}

ul.subcategories li.on a, ul.subcategories li.on a:link, ul.subcategories li.on a:visited {
  color: #68ace5;
  text-decoration: none
}

.contactbox {
  background-color: #f5f5f5;
  color: #444;
  line-height: 20px;
  margin: 10px;
  padding: 10px;
  text-align: center
}

.contactbox h4 {
  font-size: 16px;
  margin-bottom: 8px
}

.contactbox p {
  margin: 0
}

.maincolumn {
  margin-top: 1em;
  float: right;
  padding-bottom: 20px;
  width: 741px
}

.breadcrumbs {
  margin: 15px 0;
  padding: 0
}

.breadcrumbs li {
  color: #999;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0 8px 0 0
}

.breadcrumbs li:after {
  content: "\00a0\00a0\203A"
}

.breadcrumbs li:first-child:after, .breadcrumbs li:last-child:after {
  content: ""
}

.breadcrumbs a:link, .breadcrumbs a:visited {
  color: #999
}

.breadcrumbs li:last-child {
  color: #555
}

.breadcrumbs li:last-child a:link, .breadcrumbs li:last-child a:visited {
  color: #555;
  text-decoration: none
}

.breadcrumbs li:last-child a:hover {
  text-decoration: underline
}

.categorybannerimage {
  margin-bottom: 10px;
  max-width: 597px
}

.maincolumn h2 {
  margin-bottom: 0;
  padding-bottom: 5px
}

div.productlist {
  width: 100%;
  margin-top: 1em
}

div.productlist .product {
  width: 181px;
  border-top: 1px solid #f0f0f0;
  box-sizing: border-box;
  padding: 20px 10px;
  display: inline-block;
  vertical-align: top;
  height: 300px;
  text-align: center
}

.rx-required, .rx-required a:link, .rx-required a:visited {
  color: #fe8e20;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  vertical-align: 20%
}

#pcab-seal-sm {
  float: right;
  margin: 0 0 10px 10px
}

.producttitle {
  color: #555
}

.productcolumn {
  float: left;
  width: 492px;
  margin-bottom: 20px;
  box-sizing: border-box;
  padding-right: 10px
}

.productimage {
  text-align: center;
  min-height: 330px;
  height: auto !important;
  position: relative;
  width: 100%;
  z-index: 1
}

.productoptions {
  float: right;
  width: 480px;
  margin-bottom: 20px;
  padding-left: 10px;
  box-sizing: border-box
}

.productoptions form div.product-field, .productoptions form p {
  border-top: 1px solid #eee;
  clear: both;
  color: #828282;
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  padding: 10px 0;
  width: 100%
}

.productoptions form div.field-wrapper {
  display: inline
}

.productoptions div.price-wrapper {
  display: none
}

.productoptions .selectr-container {
  width: 69% !important;
  top: -5px
}

.warning {
  border: 1px solid red;
  color: red;
  font-size: 12px;
  font-weight: 700;
  display: none;
  padding: 10px;
  text-align: center
}

.errormessage {
  border: 1px solid red;
  color: red;
  font-size: 1em;
  font-weight: 700;
  padding: 1em
}

.productoptions form p.errormessage {
  border: 1px solid red;
  color: red;
  font-weight: 700;
  padding: 10px;
  font-size: 12px;
  display: none;
  text-align: center
}

.productoptions form p.showerror {
  display: block
}

.productoptions form .quantityfield {
  float: left
}

.productoptions form .quantityfield input {
  font-size: 16px;
  background-clip: padding-box;
  border-radius: 5px
}

.productoptions form .price-wrapper {
  border: none;
  clear: none;
  font-weight: 400;
  padding: 14px 0 10px;
  text-align: right
}

.productoptions form .price-wrapper s {
  font-size: 14px
}

.productoptions form .price-wrapper b {
  color: #c30;
  font-size: 36px
}

.productoptions form .price-wrapper span#price-description {
  display: block;
  font-style: italic;
  font-size: .8em
}

.productoptions form .addtocart {
  border: none;
  clear: none;
  float: right;
  padding: 0 0 20px;
  text-align: right;
  width: 180px
}

.productoptions form .shipping-expectation {
  display: none
}

.productoptions form label {
  display: inline-block;
  width: 140px
}

.productoptions form select {
  font-size: 14px;
  width: 270px
}

.productoptions div.ordergroove {
  margin-bottom: 2em
}

.variationlabel {
  float: left
}

.measurement-image {
  cursor: pointer;
  float: right;
  margin: 0 0 10px 20px
}

input[type=submit].addtocartbtn {
  background-color: #fc9b44;
  background-image: linear-gradient(#fc9b44, #f1821c);
  border: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  padding: 6px 0;
  text-shadow: 0 0 3px rgba(0, 0, 0, .2);
  width: 175px;
  background-clip: padding-box;
  border-radius: 5px
}

input[type=submit].addtocartbtn:hover {
  background-color: #76b1f1;
  background-image: linear-gradient(#76b1f1, #3f91ec)
}

input[type=submit].addtocartbtn.faux-disabled, input[type=submit].addtocartbtn:disabled {
  background-color: #e0e0e0;
  background-image: linear-gradient(#e0e0e0, #bababa);
  color: #eee
}

button.orange {
  background-color: #fc9b44;
  background-image: linear-gradient(#fc9b44, #f1821c);
  border: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  padding: 6px 20px;
  text-shadow: 0 0 3px rgba(0, 0, 0, .2);
  background-clip: padding-box;
  border-radius: 5px
}

button.orange:hover {
  background-color: #76b1f1;
  background-image: linear-gradient(#76b1f1, #3f91ec)
}

button.grey {
  border: 0;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  padding: 6px 20px;
  border-radius: 5px;
  background: url(../images/design/button.png?1298351022) repeat-x #ddd;
  background-image: linear-gradient(#fff, #ddd)
}

.promobox {
  clear: both;
  color: #999;
  font-size: 11px;
  padding: 10px 0;
  margin: 0 auto;
  text-align: center
}

.promobox a:link, .promobox a:visited {
  color: #999
}

.instock {
  background: url(/images/design/icon-instock.png) no-repeat;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin-right: 15px;
  padding-left: 25px
}

.outofstock {
  background: url(/images/design/icon-outofstock.png) no-repeat;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin-right: 15px;
  padding-left: 20px
}

.freeshippingeligible {
  background: url(/images/design/icon-freeshipping.png) no-repeat;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin-right: 15px;
  padding-left: 35px
}

.notfreeshippingeligible {
  background: url(/images/design/icon-heavy.png) no-repeat;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin-right: 15px;
  padding-left: 25px
}

.facebookbox {
  margin-bottom: 10px
}

.productsidebar {
  float: left;
  padding-bottom: 20px;
  width: 225px
}

.productsidebar h3 {
  color: #358dee
}

.productcontent {
  float: right;
  padding-bottom: 20px;
  width: 741px
}

.productcontent h1, .productcontent h2, .productcontent h3 {
  color: #555 !important
}

.panes h3 {
  color: #358dee
}

.panes table {
  width: 100%
}

.price-quantifier {
  color: #c30;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-top: -18px;
  text-align: left;
  vertical-align: middle;
  zoom: 1
}

div.caption {
  background-color: #fff;
  color: #999;
  font-size: 14px;
  font-weight: 700;
  padding: 5px 10px;
  text-align: left
}

.cartcontents {
  width: 100%;
  margin-bottom: 1em;
  border: 1px solid #e0e0e0
}

.cartcontents h3 {
  background-color: #fff;
  background-image: linear-gradient(#fff, #efefef);
  border-bottom: 1px solid #e0e0e0;
  color: #358dee;
  font-size: 16px;
  padding: 3px 10px
}

.cartcontents h3 .cartnumber {
  float: right;
  font-size: 11px;
  margin-top: 4px
}

.cartheader, .cartproduct {
  width: calc(100% - 10px);
  clear: both;
  margin-left: 10px
}

.cartproduct>div {
  display: inline-block;
  box-sizing: border-box;
  padding: 1em 0;
  text-align: center;
  border-top: 1px solid #dfe9f5
}

.cartheader>div {
  display: inline-block;
  box-sizing: border-box;
  color: #999;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  min-height: 21px;
  padding-top: 1em;
  padding-bottom: 1em;
  float: left
}

.cartproduct div.image img {
  width: 80px
}

.cartproduct div.price, .cartproduct div.total {
  line-height: 1.7em
}

.cartheader div.total, .cartproduct div.total {
  width: 106px
}

.cartproduct div.total span.total {
  font-weight: 700
}

.cartheader div.itemquantity, .cartproduct div.itemquantity {
  float: left;
  width: 106px
}

.cartheader div.price, .cartproduct div.price {
  float: left;
  width: 126px
}

.cartheader div.image, .cartproduct div.image {
  float: left;
  width: 100px
}

.cartheader div.title, .cartproduct div.title {
  float: left;
  width: 286px;
  text-align: left
}

.cartproduct div.itemquantity a {
  display: block;
  margin-top: 10px;
  font-weight: 400
}

.cartproduct .compounding-fee {
  font-size: .8em;
  line-height: 1.2em;
  display: block;
  color: #555
}

.cartcontent {
  float: left;
  padding-bottom: 20px;
  width: 741px;
  margin-top: 1em
}

.cartsidebar {
  float: right;
  padding-bottom: 20px;
  width: 225px
}

.safesecurebox {
  border: 1px solid #ccd6e0;
  color: #999;
  font-size: 13px;
  padding: 10px 20px
}

.safesecurebox h3 {
  background: url(/images/design/icon-secureinfo.png) no-repeat;
  line-height: 30px;
  padding-left: 30px;
  margin: 0 0 10px 20px
}

.safesecurebox h4 {
  color: #ff870d;
  font-size: 12px;
  margin: 0 0 10px
}

.safesecurebox p {
  font-size: 12px;
  margin-bottom: 20px
}

a.removecartitem:link, a.removecartitem:visited {
  color: #c30;
  font-weight: 700
}

.shoppingcart td h4 {
  color: #358dee;
  margin: 0 0 5px
}

.shoppingcart td h4 a:link, .shoppingcart td h4 a:visited {
  color: #358dee;
  text-decoration: none
}

.shoppingcart td h4 a:hover {
  text-decoration: underline
}

.shoppingcart td p {
  clear: none;
  font-size: 12px;
  margin: 0
}

.couponcodebox {
  clear: both;
  border: 1px solid #e0e0e0;
  float: left;
  width: 258px
}

.couponcodebox h3 {
  background-color: #fff;
  background-image: linear-gradient(#fff, #efefef);
  border-bottom: 1px solid #e0e0e0;
  color: #358dee;
  font-size: 16px;
  padding: 3px 10px
}

.couponcodeboxcontent {
  padding: 2px 10px 10px
}

#couponcode {
  width: 150px
}

.ordersummarybox {
  border: 1px solid #e0e0e0;
  float: right;
  margin-bottom: 40px;
  width: 236px
}

.ordersummarybox h3 {
  background-color: #fff;
  background-image: linear-gradient(#fff, #efefef);
  border-bottom: 1px solid #e0e0e0;
  color: #358dee;
  font-size: 16px;
  padding: 3px 10px
}

.ordersummarybox td, .ordersummarybox th {
  padding: 2px 10px;
  text-align: right
}

.coupondiscount {
  color: #ff8205;
  font-size: 14px;
  font-weight: 700
}

input[type=submit].checkoutbtn {
  background: url(/images/design/icon-arrowright-large.png) 162px 10px no-repeat padding-box, linear-gradient(#fc9b44, #f1821c) padding-box;
  border: 0;
  color: #fff;
  display: block;
  font-size: 22px;
  font-weight: 700;
  margin: 10px;
  padding: 5px 20px 5px 10px;
  position: relative;
  text-shadow: 0 0 3px rgba(0, 0, 0, .2);
  width: 215px;
  z-index: 1;
  border-radius: 5px
}

a.checkoutbtn:link, a.checkoutbtn:visited {
  color: #fff;
  text-decoration: none
}

input[type=submit].checkoutbtn:hover {
  background: url(/images/design/icon-arrowright-large.png) 162px 10px no-repeat, linear-gradient(#76b1f1, #3f91ec)
}

a.continueshopping:link, a.continueshopping:visited {
  background: url(/images/design/icon-arrowgrayleft.png) 0 7px no-repeat;
  color: #999;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 40px;
  padding-left: 10px
}

.checkoutcontent {
  float: left;
  width: 616px
}

.width48 input[type=text] {
  width: 90%
}

#billingstate, #shippingstate {
  width: 150px
}

.width48.shipping-zip {
  width: 12%
}

#billingzip, #shippingzip {
  width: 75px
}

.width48.phone {
  width: 43%
}

.width48.phone #phone {
  width: 202px
}

.sameasshipping {
  font-size: 16px;
  font-weight: 700
}

.width48.card-number {
  padding: 5px 0;
  width: 42%
}

#cardnumber {
  width: 175px
}

#submit {
  float: right;
  font-size: 16px;
  margin-bottom: 20px;
  padding: 7px 15px
}

.quantity {
  font-size: 12px !important;
  padding: 0 !important;
  width: 25px !important
}

.prescription-info p {
  margin-bottom: 5px
}

.prescription-name {
  color: #039;
  font-size: 11px;
  font-weight: 700
}

.prescription-image {
  padding-right: 10px
}

.cancel {
  color: #397cb5;
  cursor: pointer;
  text-decoration: underline
}

.cancel:hover {
  text-decoration: none
}

.checkoutsidebar {
  float: right;
  padding-bottom: 20px;
  width: 350px
}

.checkoutsidebar .safesecurebox h3 {
  margin-left: 85px
}

.checkoutordersummarybox {
  background-color: #f4f8fc;
  border: 1px solid #ddd;
  font-size: 12px;
  margin-bottom: 20px
}

.checkoutordersummarybox table.shoppingcart {
  background-color: #fff;
  margin: 0
}

.checkoutordersummarybox table.shoppingcart .cartitem {
  padding-left: 6px
}

.checkoutordersummarybox td, .checkoutordersummarybox th {
  text-align: center
}

.checkoutordersummarybox td:first-child, .checkoutordersummarybox th:first-child {
  text-align: left
}

.checkoutordersummarybox h4 {
  font-size: 12px;
  display: inline
}

.checkoutordersummarybox img {
  max-width: 50px;
  vertical-align: middle
}

.checkoutordersummarybox .unitprice {
  text-align: center
}

.checkoutordersummarybox s {
  display: block
}

.checkoutordersummarybox b {
  color: #ff870d;
  float: none;
  font-size: 12px
}

.checkoutordersummaryboxtotals {
  padding: 10px
}

.checkoutordersummaryboxtotals td {
  padding: 5px 0 5px 5px;
  text-align: right
}

.checkoutordersummaryboxtotals th {
  padding: 5px 0 5px 5px;
  text-align: right;
  width: 100%
}

.checkoutordersummaryboxtotals tr.shippingcost {
  font-size: 14px
}

.checkoutordersummaryboxtotals tr.ordersubtotal {
  font-size: 15px
}

.checkoutordersummaryboxtotals tr.ordersubtotal td {
  color: #ff870d
}

.checkoutsteps {
  background-color: #eee;
  background-image: linear-gradient(#fff, #eaeaea);
  height: 30px;
  margin: 0 auto 40px;
  padding: 0;
  text-align: center;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .25)
}

.checkoutsteps li {
  color: #999;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
  list-style: none;
  margin: 0;
  padding: 0 40px;
  position: relative;
  text-align: center;
  z-index: 1
}

.checkoutsteps li.active {
  background-color: #358dee;
  color: #fff
}

.checkoutsteps li.active:after {
  border: 15px solid transparent;
  border-left-color: #358dee;
  content: ' ';
  height: 0;
  right: -30px;
  position: absolute;
  top: 0;
  width: 0
}

.checkoutsteps li.completed {
  color: #ccc
}

.checkoutsteps li.laststepcompleted {
  background: url(/images/design/icon-laststepcompleted.png) 25px 6px no-repeat #4b8d00;
  color: #fff;
  padding: 0 25px 0 55px
}

.checkoutsteps li.laststepcompleted:after {
  border: none
}

#coupon-form {
  margin: 0;
  padding: 0 0 10px
}

#coupon-form th {
  text-align: left;
  vertical-align: top
}

#coupon-form td {
  padding-top: 20px;
  vertical-align: top
}

#coupon-form label {
  color: #666;
  padding-bottom: 5px;
  text-align: left
}

#coupon-form input[type=text] {
  padding: 0;
  width: 150px
}

input[type=submit].couponapplybtn {
  background-color: #fc9b44;
  background-image: linear-gradient(#fc9b44, #f1821c);
  border: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 5px 20px;
  text-shadow: 0 0 3px rgba(0, 0, 0, .2);
  text-transform: uppercase;
  background-clip: padding-box;
  border-radius: 5px
}

input[type=submit].couponapplybtn:hover {
  background-color: #76b1f1;
  background-image: linear-gradient(#76b1f1, #3f91ec)
}

#coupon-form p {
  color: #666;
  font-style: italic;
  margin: 0;
  padding: 5px 0
}

input[type=submit].completeorderbtn:disabled, input[type=submit].ui-state-disabled {
  background-color: #e0e0e0;
  background-image: linear-gradient(#e0e0e0, #bababa);
  color: #eee;
  cursor: not-allowed
}

input[type=submit].completeorderbtn:disabled:hover, input[type=submit].ui-state-disabled:hover {
  background-color: #e0e0e0;
  background-image: linear-gradient(#e0e0e0, #bababa)
}

input[type=submit].completeorderbtn:disabled:active, input[type=submit].ui-state-disabled:active {
  box-shadow: none
}

a.printlink {
  background: url(/images/design/icon-printlink.png) right top no-repeat;
  color: #333;
  display: inline-block;
  float: right;
  padding-right: 20px;
  text-decoration: none
}

a.printlink:hover {
  text-decoration: underline
}

.recentorderitems {
  display: table;
  border-left: 1px solid #dfe9f5;
  border-top: 1px solid #dfe9f5;
  font-size: 12px
}

.recentorderitems .header {
  width: 100%;
  display: table-row
}

.recentorderitems .header>div {
  box-sizing: border-box;
  display: table-cell;
  background-color: #efefef;
  color: #999;
  font-size: 12px;
  padding: 3px 10px !important;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  border-right: 1px solid #dfe9f5;
  border-left: 1px solid #dfe9f5
}

.recentorderitems .product {
  width: 100%;
  display: table-row
}

.recentorderitems .product>div {
  box-sizing: border-box;
  padding: 10px !important;
  display: table-cell;
  border-right: 1px solid #dfe9f5;
  border-bottom: 1px solid #dfe9f5
}

.recentorderitems .header div.item, .recentorderitems .product div.item {
  width: 467px
}

.recentorderitems .product div.item h3 {
  color: #68ace5
}

.recentorderitems .product div.item h4 {
  color: #999;
  font-weight: 400
}

.recentorderitems .product div.item img.thumb {
  float: left;
  margin: 0 10px 10px 0
}

.recentorderitems .product div.item a.order {
  margin-left: 66px;
  display: block
}

.recentorderitems .header div.quantity, .recentorderitems .product div.quantity {
  width: 75px !important;
  text-align: center
}

.recentorderitems .header div.price, .recentorderitems .product div.price {
  width: 68px !important;
  text-align: center
}

.recentorderitems .header div.reorder, .recentorderitems .product div.reorder {
  width: 130px !important;
  text-align: center
}

.orderitems {
  font-size: 12px
}

.orderitems img {
  float: left;
  margin: 0 10px 10px 0
}

.cartrxrequired {
  color: #fe8e20;
  font-size: 11px;
  font-weight: 700;
  margin: 0 5px 5px 0;
  vertical-align: 20%
}

.orderitems .cartqty {
  font-weight: 700;
  text-align: center
}

.orderitems .carttotal {
  text-align: right
}

.orderitems h4 {
  color: #358dee;
  margin: 0 0 5px
}

div.orderfooter {
  margin-bottom: 2em
}

div.ordertotals {
  border: none;
  float: left;
  text-align: right;
  padding: 1em;
  box-sizing: border-box
}

div.ordertotals p {
  margin-bottom: .5em
}

div.ordertotals p em {
  color: #c30;
  font-size: 18px;
  font-weight: 700
}

form#add-all-items {
  text-align: right;
  padding: 1em;
  box-sizing: border-box
}

form#add-all-items .addalltocartbtn {
  float: right
}

.maincontent {
  float: left;
  padding-bottom: 20px;
  width: 741px;
  margin-top: 1em
}

.sidebar {
  float: right;
  padding-bottom: 20px;
  width: 225px
}

.width48 {
  clear: none;
  float: left;
  width: 48%
}

.account-sidebar li {
  color: #555
}

.account-sidebar h4 {
  margin-bottom: .5em
}

.account-sidebar li small {
  color: #777
}

.icon-edit {
  background: url(/images/design/icon-edit.png) no-repeat;
  display: inline-block;
  height: 16px;
  margin-left: 5px;
  vertical-align: bottom;
  width: 16px
}

.icon-edit span {
  display: none
}

.icon-add {
  background: url(/images/design/icon-add.png) no-repeat;
  display: inline-block;
  height: 16px;
  margin-left: 5px;
  vertical-align: bottom;
  width: 16px
}

.icon-add span {
  display: none
}

.icon-delete {
  background: url(/images/design/icon-delete.png) no-repeat;
  display: inline-block;
  height: 16px;
  margin-left: 2px;
  vertical-align: bottom;
  width: 16px
}

.icon-delete span {
  display: none
}

input[type=submit].addtocartbtnsm {
  background-color: #fc9b44;
  background-image: linear-gradient(#fc9b44, #f1821c);
  border: 0;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 0;
  text-shadow: 0 0 3px rgba(0, 0, 0, .2);
  width: 94px;
  background-clip: padding-box;
  border-radius: 5px
}

input[type=submit].addtocartbtnsm:hover {
  background-color: #76b1f1;
  background-image: linear-gradient(#76b1f1, #3f91ec)
}

input[type=submit].addalltocartbtn {
  background-color: #fc9b44;
  background-image: linear-gradient(#fc9b44, #f1821c);
  border: 0;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-top: 3px;
  padding: 6px 0;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 0 3px rgba(0, 0, 0, .2);
  width: 220px;
  background-clip: padding-box;
  border-radius: 5px
}

input[type=submit].addalltocartbtn:hover {
  background-color: #76b1f1;
  background-image: linear-gradient(#76b1f1, #3f91ec)
}

.notice-text {
  background-color: #f2f7fd;
  background-clip: padding-box;
  border-radius: 5px;
  float: left;
  font-size: 11px;
  margin: 10px 0;
  padding: 10px 15px 15px;
  width: 190px;
  clear: both;
  display: none
}

.notice-text.old {
  display: block
}

.notice-text h4 {
  color: #ff8f1f;
  font-size: 14px
}

.notice-text p {
  font-size: 11px
}

.cartcontent .intellisuggest-title {
  display: none
}

.cartcontent .intellisuggest-item {
  width: 128px;
  padding: 20px 10px 0;
  text-align: left;
  float: left
}

.cartcontent .intellisuggest-item-name {
  margin: 5px 0 auto;
  text-align: center;
  display: block
}

#qnaform input, textarea {
  border: 1px solid #c7c7c7;
  font-size: 14px;
  height: 2.6em;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  background-clip: padding-box;
  border-radius: 5px
}

.answer {
  padding: 15px 0 0 15px
}

.answer img {
  max-width: 580px
}

.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr
}

.ir br {
  display: none
}

.hidden {
  display: none;
  visibility: hidden
}

.invisible {
  visibility: hidden
}

.clearfix:after, .clearfix:before {
  content: "";
  display: table
}

.clearfix:after {
  clear: both
}

.clearfix {
  zoom: 1
}

@media print {
  * {
    background: 0 0 !important;
    color: #000 !important;
    text-shadow: none !important;
    filter: none !important
  }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline
  }

  a[href]:after {
    content: " ("attr(href) ")"
  }

  .ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after {
    content: ""
  }

  blockquote, pre {
    border: 1px solid #999;
    page-break-inside: avoid
  }

  thead {
    display: table-header-group
  }

  img, tr {
    page-break-inside: avoid
  }

  img {
    max-width: 100% !important
  }

  @page {
    margin: .5cm
  }

  h2, h3, p {
    orphans: 3;
    widows: 3
  }

  h2, h3 {
    page-break-after: avoid
  }
}

input[name=elname] {
  display: none
}

#tiOverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .5;
  z-index: 50
}

#tiMWrapper, rejoiner-modal-wrapper {
  position: fixed;
  z-index: 51;
  left: 0;
  right: 0;
  margin: auto;
  width: 725px;
  background: #cdcdcd;
  border-radius: 3px;
  top: 80px
}

#tiM {
  position: relative;
  background: #fff;
  margin: 5px;
  padding: 10px 10px 10px 30px;
  float: left
}

#tiMQuantityWarning {
  font-size: 20px
}

#tiMQuantityButtons {
  margin-top: 3em;
  margin-bottom: 2em
}

#tiMQuantityButtons>button {
  margin-right: 20px
}

#tiMQuantityButtons>button.grey {
  font-weight: 400;
  color: #333
}

#tiMGutsLeft {
  display: inline-block;
  float: left;
  width: 455px
}

#tiMGutsRight {
  display: inline-block;
  float: left;
  width: 220px
}

#tiMGuts {
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
}

#tiMH>div {
  color: #4291e0;
  font-size: 40px;
  margin-bottom: 7px
}

#tiMH>div>img {
  vertical-align: bottom;
  margin-right: .5em
}

#tiMH>span {
  font-size: 24px;
  color: #626262
}

.tiMBullet .tiMBulletPoint {
  color: #626262;
  border-radius: 8px;
  font-size: 16px;
  padding: 5px 10px 10px
}

#tiMGutsLeft .tiMSprite {
  display: inline-block;
  float: left;
  background: url(/images/rx-modal/vrd-gray-circle.png);
  width: 78px;
  height: 78px;
  line-height: 78px;
  text-align: center;
  color: #fff;
  font-size: 50px;
  margin-top: -5px;
  margin-left: -10px;
  margin-right: 10px
}

.tiMBullet {
  margin-bottom: 30px;
  clear: both;
  min-height: 72px;
}

#tiCustBox>div {
  background: #f1f1f1;
  margin-left: 20px;
  padding: 15px;
  border-radius: 8px
}

#tiCustBox {
  border-left: 3px solid #e7e7e7;
  margin-left: 30px;
  margin-bottom: 30px
}

#tiLady {
  text-align: center;
  margin-bottom: 10px
}

#tiLady>img {
  border-top: 2px solid #e7e7e7;
  border-bottom: 2px solid #e7e7e7
}

#tiMBB {
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  padding: 20px 10px 10px
}

.tiMClear {
  clear: both
}

#tiMBBAdd:hover {
  background-color: #76b1f1;
  background-image: linear-gradient(#76b1f1, #3f91ec)
}

#tiMBBAdd {
  text-align: center;
  cursor: pointer;
  bottom: 10px;
  right: 10px;
  background-color: #fc9b44;
  background-image: linear-gradient(#fc9b44, #f1821c);
  border: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  padding: 6px 0;
  text-shadow: 0 0 3px rgba(0, 0, 0, .2);
  width: 175px;
  background-clip: padding-box;
  border-radius: 5px
}

#tiMBBImg img {
  width: 100px;
  height: auto
}

#tiMBBImg {
  display: inline;
  float: left;
  width: 100px;
  min-height: 120px;
  margin-right: 20px
}

#tiMBBInfo {
  padding-bottom: 30px
}

#tiMBBName {
  color: #59b0f5;
  text-align: left;
  margin-bottom: .5em;
  font-size: 20px
}

#tiMBBPrice {
  text-align: left;
  color: #828282;
  font-size: 20px
}

#tiMClose {
  position: absolute;
  top: 5px;
  font-size: 10px;
  color: #828282;
  right: 5px;
  cursor: pointer
}

#tiMClose:after {
  border-left: 3px solid #828282;
  border-top: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  content: '';
  display: inline-block;
  margin-left: 3px
}

.unavailable {
  font-size: 110%
}

div.table {
  width: 100%;
  display: table;
  margin-bottom: 2em
}

div.table, div.table * {
  box-sizing: border-box
}

div.table>div {
  width: 100%;
  display: table-row
}

div.table>div>div {
  display: table-cell;
  border-left: 1px solid #dfe9f5;
  border-top: 1px solid #dfe9f5;
  padding: 10px
}

div.table>div>div:last-child {
  border-right: 1px solid #dfe9f5
}

div.table>div:last-child>div {
  border-bottom: 1px solid #dfe9f5
}

div.table>div.header>div {
  background-color: #efefef;
  color: #999;
  font-size: 12px;
  padding: 3px 10px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap
}

a.external {
  white-space: nowrap
}

a.external span.fa {
  margin-left: .5em
}

.mobile-only {
  display: none
}

.ui-selectmenu-button.ui-button#product-variation-button {
  background-image: none;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  color: #444;
  float: right;
  font: bold 13px helvetica, arial, sans-serif;
  border-radius: 3px;
  z-index: 99;
  top: -4px
}

.ui-selectmenu-menu {
  z-index: 7000 !important
}

span.price-text {
  color: #0060c5;
  display: inline !important;
  margin: 0 !important
}

span.out-of-stock {
  color: #c00;
  font-size: 12px;
  display: inline !important;
  margin: 0 !important
}

li.out-of-stock {
  opacity: .5
}

.productimage>a {
  cursor: default
}

.productthumbnails {
  display: flex;
  margin-top: 2em
}

.productthumbnails>.thumbnail {
  max-width: 33%;
  box-sizing: border-box;
  padding: 4px;
  opacity: .5;
  max-width: 33%;
  cursor: pointer
}

.productthumbnails>.thumbnail.selected, .productthumbnails>.thumbnail:hover {
  opacity: 1
}

.productthumbnails>.thumbnail:only-child {
  display: none
}

.productthumbnails>.thumbnail>a {
  border: 1px solid #eee;
  padding: 4px;
  display: block
}

.productthumbnails>.thumbnail.selected>a:focus {
  outline: 0
}

.productthumbnails>.thumbnail>a>img {
  width: 100%
}

og-quickbuy {
  display: block;
  text-align: right
}

#og-marketing-optin {
  z-index: 1001 !important
}

.subscription-modal,
.newsletter-modal {
  width: 100vw;
  height: 100vh;
  margin: 0;
  font-family: 'Open Sans', Arial, sans-serif;
  background-color: rgba(47, 98, 170, .85);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 90;
  display: none
}

.subscription-modal img {
  display: inline-block;
  border: 0;
  user-drag: none;
  user-select: none
}

.subscription-modal h3 {
  color: #2f62aa;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  letter-spacing: 1px;
  margin-bottom: 15px
}

.subscription-modal h4.headline {
  color: #2f62aa;
  font-size: 2rem;
  font-weight: 700;
}

.subscription-modal p {
  width: 90%;
  max-width: 400px;
  color: #464646;
  font-size: 15px;
  line-height: 20px;
  margin: 10px auto
}

.subscription-modal p.bigger-txt {
  font-size: 17px;
  line-height: 22px
}

.subscription-modal em {
  font-size: 11px
}

.subscription-modal .modal-container {
  width: 90%;
  max-width: 500px;
  min-height: 100px;
  margin: 8vh auto 0;
  padding: 70px 0 30px;
  border: 20px solid #2f62aa;
  text-align: center;
  background-color: #fff;
  background-image: url(https://rejoiner-cdn.s3.amazonaws.com/images/vetrxdirect/2018/modal/modal-paw-icon.png);
  background-repeat: no-repeat;
  background-size: 42px;
  background-position: center 20px;
  position: relative;
  display: none;
}

.newsletter-modal .modal-container {
  width: 90%;
  max-width: 500px;
  min-height: 100px;
  margin: 8vh auto 0;
  border: 20px solid #2f62aa;
  text-align: center;
  position: relative;
  display: none
}

.subscription-modal iframe,
.newsletter-modal iframe {
  display: block;
  height: 600px;
  border: none;
  width: 100%;
}

.subscription-modal .modal-container .close-modal,
.newsletter-modal .modal-container .close-modal {
  display: block;
  width: 30px;
  height: 30px;
  background-color: #2f62aa;
  border: 5px solid #fff;
  border-radius: 30px;
  color: #fff;
  font-weight: 700;
  line-height: 25px;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 99;
  cursor: pointer;
  transition: .3s ease-in-out
}

.subscription-modal .modal-container .close-modal:hover,
.newsletter-modal .modal-container .close-modal:hover {
  background-color: #fff;
  color: #2f62aa
}

.subscription-modal .modal-container .stage {
  transition: .3s ease-in-out
}

.subscription-modal .modal-container .stage.hidden {
  opacity: 0;
  visibility: collapse;
  max-width: 0;
  max-height: 0
}

.subscription-modal .modal-container .stage.pre-submit img.headline {
  width: 270px;
  margin-bottom: 10px
}

.subscription-modal .modal-container .stage.thank-you img.pets-image {
  margin-top: 20px
}

.subscription-modal .modal-container .stage.thank-you button {
  width: 100%;
  display: block;
  max-width: 200px;
  margin: 10px auto;
  padding: 18px 14px;
  outline: 0;
  border: none;
  color: #fff;
  font-size: 14px;
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #f69330;
  appearance: none;
  transition: .3s ease-in-out;
  background-image: none;
  cursor: pointer;
  border-radius: 0;
  text-shadow: none
}

.subscription-modal .modal-container .stage.thank-you button:hover {
  background-color: #f58618
}

.subscription-modal .modal-form {
  width: 90%;
  max-width: 300px;
  min-width: 300px;
  margin: 20px auto 0
}

.subscription-modal .modal-form .checkbox-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 95%;
  max-width: 300px;
  min-width: 300px;
  margin: 10px auto;
  font-size: 11px
}

.subscription-modal .modal-form .checkbox-container label {
  display: block;
  line-height: 15px;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  color: #777;
  cursor: pointer;
  user-select: none;
  transition: .3s ease-in-out
}

.subscription-modal .modal-form .checkbox-container label:hover input~.checkmark {
  background-color: #ccc
}

.subscription-modal .modal-form .checkbox-container label input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  appearance: none;
  transition: .3s ease-in-out
}

.subscription-modal .modal-form .checkbox-container label input[type=checkbox]:checked~.checkmark {
  background-color: #2196f3
}

.subscription-modal .modal-form .checkbox-container label input[type=checkbox]:checked~.checkmark:after {
  display: block
}

.subscription-modal .modal-form .checkbox-container label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee;
  transition: .3s ease-in-out
}

.subscription-modal .modal-form .checkbox-container label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 2px;
  width: 3px;
  height: 7px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  transition: .3s ease-in-out
}

.subscription-modal .modal-form button, .subscription-modal .modal-form input[type=email], .subscription-modal .modal-form input[type=text] {
  width: calc(100% - 33px);
  margin: 5px auto;
  padding: 14px;
  font-size: 14px;
  font-family: 'Open Sans', Arial, sans-serif;
  outline: 0;
  appearance: none;
  transition: .3s ease-in-out
}

.subscription-modal .modal-form input[type=email], .subscription-modal .modal-form input[type=text] {
  border: 2px solid #efefef
}

.subscription-modal .modal-form input[type=email].centered-txt, .subscription-modal .modal-form input[type=text].centered-txt {
  text-align: center
}

.subscription-modal .modal-form input[type=email]:focus, .subscription-modal .modal-form input[type=text]:focus {
  border-color: #b6c9e5
}

.subscription-modal .modal-form button {
  width: 100%;
  border: none;
  padding: 18px 14px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #f69330;
  background-image: none;
  cursor: pointer;
  border-radius: 0;
  text-shadow: none
}

.subscription-modal .modal-form button:hover {
  background-color: #f58618
}

.subscription-modal .modal-form.split-form {
  min-width: 350px;
  max-width: 350px;
  margin-top: 0
}

.subscription-modal .modal-form.split-form .row {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.subscription-modal .modal-form.split-form .row>div {
  flex: 1
}

.subscription-modal .modal-form.split-form .row>div:first-child {
  margin-right: 20px
}

.subscription-modal .modal-form.split-form .row.label-only {
  margin: 10px 0 4px
}

.subscription-modal .modal-form.split-form .row.label-only label em {
  font-weight: 400;
  letter-spacing: 0
}

.subscription-modal .modal-form.split-form label {
  display: block;
  padding: 0 0 2px;
  color: #707070;
  font-size: 11px;
  font-weight: 700;
  text-align: left;
  letter-spacing: .75px
}

.subscription-modal .modal-form .error {
  display: inline
}

.subscription-modal .modal-form .stage {
  min-height: 400px
}

form.form-2018 {
  font-size: 1.1em
}

form.form-2018 label {
  color: #68ace5
}

form.form-2018 span.required {
  color: #c30;
  font-size: 1.1em
}

form.form-2018 input[type=date], form.form-2018 input[type=datetime-local], form.form-2018 input[type=datetime], form.form-2018 input[type=email], form.form-2018 input[type=month], form.form-2018 input[type=number], form.form-2018 input[type=password], form.form-2018 input[type=search], form.form-2018 input[type=tel], form.form-2018 input[type=text], form.form-2018 input[type=time], form.form-2018 input[type=url], form.form-2018 input[type=week], form.form-2018 select, form.form-2018 textarea {
  padding: 8px;
  height: auto;
  border: 1px solid #ccc
}

form.form-2018 button[type=submit], form.form-2018 input[type=submit] {
  border: none;
  padding: 14px 10px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #f69330;
  background-image: none;
  cursor: pointer;
  border-radius: 0;
  text-shadow: none
}

div.actionbox {
  margin: 1em;
  border: 1px solid #ccc;
  box-sizing: border-box
}

div.actionbox h3 {
  background-color: #358dee;
  color: #fff;
  padding: .5em
}

div.actionbox>form {
  padding: 1em
}

div.actionbox>form label {
  font-weight: 700
}

div.actionbox>form input[type=email], div.actionbox>form input[type=password], div.actionbox>form input[type=text] {
  width: 100%;
  padding: .25em;
  font-size: 1.25em
}

div.actionbox>form span.error {
  display: block;
  width: auto;
  font-size: 1.25em;
  margin: .25em 0
}

.productoptions p.compounded-fee-description {
  font-size: .9em;
  color: #555;
  font-weight: 400
}

.cartcontent p.compounded-fee-description {
  margin-top: 6em;
  font-size: .9em;
  color: #999;
  font-weight: 400
}

.checkoutordersummarybox p.compounded-fee-description {
  color: #999;
  margin-top: 2em
}

.pet-avatar, ul.pets .icon-edit {
  vertical-align: middle
}