@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700|Roboto:400,500,700');

h2 {
	font-family: 'Montserrat', sans-serif;
}

::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}

::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
	box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

#myBtn {
	opacity: 0;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	border: none;
	outline: none;
	cursor: pointer;
}

.reorder-list .product-box {
	min-height: 650px;
}

#myBtn>img {
	width: 40px;
	height: 40px;
}

#myBtn.show {
	opacity: 1;
}

.taller-input {
	min-height: 35px !important;
}

.alertify-notifier .ajs-message {
	border: 0;
	border-radius: 10px;
}

.alertify-notifier .ajs-message.ajs-success {
	background-color: rgba(69, 209, 70, 1);
	text-shadow: none;
}

.alertify-notifier .ajs-message.ajs-error {
	text-shadow: none;
}

.alertify-notifier .ajs-message.ajs-warning {
	text-shadow: none;
	background: rgba(252, 200, 10, .95);
	border: 0;
}

.modal-backdrop {
	background-color: rgba(0, 0, 0, 0.7);
}

.modal-backdrop.in {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=76);
	opacity: 0.76;
}

.close {
	text-shadow: none;
	color: white;
}

#login-dp {
	min-width: 250px;
	padding: 14px 14px 0;
	overflow: hidden;
	background-color: rgba(255, 255, 255, .90);
}

#login-dp .help-block {
	font-size: 12px;
}

#login-dp .bottom {
	background-color: rgba(255, 255, 255, .8);
	border-top: 1px solid #ddd;
	clear: both;
	margin-top: 190px;
	padding: 14px;
}

#login-dp .ui-button-text {
	background-color: #223e99;
	width: 100%;
	color: white;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	color: #223e99;
	background-color: #f1f1f1;
}

.modal {
	text-align: center;
}

.responsive-video-modal .ui-button-text {
	color: white;
}

.responsive-video-modal .modal.in .modal-dialog {
	position: fixed;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.responsive-video-modal .modal .modal-dialog {
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 0;
}

.responsive-video-modal .modal .modal-dialog .modal-content {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: none;
	background-color: transparent;
	box-shadow: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.responsive-video-modal .modal .modal-dialog .modal-header {
	border: none;
	margin: 0;
	background-color: transparent;
	text-align: right;
}

.responsive-video-modal .modal .modal-dialog .modal-header button {
	display: inline-block;
	vertical-align: middle;
}

.responsive-video-modal .modal .modal-dialog .modal-body {
	padding: 0;
	margin: 0 auto;
	background-color: transparent;
}

.responsive-video-modal .modal.videoModal .modal-dialog {
	max-width: 940px;
	width: 100%;
}

.responsive-video-modal .modal.videoModal .modal-dialog .modal-content {
	background-color: transparent;
}

.responsive-video-modal .modal.videoModal .modal-dialog .modal-body {
	margin: 0 auto;
	background-color: transparent;
	max-width: 832px;
	width: 100%;
}

.center {
	text-align: center;
}

a:hover,
a:focus {
	outline: 0 !important;
}

.brand-heading>h2 {
	line-height: 50px !important;
}

.back-order-table th {
	padding: 5px;
	border: 1px solid #ddd;
	font-weight: 600;
}

.ui-widget-content {
	border: 2px solid #555;
}

.ui-widget-content .row {
	margin-right: 0;
	margin-left: 0;
}

#uimodal-output {
	margin: 0 auto;
	width: 100% !important;
}

.qty-lbl label {
	margin-top: 10px;
}

.qty-label label {
	margin-top: 5px;
}

.qty-inp {
	margin-bottom: 15px;
}

.qty-inp>input {
	float: right;
	margin-right: 10px;
	padding: 5px;
}

.qty-inp>span {
	float: none;
	text-align: right;
	margin-right: 10px;
}

.extended_qty {
	float: none;
	text-align: right;
	margin-right: 10px;
}

.qty-control {
	display: block !important;
}

.ui-corner-all {
	border-radius: 1px;
	border: 0px;
}

.ui-button {
	border: 0;
}

.navbar-toggle .ui-button-text {
	font-size: 1em !important;
}

.ui-button-text-only .ui-button-text {
	font-size: 15px;
	padding: 0;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	font-size: 12px;
}

form button {
	background: transparent;
	border: 0px;
}

.ui-spinner {
	padding: 8px;
	color: #000 !important;
	background: #fff !important;
	border: 1px solid #f1f1f1 !important;
}

.back-order-table td {
	padding: 5px;
	border: 1px solid #ddd;
}

.quick-add-section {
	padding: 40px 0;
	background: #f8f8f8;
	margin-bottom: 40px;
}

.quick-add-col div {
	display: table;
	margin: 0 auto;
	margin-bottom: 15px;
}

.glyphicon {
	margin-left: 10px;
}

.brand-heading {
	text-align: center;
}

.ui-corner-all {
	border-radius: 0 !important;
}

.cart-container {
	background-color: #f1f1f1;
	padding: 15px 30px;
}

.cart-row {
	background: #fff;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.cart>p {
	position: absolute;
	bottom: 25px;
}

.fullscreen .modal-body a {
	font-size: 150% !important;
	color: #fff !important;
}

.fullscreen .modal-body li {
	padding: 30px 0 30px 0 !important;
}

.modal-dialog {
	overflow: hidden;
	z-index: 3;
	top: 85px;
}

.trash-col .glyphicon {
	margin: 0 !important;
	padding: 2px;
	top: 0 !important;
	right: 2.5px !important;
}

.search-input>input {
	margin-bottom: 10px;
}

.addCartBtn {
	font-family: 'Roboto', sans-serif !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	font-weight: 400;
	font-size: 0.8em !important;
	color: #fff;
	background: #223e99;
	border-radius: 0 !important;
	border: 0;
	height: 50px;
}

.offer-price-holder p {
	font-weight: 600;
	margin-top: 0 !important;
	line-height: inherit !important;
}

.addAllCartBtn {
	height: 50px;
	font-family: 'Roboto', sans-serif !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	font-weight: 400;
	font-size: 0.8em !important;
	color: #fff;
	background: #223e99;
	border-radius: 0 !important;
	border: 0;
}

.tooltip {
	position: relative;
}

.product-addtocart {
	font-size: 11px;
	text-align: left;
	padding-left: 5px;
}

.product-addtocart label {
	margin-bottom: 10px;
	font-weight: normal;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	/* Position the tooltip */
	position: absolute;
	z-index: 1;
	top: 100%;
	left: 50%;
	margin-left: -60px;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

.product-image-section {
	text-align: center;
}

.product-image-section a {
	color: #333;
}

.ui-datepicker-prev,
.ui-datepicker-next {
	background: #333;
}

.ui-datepicker-title {
	color: #333;
}

.search-btn {
	padding: 0px;
}

.search-btn input[type=submit] {
	padding: 5px;
	height: 40px;
	font-weight: 400;
	font-size: small;
	font-family: 'Montserrat', sans-serif;
	border: 0;
	border-radius: 0;
	color: #fff;
	background: #223e99;
	width: 100%;
}

.cart-total-values p {
	font-size: 15px !important;
	color: #000 !important;
}

.grey-bg-color {
	background: #f1f1f1;
	margin-bottom: 10px;
}

.total-cart-row {
	background-color: #f1f1f1;
	padding-top: 10px;
	padding-bottom: 10px;
}

.account-text-section>h1 {
	margin-top: 0px;
	font-size: 1.1em !important;
}

.product-row {
	min-height: 530px;
	padding-top: 20px;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	background-color: #ffffff;
}

.reorderlist-form {
	padding: 30px 15px;
	background: #f1f1f1;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

#myTab li {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
}

.panel-body img {
	margin-bottom: 15px;
}

#profile img {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	margin-top: 30px;
}

.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
}

