div#header {
  margin-top: 10px;
}

#topnav {
  margin-top: 5px;
}

.downarrowclass {
  margin-right: 5px;
}

div#contentRight {
  width: 231px;
}

a.navEffect {
  white-space: nowrap;
  margin-left: 5px !important; /* Fix for layout issue caused by minimee compression */
}

a.navEffect:hover {
  margin-left: 5px !important; /* Fix for layout issue caused by minimee compression */
}

/* Order Nav Orange */
a.navEffect.navOrder {
  font-weight: bold;
  color: #0C2C57;
  background: transparent url(/assets/temp/images/skin6/topnav_li_order.png) 0 -6px no-repeat !important;
  border-bottom: #9C440A 1px solid;
}

a.navEffect.navOrder:hover {
  color: #07162B;
  background: transparent url(/assets/temp/images/skin6/topnav_li_order.png) 0 -76px no-repeat !important;
  border-bottom: #9C440A 1px solid;
}

a.navEffect.navOrder.current {
  /* Using main styles, to indicate selected tab */
  background:transparent url(/assets/temp/images/skin6/topnavBG.png) -100px -76px no-repeat !important;
  border-bottom: transparent 1px solid;
  font-weight: normal;
}

/* jqueryslidemenu.css */
a.navEffect.navOrder img.downarrowclass {
  display: none !important;
  width: 11px;
  height: 9px;
}

a.navEffect.navOrder.current img.downarrowclass {
  display: inline !important;
  width: 11px;
  height: 9px;
}

a.navEffect.navOrder img.downarrowclass2 {
  position:absolute;
  top:15px;
  right:7px;
  margin-right: 5px;
  width: 11px;
  height: 9px;
}

a.navEffect.navOrder.current img.downarrowclass2 {
  display: none;
  width: 11px;
  height: 9px;
}

a.home, a.home:hover {
  width: 60px;
  text-indent: 0;
}

a {
  color: #39c;
}

a:hover {
  color: #1e2229;
}

/* Blog Links */
a.category, a.comments {
  text-decoration: none;
}

a.category:hover, a.comments:hover {
  color: #fff;
}

/* Needs to be in custom.css, to override some inherited header / ul styles from original template */
.textLink {
  color: #39c !important;
}

.textLink:hover {
  color:#1e2229 !important;
}

img.flag {
  float: left;
  margin-right: 15px;
  width: 33px;
  height: 22px;
  border: 0
}

#logo {
  margin-top:0;
  background:transparent url(/assets/temp/images/skin6/hak_logo.png) no-repeat;
  text-indent:-9999px;
  width:330px;
  height:65px;
  display:block;
  /* Issue with positived div covering href */
  position:relative;
  z-index: 1;
}

.logo_ca {
  background:transparent url(/assets/temp/images/skin6/hak_logo_ca.png) no-repeat !important;
}

div.listStyle ul li {
  color:#444;
}

/* New button style, using default stylesheet's #submit values */
input.btn-sm, input.btn-md, input.btn-xl {
  border:#111 1px solid;
  background:#0c2c57;
  color:#fff;
  font-weight:bold;
  width:120px;
  height:30px;
  margin-top:10px;
  font-size:12px;
  padding-bottom:2px;
  outline:0;
}

input.btn-sm:hover, input.btn-md:hover, input.btn-xl:hover {
  border:1px solid #39c;
  background:#39c;
  cursor:pointer;
  outline:0;
}

/* Used by ebook download button in confirmation area */
input.btn-red {
  background: #860022 !important;
  border: #460012 1px solid !important;
}

input.btn-red:hover {
  background: #C00032 !important;
  border: #C00032 1px solid !important;
}

input.btn-sm {
  width: 100px;
  height: 20px;
  border:#111 1px solid;
  font-size: 11px;
  margin-top:0;
}

input.btn-xl {
  width: 100%;
  height: 35px;
  border:#111 3px solid;
  font-size: 15px;
}

input.btn-xl:hover {
  border:3px solid #39c;
}

input.btn-buy {
  background: #EA8B15;
  color: #000;
  border-color: #444;
}

