/* Global Variables */
.no-padding {
  padding: 0;
}
/*****
** Element Variables
**
** @{element}-{attribute-name}-{variation}: #HEX;
*****/
.no-padding {
  padding: 0;
}
div[class*='-validation'].error {
  border-top: 1px solid #e4d0d2;
  border-bottom: 1px solid #e4d0d2;
  background-color: #f2dedf;
  color: #884d53;
}
div[class*='-validation'].error .container {
  background-color: #f2dedf;
}
div[class*='-validation'].success {
  background-color: #dff0d8;
  border-top: 1px solid #d6e9c6;
  border-bottom: 1px solid #d6e9c6;
  color: #3c763d;
}
div[class*='-validation'].success .container {
  background-color: #dff0d8;
}
div[class*='-validation'] .container {
  padding-top: 5px;
  padding-bottom: 5px;
}
div[class*='-validation'] p {
  padding: 10px;
  margin: 0;
}
p.email-preferences-label {
  color: #838383;
}
.text-center {
  text-align: center;
}
.bg-shaded {
  background-color: #f3f3f3;
}
.pagination {
  text-align: center;
  display: block;
  padding-bottom: 20px;
  margin: 0 auto;
}
.pagination > div {
  text-align: center;
}
.pagination > div strong {
  text-align: center;
  color: white;
  background: #0099a8;
  padding: 3px 8px;
  margin: 0 2px;
  border-radius: 50%;
}
.pagination > div a {
  text-align: center;
  color: #0099a8;
  padding: 3px 8px;
  margin: 0 2px;
  border-radius: 50%;
  box-shadow: inset 0 0 2px #0099a8;
}
.close-row {
  display: none;
}
@media (max-width: 310px) {
  .close-row {
    display: block;
  }
  .close-row .close-mobile-nav {
    float: left;
    width: 30px;
    height: 30px;
    background-image: url("/images/global/close-icon.png");
    background-image: none, url("/images/global/close-icon.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px 30px;
    cursor: pointer;
    position: absolute;
    top: 17px;
    left: 20px;
  }
}
.clearfix {
  zoom: 1;
}
.clearfix:before {
  content: '';
  display: block;
}
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}
/* Mixins Up Here */
input,
select {
  border: 1px solid #CCC;
  padding: 3px;
  width: 200px;
}
h1,
h2 {
  font-size: 26px;
}
.no-items a {
  font-size: 1em;
}
.bowl-item-count {
  font-size: 0.435em;
}
.checkout-product {
  margin-top: 50px;
  position: relative;
}
.checkout-product .product-image-holder img {
  margin: 0 auto;
  display: block;
}
.checkout-product h2 {
  font-size: 1em;
  font-family: 'OpenSansBold', sans;
  padding: 15px 0px;
  margin-bottom: 0;
}
.checkout-product .intro {
  font-size: 0.875em;
  font-family: 'OpenSans', sans;
  padding: 0;
}
.checkout-product .bowl-item-info {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  padding: 5px 0px 7px 0px;
  margin-top: 10px;
}
.checkout-product .bowl-item-info .label {
  font-family: 'OpenSans', sans;
  font-size: 0.875em !important;
}
.checkout-product .bowl-item-info .quantity {
  width: 30px;
  height: 15px;
  line-height: 15px;
  padding: 5px 10px;
  font-size: 0.875em;
  font-family: 'Aller', sans-serif;
  border: 1px solid #c7c7c7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: 5px;
}
.checkout-product .bowl-item-info .value {
  font-size: 1.5em;
  padding-top: 5px;
  font-family: 'OpenSansBold', sans;
}
.checkout-product .bowl-item-info .item-price {
  padding-left: 15px;
}
.checkout-product .bowl-item-info .item-subtotal {
  padding-left: 45px;
}
.checkout-product .bowl-item-info .item-remove .remove {
  text-indent: -9999px;
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url('/images/sprites.png') no-repeat -111px -668px;
  position: relative;
  top: 20px;
}
.checkout-product .bowl-item-info .item-remove .remove:hover {
  background: url('/images/sprites.png') no-repeat -111px -694px;
}
.title {
  padding-bottom: 1.5%;
}
/** @ start of divs with product image and product name **/
.product-image {
  width: 644px;
  height: auto;
}
.image {
  width: 105%;
  height: auto;
}
.image img {
  width: 100%;
  height: auto;
}
.product-name-div {
  width: 1100px;
  height: auto;
}
.product-name-image {
  width: 110%;
  height: auto;
  margin-right: 10px;
}
.product-name-image img {
  width: 100%;
  height: auto;
}
/** @end of divs with product image and product name **/
/** @start of divs for the section with price and quantity**/
.the-id {
  width: 100%;
  height: auto;
  padding-top: 20px;
  font-size: 1em;
  font-family: 'OpenSans', sans;
  color: #7d92a1;
}
.the-price {
  width: 100%;
  height: auto;
  font-size: 1em;
  font-family: 'OpenSans', sans;
  color: #7d92a1;
}
.the-subtotal {
  width: 100%;
  margin-top: -6px;
  height: auto;
  padding-top: 1px;
  font-size: 1.5em;
  font-family: 'OpenSans', sans;
  color: #7d92a1;
}
.the-quantity {
  width: 200%;
  height: auto;
}
/**@end of divs for the section with price and quantity**/
/**@start of section 2 with totals and the ability to place an order**/
.totals {
  font-size: 1em;
  font-family: 'OpenSans', sans;
  color: #7d92a1;
}
.total-sum {
  font-size: 1em;
  font-family: 'OpenSans', sans;
  color: #7d92a1;
}
.place-order {
  margin-top: 73px;
  margin-left: 106px;
}
.place-order .basket-finish-order {
  border-style: solid;
  width: 100%;
  height: auto;
}
/**@end of divs for the section with price and quantity**/
.checkout-list-product {
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 25px;
  margin-bottom: 30px;
}
.checkout-list-product .bowl-item-info {
  border: 0;
  padding: 0;
  margin-top: 44px;
}
.checkout-list-product .bowl-item-info .label {
  color: #000000;
}
.basket-totals {
  vertical-align: bottom;
  position: relative;
}
.basket-totals .basket-total .label {
  font-family: 'OpenSans', sans;
  font-size: 1.125em;
  padding-top: 12px;
}
.basket-totals .basket-total .value {
  font-family: 'OpenSansBold', sans;
  font-size: 2.1875em;
  color: #000000;
  text-align: right;
}
.basket-totals .basket-total.basket-shipping-next-step {
  padding-top: 20px;
}
.order-confirmation-message {
  font-size: 1.5em;
  padding: 45px 0px 35px 0px;
}
.order-confirmation-message p {
  color: #000000;
  padding: 5px 0px;
}
.order-confirmation-message span {
  font-family: 'AllerBold', sans-serif;
}
.poNumberBox {
  display: none;
  width: 275px;
  margin-bottom: 20px;
}
.poNumberBox label {
  /*float: left;*/
  font-weight: 400;
  color: #0099a8;
  font-size: 16px;
}
.poNumberBox input {
  margin-top: 20px;
  width: 275px;
}
.delivery_methods,
.payment_methods {
  color: #A3A3A3;
  padding-left: 15px;
  padding-right: 15px;
}
.delivery_methods .delivery_method,
.payment_methods .delivery_method,
.delivery_methods .payment_method,
.payment_methods .payment_method {
  margin: 5px 0;
}
.delivery_methods .delivery_method .delivery_method_label,
.payment_methods .delivery_method .delivery_method_label,
.delivery_methods .payment_method .delivery_method_label,
.payment_methods .payment_method .delivery_method_label,
.delivery_methods .delivery_method .payment_method_label,
.payment_methods .delivery_method .payment_method_label,
.delivery_methods .payment_method .payment_method_label,
.payment_methods .payment_method .payment_method_label {
  /*text-align: center;*/
  text-decoration: none;
  color: #a3a3a3;
  display: block;
  width: 100%;
  padding: 5px 10px 5px 50px;
  border: 1px solid #ccc;
  border-radius: 8px;
  min-height: 57px;
}
.delivery_methods .delivery_method .delivery_method_label.selected,
.payment_methods .delivery_method .delivery_method_label.selected,
.delivery_methods .payment_method .delivery_method_label.selected,
.payment_methods .payment_method .delivery_method_label.selected,
.delivery_methods .delivery_method .payment_method_label.selected,
.payment_methods .delivery_method .payment_method_label.selected,
.delivery_methods .payment_method .payment_method_label.selected,
.payment_methods .payment_method .payment_method_label.selected {
  border: 1px solid #16a6b6 !important;
  background: url(/images/global/selected_tick.png) no-repeat 20px 50%;
}
.delivery_methods .delivery_method .delivery_method_label:hover,
.payment_methods .delivery_method .delivery_method_label:hover,
.delivery_methods .payment_method .delivery_method_label:hover,
.payment_methods .payment_method .delivery_method_label:hover,
.delivery_methods .delivery_method .payment_method_label:hover,
.payment_methods .delivery_method .payment_method_label:hover,
.delivery_methods .payment_method .payment_method_label:hover,
.payment_methods .payment_method .payment_method_label:hover {
  border: 1px solid #CBCCCD;
}
.delivery_methods .delivery_method .delivery_method_detail,
.payment_methods .delivery_method .delivery_method_detail,
.delivery_methods .payment_method .delivery_method_detail,
.payment_methods .payment_method .delivery_method_detail {
  padding: 10px 0 10px 10px;
}
.delivery_methods .delivery_method .highlight,
.payment_methods .delivery_method .highlight,
.delivery_methods .payment_method .highlight,
.payment_methods .payment_method .highlight {
  color: #717171;
}
.delivery_methods .delivery_method .paymentLogo,
.payment_methods .delivery_method .paymentLogo,
.delivery_methods .payment_method .paymentLogo,
.payment_methods .payment_method .paymentLogo {
  margin-left: 20px;
  max-height: 40px;
  /*margin: 0px auto;*/
}
.delivery_methods .delivery_method .logoContainer,
.payment_methods .delivery_method .logoContainer,
.delivery_methods .payment_method .logoContainer,
.payment_methods .payment_method .logoContainer {
  top: 3px;
  width: 100%;
  height: auto;
  display: flex;
  left: -20px;
  position: relative;
}
.payment_method_label {
  display: table !important;
}
.validationNar {
  width: 230px;
}
.ponumber_text {
  font-weight: 100;
  padding: 0px 10px;
  width: 230px;
}
.bankBox select {
  font-weight: 100;
}
.paymentMethodRad {
  display: none;
}
.opt-out-checkboxes {
  margin-top: -80px !important;
}
.termsandconditionsTrade {
  display: inline-block;
}