.panel-title a {
	text-decoration: none;
}

.panel {
	border: 0px;
	background-color: #fff;
}

.panel-body {
	background-color: #f1f1f1;
}

.panel-default>.panel-heading {
	padding-left: 0px;
	padding-right: 0px;
	color: #333;
	background-color: #fff;
	border-color: #fff;
}

.row-eq-height>[class*='col-'] {
	display: flex;
	flex-direction: column;
}

.client-container p {
	margin-top: 10px;
	font-size: 14px !important;
}

.brand-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap
}

.brand-row>[class*='col-'] {
	display: flex;
	flex-direction: column;
}

#staff h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 20px;
}

td {
	padding-top: 4px;
	padding-bottom: 4px;
}

.client-container {
	margin-bottom: 15px;
}

.staff-box {
	background-color: #fff;
	text-align: center;
	border: 1px solid #e1e1e1;
	margin-bottom: 15px;
}

.staff-box .img-container img {
	margin-bottom: 10px;
}

.staff-box p {
	color: #232323 !important;
	margin-bottom: 2px;
	font-size: 15px !important;
}

.staff-phone a {
	width: 60%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	background-color: #232323;
	color: #fff;
	padding: 7px;
}

.staff-name {
	border-bottom: 1px solid #f1f1f1;
}

.staff-phone {
	padding-top: 10px;
	padding-bottom: 10px;
}

.login-form-section {
	font-family: 'Roboto', sans-serif;
	/*color: ##;*/
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #f1f1f1;
}

.login-link {
	margin-left: 15px;
	box-shadow: -1px 1px 2px 1px rgba(0, 0, 0, 0.4);
	font-size: 0.9em;
	border-radius: 8px;
	padding: 12px;
	color: white !important;
	background: #223e99;
}

.nav>li>a.login-link:hover {
	color: white !important;
	background: #102054 !important;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	color: white !important;
	background: #102054 !important;
}

.login-form-login-btn {
	padding: 10px !important;
}

.underline {
	margin-bottom: 10px;
}

.about-page h1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	font-size: 28px;
	margin-bottom: 0px;
}

.about-page p {
	font-family: 'Roboto', sans-serif;
	/*color: #777;*/
	font-size: 16px;
}

.contact-page h1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	font-size: 28px;
	margin-bottom: 0px;
}

.contact-page h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	font-size: 24px;

}

.contact-page p {
	font-family: 'Roboto', sans-serif;
	color: #777;
	font-size: 16px;
}

.product-box-col {
	margin-bottom: 30px;
}

.contact-form p {
	margin-bottom: 2px;
}

.navbar-toggle .icon-bar:nth-of-type(2) {
	top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
	top: 2px;
}

.navbar-toggle .icon-bar {
	position: relative;
	transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
	top: 6px;
	transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
	background-color: transparent;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
	top: -6px;
	transform: rotate(-45deg);
}