input.btn-buy:hover {
  background: #EDD034;
  color: #000;
  border-color: #5A5A5A;
}

input.btn-grey {
  background: #f0f0f0 !important;
  color: #999 !important;
  border:#c0c0c0 1px solid !important;
}
input.btn-grey:hover {
  background: #c0c0c0 !important;
  color: #444 !important;
  border:#c0c0c0 1px solid !important;
}


/* New Message Box */
/* Only serve US / Canada */
div.msg-alert {
  border: 2px solid #29050E;
  color: #702E38;
  padding: 15px;
  margin: 10px 0 20px 0;
  background-color: #EDD034; /* #EAC602 */
  -webkit-border-radius:  5px;
  -moz-border-radius:     5px;
  -o-border-radius:       5px;
  border-radius:          5px;
  filter: alpha(opacity=80);
  opacity: 0.8;
}

div.msg-alert-grey {
  border: 2px solid #C1C1C1;
  /*color: #858585;*/
  padding: 15px;
  margin: 10px 0 20px 0;
  background-color: #E9E9E9;
  -webkit-border-radius:  5px;
  -moz-border-radius:     5px;
  -o-border-radius:       5px;
  border-radius:          5px;
  filter: alpha(opacity=80);
  opacity: 0.8;
}

/* Order Hair Analysis Kit */
div.frame-container {
  margin: 20px 0 20px 0;
  border: 2px solid #29050E;
  -webkit-border-radius:  5px;
  -moz-border-radius:     5px;
  -o-border-radius:       5px;
  border-radius:          5px;
  filter: alpha(opacity=80);
  opacity: 0.8;
  height: 420px;
}

/* iframe#order-kit isn't being found in the DOM */
div.frame-container #order-kit {
  border: 0;
  width: 100%;
  height: 420px;
}

.text_area {
  width: 640px;
}

img.cards-sm {
  float: none;
  margin: 10px 0 20px 0;
}



/* Confirmation Page Submittal Form Download */
table.submittal-form {
  width: 100%;
}

table.submittal-form td {
  width: 60%;
  vertical-align: top;
}

table.submittal-form td:first-child p {
  margin-top: 0 !important;
  margin-left: 25px;
}

table.submittal-form td + td {
  width: 40%;
  text-align: center;
}

table.submittal-form td + td img {
  border: #C0C0C0 solid 1px;
}

table.submittal-form img.checkmark-sm {
  float: left;
}

/* Order Page
----------------------------------------------------------------------------------------------------*/

/* Hair Analysis Companion */
ul.ebook {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul.ebook li {
  padding: 5px 15px;
}

ul.ebook li:nth-child(odd) {
  background: rgba(255,255,255,0.2);
}

ul.ebook li:nth-child(even) {
  background: rgba(255,255,255,0.3);
}

/* Bulleted list summaries */
ul.elements,
ul.lab-15-pages,
ul.included,
ul.hps {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

ul.elements li.element,
ul.lab-15-pages li,
ul.included li,
ul.hps li {
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left: 25px;
  margin-bottom: 15px;
}

/* 37 Elements tested */
ul.elements li.element strong {
  color: #EBAA06;
}

ul.elements li.em-toxic {
  background-image: url(/assets/temp/images/skin6/toxic_sm.png);
}

ul.elements li.em-nutritional {
  background-image: url(/assets/temp/images/skin6/check_sm.png);
}

ul.elements li.em-additional {
  background-image: url(/assets/temp/images/skin6/info_sm.png);
}

/* 15 Pages lab interpretation */
ul.lab-15-pages li {
  background-image: url(/assets/temp/images/skin6/check_sm.png);
  background-position: 5px 3px;
  padding: 2px 15px 2px 30px;
}

ul.lab-15-pages li:nth-child(odd) {
  background-color: #F2F2F2;
}

ul.lab-15-pages li:nth-child(even) {
  /* empty */
}

/* Services Included */
ul.included li {
  background-image: url(/assets/temp/images/skin6/check_sm.png);
  background-position: 5px 3px;
  padding: 2px 15px 2px 30px;
}

ul.included li:nth-child(odd) {
  background-color: #F2F2F2;
}

ul.included li:nth-child(even) {
  /* empty */
}

/* HPS */
ul.hps li {
  background-image: url(/assets/temp/images/skin6/check_sm.png);
  background-position: 5px 3px;
  padding: 2px 15px 2px 30px;
}

ul.hps li:nth-child(odd) {
  background-color: #F2F2F2;
}

ul.hps li:nth-child(even) {
  /* empty */
}

/* Order Page / FAQ Search Options Panels */
h5.panel-trigger,
h6.panel-trigger {
  cursor: pointer;
  color: #444;
}

h5.panel-trigger:hover,
h6.panel-trigger:hover {
  color: #39c;
}

h5.panel-trigger span.panel-icon,
h6.panel-trigger span.panel-icon {
  float: left;
  width: 10px;
  height: 17px;
  display: inline-block;
  padding: 1px 6px 7px 6px;
  margin-right: 15px;
  font-weight: bold;
  background-color: #39C;
  color: #FFF;
  -webkit-border-radius:  3px;
  -moz-border-radius:     3px;
  -o-border-radius:       3px;
  border-radius:          3px;
}

h6.panel-trigger span.panel-icon {
  width: 9px;
  height: 14px;
}

h5.panel-trigger:hover span.panel-icon,
h6.panel-trigger:hover span.panel-icon {
  /*background-color: #444;*/
}

span.panel-trigger input[type=button] {
  float: right;
  margin-right: 10px;
  margin-top: 0;
}

/* Price Summary Tables */
table.price-summary-table {
  width: 100%;
  border: 0;
  margin: 0 0 15px 0;
  padding: 0;
}

table.price-summary-table tr td {
  padding: 5px 15px 5px 5px;
  width: 20%;
  white-space: nowrap;
  text-align: right;
}

table.price-summary-table tr td:first-child {
  width: 80%;
  text-align: left;
}

table.price-summary-table tr:last-child td {
  border-top: dotted #c1c1c1 1px;
}

table.price-summary-table tr td img.check {
  float: left;
  margin-right: 10px;
}

table.price-summary-table tr td strong.discount {
  color: #39C;
}

/* Report Sample Download Button */
div.download-sample-report {
  width: 325px;
  text-align: left;
  display: inline-block;
}

/* SUPPLEMENTS */

/* Index Page Intro */
div.listStyle ul li h4 {
  display: inline;
  padding-left: 15px;
  line-height: 1.6;

}

/* Shipping Messaging etc. */
table.order-supplements-bar {
  width: 100%;
  border: 0;
}

table.order-supplements-bar tr td {
  vertical-align: top;
  width: 33%;
  cursor: pointer;
}

table.order-supplements-bar tr td:last-child {
  width: 33%;
}

table.order-supplements-bar tr td div.quoteText {
  padding: 10px 3px;
  margin-bottom: 0;
  transition-property: background-color;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -webkit-transition: 0.5s;
  -transition-duration: 0.5s;
  transition: 0.5s;
}

table.order-supplements-bar tr td div.quoteText:hover {
  background-color: #F0F0F0;
  transition-property: background-color;
  -o-transition-duration: 1.5;
  -ms-transition-duration: 1.5;
  -moz-transition-duration: 1.5;
  -webkit-transition: 1.5;
  -transition-duration: 1.5;
  transition: 1.5;
}

table.order-supplements-bar tr td div.quoteText:hover a {
  color: #1e2229;
}


table.order-supplements-bar tr td div.quoteText div {
  float: right;
  padding-right: 5px;
  white-space: nowrap;
}

table.order-supplements-bar tr td strong {
  display: inline-block;
  margin-bottom: 10px;
}

table.order-supplements-bar tr td img {
  float: left;
}

table.order-supplements-bar tr td a {
  display: inline-block;
  text-align: left;
}

/* Supplements Finder */
table.order-supplements-menu {
  width: 100%;
  margin: 15px 0 30px 0;
}

table.order-supplements-menu tr td {
  vertical-align: middle;
  width: 66%;
}

table.order-supplements-menu tr td:last-child {
  width: 34%;
}

table.order-supplements-menu tr td div.msg-alert {
  margin: 0 0 0 2px;
  padding: 10px;
  float: right;
}

/* Order Page Dialogs */

div.dialog-inner {
  padding: 20px 20px 0 20px;
}

div.dialog-inner table {
  width: 100%;
}

div.dialog-inner table td {
  vertical-align: middle;
  width: 50%;
  padding: 15px;
}

div.dialog-inner table td {
  text-align: center;
}

div.dialog-inner table td img {
  float: left;
}

div.dialog-inner table.bordered thead {
  background-color: #39C;
  color: #FFF;
  font-weight: bold;
}

div.dialog-inner table.bordered td {
  border: solid 2px #EEE;
}

div.dialog-inner div.extra-info {
  line-height: 1.6
}


/* Bullet Lists with Icons */

/* Bulleted list summaries */
ul.list-icons {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

ul.list-icons li.icon {
  background-repeat: no-repeat;
  /* background-position: 0 center; */
  background-position: 5px 3px;
  padding: 2px 15px 2px 30px;
  margin-bottom: 15px;
}

ul.list-icons li.toxic {
  background-image: url(/assets/temp/images/skin6/toxic_sm.png);
}

ul.list-icons li.check {
  background-image: url(/assets/temp/images/skin6/check_sm.png);
}

ul.list-icons li.info {
  background-image: url(/assets/temp/images/skin6/info_sm.png);
}

/* Supplements */
form.finder {
  margin: 0;
  padding: 0;
}

#theForm div.form-left {
  float: left;
  width: 50%;
}

#theForm div.form-right {
  float: right;
  width: 50%;
}

/* Form Pages */
/* Standard select styles */
form.finder select.select_input,
#theForm select.select_input {
  cursor: pointer;
  width: 260px;
  font-family: 'Lucida Grande', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
  font-size: 12px;
  color: #444;
  border: 1px solid #C0C0C0;
  padding: 4px;
  margin-top: 10px;
  background: #F1F1F1;
}