.contact-form select {
	background: white;
	padding-left: 10px;
	border: 0px;
	width: 100%;
	height: 40px;
	margin-bottom: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.contact-form input {
	padding-left: 10px;
	border: 0px;
	width: 100%;
	height: 40px;
	margin-bottom: 20px;
}

.contact-form textarea {
	padding-left: 10px;
	width: 100%;
	height: 80px;
	border: 0px;
}

@media only screen and (max-width: 991px) {
	.quick-add-col div {
		display: block;
		text-align: left;
	}

	.product-box-description {
		text-align: center !important;
	}

	.product-box-description p {
		font-size: 13px !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
	.trash-col {
		margin-top: 20px;
		text-align: right;
	}

	.navbar-default .navbar-nav>li>a {
		font-weight: 700 !important;
		font-family: 'Roboto', sans-serif;
		font-size: 0.7em !important;
		color: #223e99;
	}

	.nav>li>a {
		position: relative;
		display: block;
		padding: 10px 8px !important;
	}
}

.contact-form button {
	margin-top: 20px;
	color: white;
	background: #363636;
	font-size: 0.8em;
	font-weight: 300;
	border: 0px;
	padding: 7px 12px 7px 12px;
}

.map-container {
	margin-top: 20px;
	position: relative;
	padding-bottom: 55%;
	/* This is the aspect ratio */
	height: 0;
	overflow: hidden;
}

.map-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 5%;
	width: 100% !important;
	height: 100% !important;
}

.black-color {
	color: #000;
}

.form-container {
	padding: 20px;
	margin-top: 20px;
	background-color: #f1f1f1;
	height: 100%;
}

.address-box {
	height: 300px;
	font-family: 'Roboto', sans-serif;
	color: #666;
	padding: 20px;
	background-color: #f1f1f1;
}

.address-box p {
	font-size: 12px;
	margin-bottom: 5px;
}

.login-form-box {
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #d1d1d1;
}

#login-form {
	color: #333;
	font-family: 'Roboto', sans-serif !important;
	text-align: left;
}

.login-form-box>h1 {
	margin-bottom: 0px;
	font-size: 26px;
	display: inline-block;
	margin-top: 0px;
	margin-bottom: 30px;
	font-weight: 200;
	padding-bottom: 10px;
	border-bottom: 2px solid #232323;
}

.customer-join-box {
	margin-top: 30px;
	font-size: 1em;
	color: #333;
	text-align: center;
}

.checkbox-table {
	margin-top: 30px;
}

.checkbox-table {
	border: 0 !important;
	font-size: 0.8em !important;
	color: #333;
}

.checkbox-table td {
	vertical-align: initial;
	border: 0 !important;
	background-color: transparent !important;
}

.table-td-text {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
	font-size: 1.2em;
	line-height: 1.4em;
	text-align: left;
}

td>img {
	vertical-align: top;
}

.customer-join-box>h1 {
	margin-bottom: 0px;
	font-size: 26px;
	display: inline-block;
	margin-top: 0px;
	margin-bottom: 30px;
	font-weight: 200;
	padding-bottom: 10px;
	border-bottom: 2px solid #232323;
}

#login-form>p {
	font-size: 0.9em;
	font-family: 'Roboto', sans-serif !important;
	margin-bottom: 2px;
}

#login-form>input[type=text],
#login-form>input[type=password] {
	padding: 2px;
	font-size: 0.9em;
	width: 100%;
	height: 40px;
	margin-bottom: 22px;
}

#login-form input[type=submit] {
	-webkit-appearance: none;
	cursor: pointer;
	padding: 10px 35px;
	border: 0;
	background: #363636;
	color: white;
	font-size: 0.8em;
	font-weight: 400;
	margin-bottom: 15px;
}

.login-form-box a {
	margin-top: 10px;
	font-size: 0.8em;
	color: #337ab7;
	text-decoration: none;
	font-weight: 600;
}

#login-form>input[type=checkbox] {
	cursor: pointer;
	margin-right: 10px;
}

#login-form>label {
	font-size: 0.9em;
	color: #232323;
	font-weight: 300;
}

input[type="checkbox"]:focus {
	outline: 0 none;
	box-shadow: none;
}

.login-button {
	margin-top: 20px;
	width: 100%;
	text-align: center;
}

.login-button>a {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	width: 100px;
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight: 200;
	font-size: 14px;
	background-color: #363636;
	padding: 10px 25px 10px 25px;
}

.nav-tabs {
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #0878cc !important;
}

.nav-tabs>li>a {
	font-family: 'Roboto', sans-serif !important;
	font-weight: 400;
	font-size: 1.1em;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
	color: #232323;
	border: 0px;
}

.product-related-items {
	font-family: 'Roboto', sans-serif;
}

.product-related-container {
	padding-bottom: 20px;
	border-bottom: 1px solid #0878cc;
}

.nav {
	padding-left: 0;
	margin-bottom: 25px;
	list-style: none;
}

.ui-tabs-active a,
.ui-state-active a {
	color: #0878cc !important;
}

.nav>li>a:focus,
.nav>li>a:hover {
	outline: 0;
	outline-offset: 0;
	text-decoration: none;
	color: #0878cc !important;
	;
	background-color: transparent;
	border-bottom-color: #0878cc;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	color: #0878cc !important;
	cursor: default;
	background-color: transparent;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
}

.close {
	opacity: 0.8;
	color: #223e99;
}

.products-section {
	font-family: 'Montserrat', sans-serif;
	background-color: #f1f1f1;
	height: auto;
}

.product-text-section {
	font-family: 'Roboto', sans-serif !important;
}

.product-text-section>h1 {
	line-height: 1.3em;
}

.product-text-section p {
	color: #000 !important;
	font-size: 15px !important;
	margin-bottom: 3px;
}

.product-text-section>a {
	text-decoration: none;
	margin-top: 50px;
	text-align: center;
	width: 150px;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	background-color: #223e99;
}

.radio-btns {
	margin-top: 15px;
}

.radio-btns>label {
	font-weight: 500;
	margin-left: 8px;
}

.quantity-input {
	margin-top: 15px;
}