/* Supplement Finder */
form.finder select.select_input {
  width: 100%;
  margin-top: 0;
}

/* Strange Chrome behavior, requires background change to white and redeclared select styles or option styles get inherited */
form.finder select.select_input:focus,
#theForm select.select_input:focus {
  font-size: 12.5px;
  color: #444;
  background: #FFF;
}
/* Redeclaring above focus here seems to fix the chrome bug */
form.finder select.select_input:focus,
#theForm select.select_input:focus {
  font-size: 12px;
}

form.finder select.select_input option.cat,
#theForm select.select_input optgroup {
  font-weight: bold;
  font-size: 14px;
  background: #EBAA06;
}

form.finder select.select_input option,
#theForm select.select_input option {
  font-weight: normal;
  color: #444;
  font-size: 12px;
  background: #F1F1F1;
}

form.finder select.select_input > option:first-child,
#theForm select.select_input > option:first-child {
  display: none;
}

#theForm label {
  font-size: 15px;
}

#theForm strong.leftSpace {
  font-size: 13px;
  margin-left: 10px;
}

#theForm span.asterisk {
  color: #EBAA06;
  font-weight: bold;
}

/* Appointments */
select#time_date {
  max-width: 35%;
  float: left;
}

select#time_zone {
  max-width: 30%;
  float: left;
}

select#time_hour {
  max-width: 35%;
  float: left;
  visibility: hidden;
  /*opacity: 0.01;*/
}

select#time_hour option {
  display: none;
}

select#theForm label {
  cursor: pointer;
}

/* Contact / HPS Pages */

span.placeholder {
  z-index: 1000;
  /*display: inline-block; handled by jQuery */
  display: none;
  position: relative;
  top: -32px;
  line-height: 0;
  margin-left: 3px;
  float: left;
  width: 100%;
  font-size: 9px;
  color: #aaa;
}

/* Faq Pages */

div#faq h3 {
  margin-top: 15px;
}

div.faq-category h5.panel-trigger {
  margin-top: 0;
  cursor: pointer;
  background-color: #39c;
  color: #fff;
  border-radius: 5px;
  padding-left: 10px;
}

div.faq-category h5.panel-trigger span.panel-icon {
  margin-right: 10px;
}

div.faq-category h5.panel-trigger + div {
  display: none;
  padding-left: 15px;
  font-weight: normal;
}

/* Form Page FAQ */
div.form-faq h5.panel-faq-trigger,
div.form-faq h6.panel-faq-trigger {
  cursor: pointer;
  background-color: #39c;
  color: #fff;
  border-radius: 5px;
  padding-left: 15px;
}

div.form-faq h6.panel-faq-trigger {
  font-size: 17px;
  background-color: #C0C0C0;
  color: #444;
  padding-left: 10px;
}

div.form-faq h5.panel-faq-trigger + div,
div.form-faq h6.panel-faq-trigger + div  {
  display: none;
  /*padding-left: 15px;*/
  font-weight: normal;
}

div.form-faq h6.panel-faq-trigger span.panel-icon {
  float: left;
  width: 10px;
  height: 17px;
  display: inline-block;
  padding: 1px 6px 7px 6px;
  margin-right: 3px;
  background-color: #C0C0C0;
  color: #444;
}

div.form-faq h6.panel-faq-trigger span.panel-icon {
  width: 9px;
  height: 14px;
}


/* Home Page */
/* Needs to be here to overide default list styles */

img.home-banner {
  position: relative;
  z-index: 1;
  cursor: pointer;
  width: 640px;
  height: 300px;
}

div.greeting {
  /*float: left; Oli Removed IE Fix Jan 27 2016 */
  width: 640px; /* Oli Added IE Fix Jan 27 2016 */
  height: 300px; /* Oli Added IE Fix Jan 27 2016 */
  position: relative;
  /*margin-top: -280px;*/
  margin-top: -300px; /* Oli Edit IE Fix Jan 27 2016 */
  padding-top: 20px; /* Oli Added IE Fix Jan 27 2016 */
  z-index: 2;
}

div.greeting ul.list-icons li.icon {
  margin: 0;
  padding: 0 0 0 30px;
}

div.greeting h1 {
  color: #EBAA06;
  text-shadow: 2px 2px 3px #444, 1px 1px 2px #000;
  -webkit-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
}

div.greeting h3,
div.greeting h4,
div.greeting h5 {
  font-size: 19px;
}

div.greeting input[type='button'] {
  margin-left: 30px;
  width: 220px;
}

/* Text Layout utilities */
div.right,
span.right {
  float: right;
  margin-left: 15px;
}

div.left,
span.left {
  float: right;
  margin-left: 15px;
}

/* Canadian Provider Message on Order Page */

div.ca-provider {
  background-color: #fff;
  /* Border radius with additional 2px to avoid white rasta edges */
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
}

div.ca-provider .msg-alert {
  margin: 0;
  text-align: center;
}

div.ca-provider .msg-alert span {
  font-size: 10px;
  font-style: italic;
}

/* CORNER BANNER */

/* DISPLAY Smaller cropped version in upper right header for small and medium sized screens */
div.banner-top {
  width: 100%;
  display: block;
  position: absolute;
  top: 8px;
}

div.banner-top div.banner-container {
  width: 960px;
  margin-left:auto;
  margin-right:auto;
}

/* Save $30 - $50 */
div.banner-top div.banner-middle {
  width: 233px;
  float: right;
  margin-right: 15px;
}

/* Trace Nutrients Supplements */
div.banner-top div.banner-right {
  float: right;
  width: 233px;
  max-width: 233px;
  margin-top: -5px;
  margin-right: 15px;
}

div.banner-top img.banner-corner-sm {
  box-shadow: 2px 3px 2px #0D2643;
}

/* HIDE Larger version */
img.banner-corner-lg {
  display: none;
}