.quantity-input>label {
	font-size: 15px;
	font-weight: 500;
	margin-right: 8px;
}

.product-text-section label {
	font-size: 15px;
	font-weight: 500;
	margin-right: 8px;
}

.quantity-input>input {
	width: 50px;
	margin-right: 10px;
}

.bolder-text {
	font-weight: 500;
}

.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.product-boxes-section {
	opacity: 0;
	padding: 30px 17px;
	margin-right: 0px;
	margin-left: 0px;
}

.product-boxes-section>.row {
	text-align: center;
	display: table;
}

.product-boxes-section>.row>.product-box-col {
	float: none;
	display: inline-block;
	vertical-align: top;
}

#product-info-section {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #f1f1f1;
}

.product-pagination {
	padding: 15px;
	margin-right: 0px;
	margin-left: 0px;
}

.product-price-text {
	font-size: 1.8em;
	font-weight: 500;
	color: #e51b25;
}

.navbar {
	position: relative;
	min-height: 85px;
	margin-bottom: 10px;
}

.grey-color {
	color: #aaa;
}

#expiryNotification {
	display: none;
}

.ajs-content img {
	max-width: 100%;
}

.ajs-content p {
	line-height: 20px;
	font-size: 14px;
}

.bbefore {
	font-size: 13px;
	line-height: 13px;
}

.blue-color {
	color: #223e99;
}

.red-color {
	font-weight: 600;
	color: #bf1b1b;
}

.breadcrumbs {
	margin-top: 20px;
	color: #aaa;
	font-weight: 300;
	font-family: 'Montserrat', sans-serif;
}

.breadcrumb-link {
	text-align: left;
	padding-bottom: 10px;
	text-decoration: underline;
	font-weight: 300;
	font-family: 'Montserrat', sans-serif;
}

.empty-box {
	height: 210px;
	background-color: #f9f9f9;
	margin-bottom: 15px;
	text-align: center;
}

.empty-box>p {
	font-weight: 400;
	padding-top: 100px;
	color: #c1c1c1;
}

.navbar-brand {
	float: left;
	height: 50px;
	padding: 15px 10px;
	font-size: 18px;
	line-height: 20px;
}

#nav-panel {
	margin-top: 40px;
}

.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
}

.navbar-default .btn-link {
	margin-top: 15px;
	color: #223e99;
}

.navbar-default {
	background: #ffffff;
	-webkit-box-shadow: 0px 1px 3px 2px rgba(240, 240, 240, 1);
	-moz-box-shadow: 0px 1px 3px 2px rgba(240, 240, 240, 1);
	box-shadow: 0px 1px 3px 2px rgba(240, 240, 240, 1);
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
	outline: 0px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
	color: #223e99;
	background-color: transparent;
}

.tools {
	position: absolute;
	right: 70px;
}

.cart {
	text-align: center;
	display: inline-block;
}

.cart>p {
	font-size: 0.7em;
	margin: 0;
	color: red;
	font-weight: 500;
}

.bottom>* {
	vertical-align: bottom;
}

.cart>a>img {
	height: 24px;
	width: 24px;
	margin: 0 6px;
}

.bottom>a>img {
	height: 24px;
	width: 24px;
	margin: 0 5px;
	vertical-align: bottom;
}

.section-heading {
	width: 100%;
	padding: 15px 0 5px 0;
	border-bottom: 2px solid #444;
	margin-bottom: 25px;
}

.section-heading>h2 {
	font-weight: 400;
	font-size: 16px;
	color: #444;
}

.welcome-text-row {
	margin-top: 10px;
	line-height: 22px;
}

.welcome-heading-text>p {
	text-align: justify;
	font-size: 14px;
	color: #444;
}

#home-welcome {
	padding-bottom: 30px;
	margin-top: 30px;
	background-color: #f9f9f9;
}

#brand-section {
	padding-top: 15px;
	padding-bottom: 15px;
}

.brand-heading>h2 {
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
}

.banner-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.banner-row>[class*='col-'] {
	display: flex;
	flex-direction: column;
}

.page-result-sort>label {
	font-weight: 300;
}

.page-values {
	display: inline-flex;
	float: right;
}

.page-values>a {
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	color: #232323;
}

.page-values>a>img {
	vertical-align: initial;
}

.page-values>a.selected {
	padding: 3px;
	text-decoration: none;
	color: #232323;
	background-color: #fff;
}

.page-result-sort>select {
	margin-left: 8px;
	float: none;
	background: #fff url('../images/custom/arrow.gif') no-repeat;
	background-position: right 0.75em top 50%;
	width: auto;
	height: auto;
	padding: 0.2em 2.3em 0.2em 0.6em;
	text-overflow: ellipsis;
	border: 1px solid #fff;
	font-size: 90%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	color: #232323;
	clear: left;
}

.ui-buttonset {
	margin-right: 0px !important;
}

.quick-btn {
	padding: 0.5em 0.1em 0.5em 0.1em !important;
	display: block !important;
	width: 100%;
	font-size: 10px !important;
	color: #fff !important;
	border-radius: 0 !important;
	border: 0 !important;
	background: #223e99;
}

.loadmore {
	padding: 0.5em 0.7em 0.5em 0.7em !important;
	font-size: 12px !important;
	color: #fff !important;
	border-radius: 0 !important;
	border: 0 !important;
	background: #223e99;
}

.mobile-items-view {
	padding-right: 8px;
	float: right;
}

.product-box {
	border: 1px solid #f1f1f1;
	text-align: center;
	margin-bottom: 30px;
	background-color: #fff;
	height: 100%;
}