/* jqueryslidemenu.css */
.jqueryslidemenu ul li ul li a {
  width: 180px;
}

/* 1280px, but only works at 1260px on Safari. Maybe because of the scrollbar width. */
@media only screen and (min-width: 1260px) {
  /* HIDE Smaller cropped version */
  /* Save $30 - $50 */
  div.banner-top div.banner-middle {
    display: none;
  }

  /* Trace Nutrients Supplements */
  div.banner-top div.banner-right {
    margin-right: 27px;
  }

  /* ROTATE and Display banner in upper left corner on large screens */
  img.banner-corner-lg {
    display: block;
    /* Issue with positived div covering href */
    position: absolute;
    z-index: 1;
    top: 19px;
    left: -94px;
    /* 45 is really 360 - 45 */
    -webkit-transform: rotate(315deg); /* Ch <36, Saf 5.1+, iOS, An =<4.4.4 */
    -moz-transform: rotate(315deg); /* Firefox */
    -ms-transform: rotate(315deg); /* IE 9 */
    transform: rotate(315deg); /* IE 10, Fx 16+, Op 12.1+ */
    /* IE 8 and lower doesn't use media queries, which will default to small screen version */
  }
}

/* PayPal Minicart Sidebar */

div#minicart-sidebar {
  display: none;
}

div#minicart-sidebar table {
  width: 100%;
}

div#minicart-sidebar h5 {
  background: #39C;
  /*border: #29779B 1px solid;*/
  -webkit-border-radius:  5px;
  -moz-border-radius:     5px;
  -o-border-radius:       5px;
  border-radius:          5px;
  text-align: center;
  line-height: 33px;
  margin: 0 0 10px 0;
  color: #f5f5f5;
  width: 191px;
  height: 33px;
/*  text-shadow: 2px 2px 3px #3090BC, 1px 1px 2px #2D83AB;
  -webkit-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;*/
  cursor: pointer;
}

div#minicart-sidebar h5:hover {
  /*color: #FFF;*/
  /*-webkit-filter: brightness(90%);*/ /* Chrome, Safari, Opera */
/*  filter: brightness(90%);
  transition-property: all;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -webkit-transition: 0.5s;
  -transition-duration: 0.5s;
  transition: 0.5s;*/
}

div#minicart-sidebar table tr.cart-item:hover td {
  cursor: pointer;
  -webkit-filter: brightness(90%); /* Chrome, Safari, Opera */
  filter: brightness(90%);
  transition-property: all;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -webkit-transition: 0.5s;
  -transition-duration: 0.5s;
  transition: 0.5s;
}

div#minicart-sidebar table tr.cart-item:hover td a {
  color: #1e2229;
  text-decoration: underline;
}

div#minicart-sidebar table td {
  font-size: 12px;
  vertical-align: top;
  background-color: #FFF; /* Required for hover filter */
  width: 80%;
  padding: 3px;
  white-space: nowrap;
  transition-property: all;
  -o-transition-duration: 1.5;
  -ms-transition-duration: 1.5;
  -moz-transition-duration: 1.5;
  -webkit-transition: 1.5;
  -transition-duration: 1.5;
  transition: 1.5;
}

div#minicart-sidebar table tr.cart-divider {
  border-top: 1px solid #ddd;
}

div#minicart-sidebar table tr.cart-subtotal td {
  padding-top: 15px;
}

div#minicart-sidebar table td:first-child {
  width: 10%;
  padding-left: 6px;
}
div#minicart-sidebar table td:last-child {
  text-align: right;
  width: 10%;
  padding-right: 6px;
}

div#minicart-sidebar table td span.item-type,
div#minicart-sidebar table td span.item-discount {
  font-size: 11px;
  color: #cecece;
}

div#minicart-sidebar table td s.item-discount-calc {
  color: #cecece;
}

div#minicart-sidebar table td span.cart-info {
  cursor: pointer;
  display: inline-block;
  width: 15px;
  height: 15px;
  text-align: center;
  -webkit-border-radius:  50px;
  -moz-border-radius:     50px;
  -o-border-radius:       50px;
  border-radius:          50px;
  text-decoration: none;
  float: left;
  margin-top: 1px;
  background-color: #cecece;
  font-size: 10px;
  color: #fff;
  padding-left: 1px;
}

div#minicart-sidebar table td span.cart-info:hover {
  background-color: #39c;
}

div#minicart-sidebar img.cards-sm {
  margin: 15px 0 0 0;
}

/* One-Click Express Ordering */

div.instructions {
  font-size: 16px;
  padding-bottom: 15px;
}

h4.category-name {
  margin: 0 0 10px 0;
  background-color: #39c;
  color: #f5f5f5;
  border-radius: 5px;
  padding-left: 10px;
  text-align: center;
  line-height: 33px;
  height: 33px;
}

input.multi-add {
  width: 200px;
  margin: 15px 0 0 0;
}

div.order-express {
  margin: 10px 0;
  padding: 10px;
  background: #fff;
  border: #ddd 1px solid;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

div.order-express form.add-to-cart {
  margin: 0;
}

div.order-express form.add-to-cart td {
  width: 20%;
}

div.order-express form.add-to-cart input[name=quantity] {
  width: 40px;
}

/* Oli Added. Aug 08 2017. Template logic removes form.add-to-cart for discontinued statuses */
div.order-express table tbody tr td table > tbody > tr > td {
  width: 20%;
}

/* Oli Added. Aug 08 2017. Template logic removes form.add-to-cart for discontinued statuses */
div.order-express table tbody tr td table > tbody > tr > td input[name=quantity] {
  width: 40px;
}

/* Oli Added. Aug 08 2017. hidden price, inputs for discontinued */
div.order-express.discontinued table tbody tr td table > tbody > tr > td:nth-child(3n),
div.order-express.discontinued table tbody tr td table > tbody > tr > td:nth-child(4n),
table.discontinued-inner > tbody > tr > td:nth-child(3n),
table.discontinued-inner > tbody > tr > td:nth-child(4n) {
  visibility: hidden;
}

/* Oli Added. Aug 08 2017. Discontinued greyscale */
div.order-express.discontinued table,
h4.category-name.discontinued,
table.discontinued-container {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

div.order-express table {
  width: 100%;
}

div.order-express table table {
  margin-bottom: 15px;
}

div.order-express > table tr:nth-child(3n) {
  border-bottom: #ddd 1px solid;
}

div.order-express > table tr:nth-child(3n) td {
  padding-bottom: 10px;
}

div.order-express > table tr:last-child {
  border: 0;
}

div.order-express > table tr:last-child td {
  padding-bottom: 0;
}

div.order-express > table tr:first-child h4,
div.order-express > table tr:first-child img {
  margin-top: 0;
}

div.order-express td {
  vertical-align: top;
}

div.order-express td img {
  margin: 10px 0 10px 30px;
}

div.order-express input.item-view {
  width: 200px;
  margin: 0;
}

img.trace-nutrients-sidebar {
  /*margin-bottom: 25px;*/
}

a.express-ordering {
  text-decoration: none;
  margin-top: 15px;
  display: inline-block;
  font-size: 12px;
}

a.express-ordering img {
  margin-bottom: -3px;
  margin-right: 4px;
}

a.express-ordering strong {
  color: #EA8B15;
  margin-right: 4px;
}

a.express-ordering:hover strong {
  color: #1e2229;
}

/* HPS Scheduling */
div.jq-appointment {
  padding: 5px 0 0 10px;
  visibility: hidden;
}

#contentLeft div#toggle-appointment-other {
  padding: 0 0 10px 0; /* jerky slideDown transitions */
}

div.jq-terms-panel {
  height: 0;
  display: none;
  /*padding-top: 0;*/
  /*padding-bottom: 0;*/
  padding: 0 15px 15px 15px;
  overflow-x: hidden;
  overflow-y: scroll;
  font-size: 11px;
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  background: #f2f2f2;
  color: #333333;
}

/** Jun 05 2017. Prevent skype phone number highlighting */
.fax {
  display: none;
}