.product-box-description {
	text-align: left;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.product-box-left-description {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 10px;
}

.product-box-description>p {
	font-weight: 400;
	font-size: 10px;
	line-height: 10px;
}

.product-name {
	min-height: 90px;
	margin: 10px 15px 10px 15px;
	border-bottom: 1px solid #e1e1e1;
}

.product-name>p {
	font-size: 13px;
}

.old-price>img {
	position: absolute;
	z-index: 99;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
}

.old-price>p {
	font-weight: 500;
	font-size: 1.4em;
	text-align: center;
}

.quick-add-button {
	margin-top: 25px;
}

.quick-add-button>a {
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	background-color: #223e99;
}

.offer-price-holder {
	position: absolute;
	top: 2%;
	right: 10%;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	font-size: 14px;
	color: #fff;
	line-height: 60px;
	text-align: center;
	background: #e51b25
}

/* Colour of Offer Price Bubble */
.offer-price-holder.promoTagC {
	background-color: #67a6d1;
}

.offer-price-holder.promoTagM {
	background-color: #9376cf;
}

.offer-price-holder.promoTagU {
	background-color: #99ca3c;
}

.offer-price-holder.promoTagD {
	background-color: #d3221d;
}

.offer-price-holder.promoTagE {
	background-color: #d61db1;
}

.offer-price-holder.promoTagF {
	background-color: #ff8a3c;
}

.offer-price-holder.promoTagS {
	background-color: #2534ff;
}

.offer-price-holder.promoTagY {
	background-color: #15aab7;
}

.offer-price-holder.promoTagA,
.offer-price-holder.promoTagB,
.offer-price-holder.promoTagG,
.offer-price-holder.promoTagN {
	top: 1%;
	right: 1%;
	width: 136px;
	height: 125px;
	border-radius: 0%;
	background-color: transparent;
}

.offer-price-holder.promoTagA:before,
.offer-price-holder.promoTagB:before,
.offer-price-holder.promoTagG:before,
.offer-price-holder.promoTagN:before {
	display: inline-block;
	content: " ";
	float: left;
	width: 136px;
	height: 100px;
	background-size: contain;
	background: transparent url('https://onlineorder.intertrading.com.au/stockspecials/N_tagW.png') no-repeat;
	background-position: 0px 0px;
}

.offer-price-holder.promoTagA:before {
	background-size: contain;
	background-image: url('https://onlineorder.intertrading.com.au/stockspecials/A_tagW.png')
}

.offer-price-holder.promoTagB:before {
	background-size: contain;
	background-image: url('https://onlineorder.intertrading.com.au/stockspecials/B_tagW.png')
}

.offer-price-holder.promoTagG:before {
	background-size: contain;
	background-image: url('https://onlineorder.intertrading.com.au/stockspecials/G_tagW.png')
}

.offer-price-holder.promoTagN:before {
	background-size: contain;
	background-image: url('https://onlineorder.intertrading.com.au/stockspecials/N_tagW.png')
}

#footer {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	background-color: #222;
	padding: 15px 0 15px 0;
	color: #fff;
	line-height: 22px;
}

.footer_navigation_spacer {
	display: none !important;
}

#footer a {
	padding-bottom: 10px;
	display: block;
	color: #fff;
}

.search-box {
	margin-top: 10px;
	font-family: 'Montserrat', sans-serif;
	height: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: 40px;
	background-color: #f1f1f1;
}

.search-box-elements {
	margin-right: auto;
	margin-left: auto;
}

.search-box-elements>h3 {
	margin: 0 0 5px 0;
	font-size: 20px;
}

.search-box-elements>p {
	font-size: 13px;
}

.search-bar-row {
	margin-right: 0px;
	margin-left: 0px;
}

.search-input {
	padding: 0;
}

.search-input>input {
	width: 100%;
	height: 30px;
}

.search-button {
	height: 30px;
	text-align: center;
	padding: 0px;
	background-color: #223e99;
}

.search-button>a {
	display: block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
}

.fullscreen .modal-dialog {
	margin: 0 0 0 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	padding: 0;
	color: #333;
}

.fullscreen .modal-content {
	height: 100%;
	min-height: 100%;
	border-radius: 0;
	color: #333;
	background: #223e99;
	overflow: auto;
}

.modal.in .modal-dialog {
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

.modal.fade .modal-dialog {
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

body.modal-open {
	overflow: hidden;
	position: fixed;
	width: 100%;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
}

.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: 0;
}

.fullscreen .modal-body ul {
	padding: 100px 0 0 0;
}

.fullscreen .modal-body li {
	padding: 15px 0 15px 0;
}

.fullscreen .modal-body a {
	color: #333;
	font-size: 300%;
	text-decoration: none;
}

.fullscreen .modal-body a:focus {
	color: #333;
	font-size: 300%;
	text-decoration: none;
}

.product-text-section>h1 {
	font-size: 16px;
	font-weight: 400;
}

.img-container>img {
	margin-right: auto;
	margin-left: auto;
}

.unpaid-chkbox>label {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	margin-left: 10px;
	color: #232323;
}

.transactions-table {
	background-color: #f1f1f1;
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

.transactions-table>table {
	width: 100%;
}

.trans-first-col {
	vertical-align: top;
	font-weight: 500;
	width: 30%;
}

@media only screen and (max-width: 767px) {
	.tools {
		top: 29px;
	}

	.trash-col {
		margin-top: 20px;
		text-align: right;
	}
}

@media only screen and (min-width: 350px) and (max-width: 767px) {
	.bottom>a>img {
		margin: 0px 5px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
	.client-container p {
		width: 100%;
	}

	.trash-col {
		margin-top: 20px;
		text-align: right;
	}

	.img-container>img {
		margin-right: auto;
		margin-left: auto;
	}

	.search-input>input {
		margin-bottom: 10px;
	}

	.staff-box p {
		color: #232323 !important;
		margin-bottom: 2px;
		font-size: 12px !important;
	}

	.staff-phone a {
		font-size: 12px !important;
	}

	.nav {
		text-align: center;
	}

	.nav-tabs>li {
		display: inline-block;
		float: none;
	}

	.nav-tabs>li>a {
		font-weight: 400;
		padding: 10px;
		font-size: 1em;
	}

	.brand-items {
		padding-left: 6px;
		padding-right: 6px;
	}

	.navbar-toggle {
		margin-right: 0px;
	}

	.breadcrumb-link {
		text-align: right;
		padding-bottom: 10px;
		text-decoration: underline;
		font-weight: 300;
		font-family: 'Montserrat', sans-serif;
	}

	.footer-links {
		padding-top: 10px;
		font-size: 11px;
	}

	.footer-address {
		font-size: 10px !important;
	}

	.footer-links a {
		color: #999;
	}

	.footer-col1 {
		text-align: left;
	}

	.footer-col2 {
		font-size: 12px;
		color: #fff;
		text-align: center;
	}

	.search-box {
		font-family: 'Montserrat', sans-serif;
		height: 100%;
		margin-right: 5px;
		margin-left: 5px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
		background-color: #f1f1f1;
		margin-bottom: 0px;
	}

	.search-box-elements {
		margin-right: auto;
		margin-left: auto;
	}

	.search-box-elements>h3 {
		margin: 0 0 5px 0;
		font-size: 15px;
	}

	.search-box-elements>p {
		font-size: 11px;
	}

	.search-box-elements>input {
		height: 40px;
		width: 100%;
	}

	.offer-price-holder {
		position: absolute;
		top: 2%;
		right: 10%;
		width: 60px;
		height: 60px;
		border-radius: 50%;
		font-size: 16px;
		color: #fff;
		line-height: 60px;
		text-align: center;
		background: #e51b25
	}

	.navbar-brand {
		padding: 10px 10px;
	}

	.quick-add-button>a {
		font-size: 10px;
		display: block;
		padding-top: 8px;
		padding-bottom: 8px;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		color: #fff;
		background-color: #223e99;
	}

	.product-name>p {
		font-size: 12px;
	}

	.fullscreen .modal-body ul {
		padding: 30px 0 0 0;
		overflow: auto;
	}

	.fullscreen .modal-body li {
		padding: 10px 0 10px 0;
	}

	.fullscreen .modal-body a {
		color: #333;
		font-size: 200%;
		font-weight: 500;
	}

	.fullscreen .modal-body a:focus {
		color: #333;
		font-size: 200%;
		text-decoration: none;
	}

	.panel-title {
		margin-top: 0;
		margin-bottom: 0;
		font-size: 16px;
		font-weight: 400;
		font-family: 'Montserrat', sans-serif;
	}

	.trans-first-col {
		width: 50%;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
	.client-container p {
		width: 80%;
	}

	.incart {
		font-size: 14px;
		margin-top: 5px;
	}

	.cart-row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
	}

	.cart-row>[class*='col-'] {
		display: flex;
		flex-direction: column;
	}

	.address-box p {
		font-size: 15px;
		margin-bottom: 5px;
	}

	.breadcrumbs {
		margin-top: 40px;
		color: #aaa;
		font-weight: 300;
		font-family: 'Montserrat', sans-serif;
	}

	.navbar-brand {
		float: left;
		height: 50px;
		padding: 0;
		font-size: 18px;
		line-height: 20px;
	}

	.navbar-default {
		background: url('../images/custom/logo_mid_bg.png') repeat-x;
		border: 0px;
		box-shadow: none;
	}

	.navbar {
		position: relative;
		min-height: 92px;
		margin-bottom: 20px;
	}

	.navbar-default .navbar-nav>li>a {
		font-weight: 400;
		font-family: 'Roboto', sans-serif;
		font-size: 1em;
		color: #223e99;
	}

	.navbar-nav {
		float: left;
		margin-top: 25px;
	}

	.tools {
		float: right;
		position: relative;
		left: 0;
		margin-top: 30px;
		display: block;
	}

	.cart {
		text-align: center;
		display: inline-block;
	}

	.cart>p {
		margin: 0;
	}

	.bottom>* {
		vertical-align: bottom;
	}

	.cart>a>img {
		height: 22px;
		width: 22px;
		margin: 0 6px;
	}

	.bottom>a>img {
		height: 20px;
		width: 20px;
		margin: 0 6px;
		vertical-align: bottom;
	}

	.section-heading {
		width: 100%;
		padding: 15px 0 5px 0;
		border-bottom: 2px solid #444;
		margin-bottom: 25px;
	}

	.section-heading>h2 {
		font-weight: 400;
		font-size: 22px;
		color: #444;
	}

	.img-container>img {
		margin-right: auto;
		margin-left: auto;
	}

	.welcome-text-row {
		margin-top: 15px;
		line-height: 22px;
	}

	.welcome-heading-text>p {
		font-size: 15px;
		color: #444;
	}

	.brand-heading>h2 {
		font-size: 22px;
		font-weight: 400;
		line-height: 30px;
	}

	.footer-col2 {
		color: #fff;
		text-align: right;
	}

	#footer a {
		color: #fff;
		text-decoration: none;
	}

	#footer p {
		margin-top: 0px;
	}

	.search-box {
		margin-top: 10px;
		font-family: 'Montserrat', sans-serif;
		height: 100%;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 40px;
		padding-right: 40px;
		background-color: #f1f1f1;
		margin-bottom: 30px;
	}

	.search-box-elements {
		margin-right: auto;
		margin-left: auto;
	}

	.search-box-elements>h3 {
		margin: 0 0 5px 0;
		font-size: 20px;
	}

	.search-box-elements>p {
		font-size: 13px;
	}

	.search-bar-row {
		margin-right: 0px;
		margin-left: 0px;
	}

	.search-input {
		padding: 0;
	}

	.search-input>input {
		margin-bottom: 10px;
		width: 100%;
		height: 30px;
	}

	.search-button {
		height: 30px;
		text-align: center;
		padding: 0px;
		background-color: #223e99;
	}

	.search-button>a {
		display: block;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		color: #fff;
	}

	.offer-price-holder {
		position: absolute;
		top: 2%;
		right: 10%;
		width: 60px;
		height: 60px;
		border-radius: 50%;
		font-size: 15px;
		color: #fff;
		line-height: 60px;
		text-align: center;
		background: #e51b25
	}

	.product-text-section>h1 {
		margin-bottom: 20px;
		margin-top: 0px;
		font-size: 18px;
		font-weight: 400;
	}

	.login-form-box {
		padding-left: 8%;
		padding-right: 8%;
		border-bottom: 1px solid #d1d1d1;
	}

	/* tuck notice underneath the nav logo - non compact devices */
	.cta-alert-section {
		margin-top: -20px;
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
	.breadcrumbs {
		margin-top: 40px;
		color: #aaa;
		font-weight: 300;
		font-family: 'Montserrat', sans-serif;
	}

	.banner-row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: nowrap;
	}

	.col-md-4 {
		width: 32.33%;
	}

	.product-row {
		padding-left: 10px;
		padding-right: 10px;
		border-bottom: 0px;
	}

	.transactions-table {
		border-bottom: 0px;
		padding-left: 10px;
	}

	.navbar-brand {
		float: left;
		height: 50px;
		padding: 0;
		font-size: 18px;
		line-height: 20px;
	}

	.navbar-default {
		background: url('../images/custom/logo_large_bg.png') repeat-x;
		border: 0px;
		box-shadow: none;
	}

	.navbar {
		position: relative;
		min-height: 125px;
		margin-bottom: 20px;
	}

	.navbar-default .navbar-nav>li>a {
		font-family: 'Roboto', sans-serif;
		font-size: 1em;
		color: #223e99;
	}

	.navbar-nav {
		float: left;
		margin-top: 37px;
	}

	.tools {
		float: right;
		left: 0;
		position: relative;
		margin-top: 45px;
		display: block;
	}

	.cart {
		text-align: center;
		display: inline-block;
	}

	.cart>p {
		margin: 0;
	}

	.bottom>* {
		vertical-align: bottom;
	}

	.cart>a>img {
		height: 22px;
		width: 22px;
		margin: 0 10px;
	}

	.bottom>a>img {
		height: 22px;
		width: 22px;
		margin: 0 10px;
		vertical-align: bottom;
	}

	.section-heading {
		width: 100%;
		padding: 15px 0 5px 0;
		border-bottom: 2px solid #444;
		margin-bottom: 25px;
	}

	.section-heading>h2 {
		font-weight: 400;
		font-size: 24px;
		color: #444;
	}

	.welcome-text-row {
		margin-top: 0px;
		line-height: 22px;
	}

	.welcome-heading-text>p {
		font-size: 15px;
		color: #444;
	}

	.brand-heading>h2 {
		font-size: 24px;
		font-weight: 400;
		line-height: 30px;
	}

	.footer-col2 {
		color: #fff;
		text-align: right;
	}

	.search-box {
		margin-top: 0px;
		font-family: 'Montserrat', sans-serif;
		height: 100%;
		padding-left: 10px;
		padding-right: 10px;
		background-color: #f1f1f1;
		margin-bottom: 0px;
	}

	.search-box-elements {
		margin-right: auto;
		margin-left: auto;
	}

	.search-box-elements>h3 {
		margin: 0 0 5px 0;
		font-size: 17px;
	}

	.search-box-elements>p {
		font-size: 11px;
	}

	.search-bar-row {
		margin-right: 0px;
		margin-left: 0px;
	}

	.search-input {
		padding: 0;
	}

	.search-input>input {
		width: 100%;
		height: 30px;
	}

	.search-button {
		height: 30px;
		text-align: center;
		padding: 0px;
		background-color: #223e99;
	}

	.search-button>a {
		display: block;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		color: #fff;
	}

	.quick-add-button>a {
		display: block;
		font-size: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		color: #fff;
		background-color: #223e99;
	}

	#cart-quick-add {
		color: #000;
	}

	#cart-quick-add .ui-button-text-only .ui-button-text {
		padding: .4em;
	}

	.offer-price-holder {
		position: absolute;
		top: 2%;
		right: 10%;
		width: 60px;
		height: 60px;
		border-radius: 50%;
		font-size: 14px;
		color: #fff;
		line-height: 60px;
		text-align: center;
		background: #e51b25
	}

	.product-text-section>h1 {
		margin-bottom: 30px;
		margin-top: 0px;
		font-size: 20px;
		font-weight: 400;
	}

	.login-form-box {
		padding-left: 8%;
		padding-right: 8%;
		border-right: 1px solid #e1e1e1;
		border-bottom: 0px solid #d1d1d1;
	}

	.customer-join-box {
		margin-top: 0px;
		padding-left: 8%;
		padding-right: 8%;
	}

	#myTab li {
		font-family: 'Montserrat', sans-serif;
		font-size: 14px;
	}

	.product-image-section {
		width: auto;
		height: auto;
	}

	#prodthumb-container img:last-child {
		visibility: hidden;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
	#myTab li {
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
	}

	.breadcrumbs {
		margin-top: 40px;
		color: #aaa;
		font-weight: 300;
		font-family: 'Montserrat', sans-serif;
	}

	.product-text-section>h1 {
		margin-top: 0px;
		margin-bottom: 30px;
		font-size: 20px;
		font-weight: 400;
	}

	.cta-alert-section {
		margin-top: -34px;
	}

	.navbar-brand {
		float: left;
		height: 50px;
		padding: 0;
		font-size: 18px;
		line-height: 20px;
	}

	.navbar-default {
		background: url('../images/custom/logo_large_bg.png') repeat-x;
		border: 0px;
		box-shadow: none;
	}

	.navbar {
		position: relative;
		min-height: 140px;
		margin-bottom: 20px;
	}

	.navbar-default .navbar-nav>li>a {
		font-family: 'Roboto', sans-serif;
		font-size: 1em;
		color: #223e99;

	}

	.navbar-nav {
		float: left;
		margin-top: 35px;
	}

	.icon-links {
		padding: 1px;
	}

	.tools {
		float: right;
		position: relative;
		left: 0;
		margin-top: 45px;
		display: block;
	}

	.cart {
		text-align: center;
		display: inline-block;
	}

	.cart>p {
		margin: 0;
	}

	.bottom>* {
		vertical-align: bottom;
	}

	.cart>a>img {
		height: 24px;
		width: 24px;
		margin: 0 10px;
	}

	.bottom>a>img {
		height: 24px;
		width: 24px;
		margin: 0 10px;
		vertical-align: bottom;
	}

	.banner {
		height: 250px;
	}

	.fill {
		width: 100%;
		height: 100%;
		padding: 20px 0px 0px 0px;
		background-size: cover;
		background-position: center center;
	}

	.section-heading {
		width: 100%;
		padding: 15px 0 5px 0;
		border-bottom: 2px solid #444;
		margin-bottom: 25px;
	}

	.section-heading>h2 {
		font-weight: 400;
		font-size: 24px;
		color: #444;
	}

	.welcome-text-row {
		margin-top: 0px;
		line-height: 22px;
	}

	.welcome-heading-text>p {
		font-size: 15px;
		color: #444;
	}

	.brand-heading>h2 {
		font-size: 24px;
		font-weight: 400;
		line-height: 30px;
	}

	.footer-col2 {
		color: #fff;
		text-align: right;
	}

	.search-box {
		margin-top: 0px;
		font-family: 'Montserrat', sans-serif;
		height: 100%;
		background-color: #f1f1f1;
		margin-bottom: 0px;
	}

	.search-bar-row {
		margin-right: 0px;
		margin-left: 0px;
	}

	.search-input {
		padding: 0;
	}

	.search-input>input {
		width: 100%;
		height: 40px;
	}

	.search-button {
		height: auto;
		text-align: center;
		padding: 0px;
		background-color: #223e99;
	}

	.search-button>a {
		display: block;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		color: #fff;
	}

	.search-bar-row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
	}

	.search-bar-row>[class*='col-'] {
		display: flex;
		flex-direction: column;
	}

	.quick-add-button>a {
		display: block;
		padding-top: 8px;
		padding-bottom: 8px;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		color: #fff;
		background-color: #223e99;
	}

	.offer-price-holder {
		position: absolute;
		top: 2%;
		right: 10%;
		width: 60px;
		height: 60px;
		border-radius: 50%;
		font-size: 14px;
		color: #fff;
		line-height: 60px;
		text-align: center;
		background: #e51b25
	}

	.login-form-box {
		padding-left: 8%;
		padding-right: 8%;
		border-right: 1px solid #e1e1e1;
	}

	.customer-join-box {
		margin-top: 0px;
		padding-left: 8%;
		padding-right: 8%;
	}

}

/*-- JAYS ADDED --*/
@media screen and (min-width: 1200px) {
	#product-image-section {
		width: 350px;
	}

	#prodthumb-container img:last-child {
		visibility: visible;
	}
}

@media screen and (min-width: 1044px) and (max-width: 1224px) {
	#product-image-section {
		width: auto;
	}
}

@media screen and (min-width: 765px) and (max-width: 1044px) {
	#product-image-section {
		width: 350px;
	}
}

.image-responsive {
	float: left;
	padding: 0px 0px 0px 0px;
}

.image-responsive img {
	width: 350px;
	max-width: 450px;
	height: auto;
}

.image-responsive img.prodthumb {
	width: 55px;
	/*margin-right: 5px;*/
	padding: 5px;
}

#preview-enlarged {
	float: top;
}

#prodthumb-container {
	align-items: center;
	/*float: bottom;*/
	width: auto;
	margin-top: 12px;
}

ul#prodthumb-container {
	display: block;
}

ul#prodthumb-container li {
	float: left;
	margin-right: 2px;
	list-style: none;
}

ul#prodthumb-container li a {
	display: block;
	border: 1px solid #CCC;
}

ul#prodthumb-container li a.zoomThumbActive {
	border: 1px solid #555555;
}

/* is this still relevant to the thumb / zoom image product detail page element? */
.img-holder>img {
	display: block;
	max-height: 100%;
	max-width: 100%;
	margin: 1em auto;
}

@media screen and (max-width: 560px) {
	#preview-enlarged {
		float: none;
	}

	#prodthumb-container {
		width: 100%;
		margin-top: 4px;
	}
}