@font-face {
	font-family: Light;
	src: url('fonts/OpenSans-Light.ttf');
}
/*@font-face {font-family: Regular; src: url('fonts/OpenSans.ttf');}*/
/*@font-face {font-family: Bold; src: url('fonts/BebasNeue Bold.otf');}*/ /*Now coming from the google fonts on toppage */
/*@font-face {font-family: Exo; src: url('fonts/Exo-SemiBold.otf');}*/ /*Now coming from the google fonts on toppage */

#flexcontainer {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

#flexcontainer > div {
	width: 100px;
	height: 120px;
	border: 2px dashed red;
}

body {
	font-family: sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 14px;
	position: static;
	padding-bottom: 120px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

html,
body {
	height: 100%;
	/* min-width: 1000px; */
}

.container {
	min-height: 100%;
	position: relative;
	padding-top: 0px;
	align-items: center;
	/*padding-top: 10px;*/
	/*margin-bottom: 150px;*/
	/*height: auto !important;
    	height: 100%;
		margin: 0 auto -145px;*/
}

.page-header {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 28px;
	/* margin: 120px when alert showing else 89px */
	margin: 86px 0 0px;
}

.list-group-item {
	line-height: 1.3;
}

/*Keyword Search*/
.navbar-form {
	padding: 0 0 0 10px;
	border: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.filter-search-area {
	padding-top: 5px;
	padding-bottom: 5px;
	/*margin-top: 30px;*/
	/*margin-bottom: 30px;*/
	border: 1px solid #cccccc;
	border-radius: 4px;
	background-color: #f5f5f5;
	width: 100%;
	min-height: 75px;
	margin: 0 auto;
}

.program-area {
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	background-color: #f5f5f5;
	width: 70%;
	min-height: 75px;
	margin: 0 auto;
}

.program-alert-pending {
	padding: 6px;
	border: 1px solid transparent;
	border-radius: 4px;
	background-color: #00aeef;
	color: #f5f5f5;
	display: inline-block;
	font-weight: bold;
}

.program-alert-caution {
	padding: 6px;
	border: 1px solid transparent;
	border-radius: 4px;
	background-color: #a94442;
	color: #f5f5f5;
	display: inline-block;
	font-weight: bold;
}

.program-alert-success {
	padding: 6px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #f5f5f5;
	background-color: #019a22;
	display: inline-block;
	font-weight: bold;
}

/* square container */
.img-square {
	width: 200px; /* or 100% or whatever */
	aspect-ratio: 1 / 1; /* keep it square */
	display: flex; /* center content */
	align-items: center;
	justify-content: center;
	overflow: hidden;
	line-height: 0; /* kills baseline gap in tables */
}

/* the image inside */
.img-square img {
	display: block; /* removes baseline spacing */
	max-width: 100% !important; /* beat .img-responsive */
	max-height: 100% !important;
	width: auto;
	height: auto;
}

/****** this is for the navigation drop down links **********/
.list-group-item a {
	color: #000;
	white-space: normal;
}

.list-group-item:hover a {
	color: rgb(0, 157, 236);
}

.badge-light {
	display: inline-block;
	min-width: 10px;
	padding: 6px 7px;
	margin-bottom: 4px;
	font-size: 13px;
	font-weight: normal;
	color: #1a74b5;
	line-height: 1;
	vertical-align: baseline;
	white-space: nowrap;
	text-align: center;
	background-color: #ececec;
	border-radius: 10px;
}
.badge-light:hover {
	background-color: #cccccc;
}
.badge-dark {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
	line-height: 1;
	vertical-align: baseline;
	white-space: nowrap;
	text-align: center;
	background-color: #a94442;
	border-radius: 10px;
}
.badge-color {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	margin-bottom: 2px;
	margin-top: 2px;
	font-size: 1em;
	color: #fff;
	line-height: 1;
	vertical-align: baseline;
	white-space: nowrap;
	text-align: center;
	background-color: #428bca;
	border-radius: 10px;
}
.badge-color:hover {
	background-color: #21659f;
	color: #fff;
}

.badge-light-image {
	min-width: 10px;
	padding: 3px 7px;
	font-size: 13px;
	font-weight: 500;
	color: #1a74b5;
	line-height: 1;
	vertical-align: baseline;
	white-space: nowrap;
	text-align: center;
	background-color: #f5f3f3;
	border-radius: 10px;
}

.badge-light-image:hover {
	background-color: #cccccc;
}

.badge-selected {
	background-color: #667a88;
	border: 1px solid #667a88;
	padding: 7px;
}
.badge-deselected {
	background-color: #f7f7f7;
	border: 1px solid #667a88;
	padding: 7px;
}
.badge-deselected a {
	color: #667a88 !important;
}

/**** 14.5px makes the Recent button the correct size ****/
.btn {
	/*font-size: 14.5px;
		border-radius: 0px;*/
	height: 35px;
}

/**** makes the Search and Recent button have no shadow and square edges ****/
.form-control {
	border: 1px solid #cccccc;
	height: 35px;
	display: block;
	padding: 6px 12px 6px 6px;
}

.form-control small {
	height: 25px;
}

.form-control-menuzord {
	display: inline;
	border: 1px solid #ffffff;
	height: 35px;
	display: inline-flex;
	width: 100%;
	margin-right: 3px;
	padding: 6px 12px;
	line-height: 1.4285714;
	color: #555555;
	background-image: none;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
}
.push {
	height: 145px;
}

a:hover {
	color: rgb(0, 157, 236);
	text-decoration: none;
}

a:focus {
	box-shadow: none;
	outline: none;
	text-decoration: none;
}

a:active {
	box-shadow: none;
	outline: none;
}

.alert {
	margin-bottom: 10px;
}

.alert-info-outline {
	border-color: #22495c;
	background-color: #fff;
	color: #22495c;
}
.alert-info-shaded {
	margin-bottom: 10px;
	background: #f5f5f5;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 10px;
}
/*
    .alert-info {
        border: none;
        background-color: #607d8b;
        color: #ffffff;
    }


    .alert-danger {
        border: none;
        background-color: #5f5f5f;
        color: #ffeb3b;
        
    }
*/
.alert-order-program {
	margin-bottom: 10px;
	background: #f5f5f5;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 10px;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
	-webkit-text-fill-color: rgb(0, 157, 236) !important;
}

/* Here for the button type file */
.fileUpload {
	position: relative;
	overflow: hidden;
}

.fileUpload input.upload {
	position: absolute;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.dropdown-backdrop {
	z-index: -1;
}

/*****DIGITAL****/

.digital {
	width: 126px;
	margin-top: -3px;
	display: inline;
}

.digitalimg {
	float: right;
}

.input-content-box {
	padding: 10px;
	margin-bottom: 5px;
	background-color: #e9ecef;
	border-radius: 10px;
	/*display:flex;
		flex-direction:column;*/
}
.flexrowcolumn {
	display: flex;
	flex-direction: row;
}

/************** PRIVACY ****************/
#MainContent {
	padding: 10px;
	color: #333333;
}

#MainContent fieldset {
	/*border: 1px solid #00aeef;*/
	margin: 20px 0 0 0;
	padding: 15px 10px 10px 15px;
	/*text-align: center;*/
	width: 100%;
}

#MainContent legend {
	color: #000;
	font-weight: bold;
	font-size: 18px;
	width: 400px;
	margin-bottom: 0px;
	border-bottom: 1px solid gray;
}

#MainContent heading {
	font-weight: 800;
	color: rgb(0, 157, 236);
}

/**********************		STYLE FOR SEARCH BUTTON, SETTING AND CATEGORY TOP NAV	********/
.tp_nav {
	padding-top: 4px;
	font-weight: bold;
}
ul.grid {
	vertical-align: bottom;
	line-height: 1.4;
}
.navsearch {
	float: left;
	padding-top: 5px;
	display: flex;
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -webkit-flex;
	flex-direction: row;
}
.navorder {
	float: right;
	padding-top: 4px;
}
.navorder a {
	color: rgb(0, 157, 236);
	font-weight: bold;
}
.glyphicon-shopping-cart,
span.glyphicon-search {
	font-size: 0.85em;
	/*padding-top: 10px;*/
	height: 20px;
}
ul.grid {
	width: 100%;
	align-items: stretch;
	overflow: visible;
	white-space: nowrap;
}
ul.grid a {
	display: block;
	color: #000;
	text-transform: uppercase;
	text-align: left;
	white-space: normal;
}
ul.grid a:hover {
	display: block;
	color: rgb(0, 157, 236);
	text-transform: uppercase;
	text-align: left;
	white-space: normal;
}
ul.grid li {
	display: block;
	padding-top: 1px;
	padding-bottom: 30px;
	text-align: left;
	list-style: none;
	overflow: visible;
}
#demo-b input[type='search'] {
	width: 200px;
	opacity: 1;
	filter: alpha(opacity=100);
	cursor: pointer;
	box-shadow: transparent;
	padding: 2px;
	color: slategrey;
	font-weight: bold;
}
#demo-b input[type='search']:focus {
	width: 200px;
	color: slategrey;
	cursor: auto;
	box-shadow: transparent;
	outline: none;
}
#demo-b input[type='search']:active {
	width: 200px;
}
/**************		STYLE FOR DROPMENU SELECT PRODUCT DETAIL 		*******************/

table.table.table-striped tr.PDetail_1 td {
	background-color: #ffffff;
	padding: 0px;
	border: 0px;
	vertical-align: top;
}

.PDetail-Title {
	font-family: 'Regular' sans-serif;
}

.PDetail-Prices {
	font-size: 15px;
}

.PDetail_3 {
	margin: 0px;
	padding: 0px;
	font-size: 24px;
	font-weight: bold;
}
.product-details-td {
	border-top: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}
.pd-short-code {
	font-family: Roboto Condensed;
	font-weight: 200;
	font-size: 28px;
	line-height: 1 !important;
}
.tab-pane {
	margin-left: auto;
	margin-right: auto;
	width: 60%;
}

.btn:active,
.btn.active {
	-webkit-box-shadow: 0;
	box-shadow: 0;
}
.btn-default {
	border: 0px;
}

.row a {
	color: rgb(0, 157, 236);
	text-transform: uppercase;
}

.rowb a {
	color: #000;
	font-size: 18px;
	font-family: 'Bebas Neue';
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
.rowb a:hover {
	color: rgb(0, 157, 236);
}

.PDetail_4 {
	margin: 0px;
	padding: 0px;
}

.PDetail_4 ul li {
	padding-left: -20px;
	margin-left: -20px;
}

/****** contact.php****/
select#depID {
	margin-left: 80px;
	width: 200px;
}

input#sendContactEmail {
	padding-top: 4px;
}

input#first_name {
	width: 200px;
}

input#last_name {
	width: 200px;
}

input#acc_number {
	width: 200px;
	margin-left: -28px;
}

input#e_mail {
	width: 200px;
	margin-left: 34px;
}

textarea#styled {
	border-color: rgb(204, 204, 204);
	width: 200px;
	margin-left: 12px;
}

/********		CAROUSEL	*******/
.item {
	background: #fff;
	text-align: right;
	height: 400px !important;
}

.item img {
	max-height: 100%;
	margin: 0 auto;
}

.carousel {
	margin-top: 5px;
}

.carousel-indicators {
	bottom: -50px;
}

.carousel-indicators li {
	background-color: #d1d2d4;
}

.carousel-indicators .active {
	background-color: #58585b;
}

/****** partners.php *****/
.partnerimage {
	float: left;
	padding-right: 20px;
}

.partners img {
	float: left;
}

.partners p + b {
	font-weight: 1500;
}

.partners p + a {
	float: right;
}

/************************** 	account.php		**********************/

table.table-myaccount tr.clsAccount td {
	padding: 0;
	border: none;
	background-color: none;
	margin: 0 auto;
}

.panel1 {
}

.panel2 {
}

.panel3 {
	display: inline-block;
	width: 100%;
	border: 1px solid grey;
	border-right: none;
	border-left: none;
	background-color: none;
	padding-bottom: 30px;
	padding-top: 30px;
	margin-top: 25px;
}

.simplebox {
	margin: 2px;
	padding: 5px;
	text-align: left;
	width: 300px;
	border: 1px solid #9e9e9e;
}

.simplerbox {
	margin: 2px;
	padding: 5px;
	text-align: left;
	border: 1px solid #9e9e9e;
}

.simplebox:focus,
.simplebox:active {
	margin: 2px;
	border: 1px solid #dce0e1;
}

input[disabled],
input[disabled]:active {
	outline: none;
	background-color: #fff;
	color: rgb(0, 157, 236);
}

.panel1,
.panel2 {
	display: block;
}

#rdoEmail.simplebox {
	outline: none;
}

table.table-condensed a {
	color: rgb(0, 155, 239);
}

/****** SEARCH_WHEELS.PHP*******/

.dropi {
	display: block;
	width: 100%;
	height: 30px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
	-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
	border-radius: 0;
	-webkit-appearance: menulist;
}

/*************		SEARCH_CATEGORY.PHP			*****************************/
.DivBorder {
	min-height: 240px;
	max-height: 240px;
	border: 1px solid;
	border-color: transparent transparent grey transparent;
	width: 200px;
	height: 120px;
	overflow: hidden;
	vertical-align: middle;
	display: inline-block;
}

.DivBorder:hover {
	border-bottom: 1px solid rgb(0, 157, 236);
	color: rgb(0, 157, 236);
}

.DivBorder:hover + .caption {
	color: rgb(0, 157, 236);
}

.product > .btn {
	border-radius: 4px;
}

#RigthData {
	padding-left: 20px;
}

#RigthData ~ .product {
	height: 20%;
}

/************		ORDER.PHP		************/
.col-sm-12.topcol2 a {
	color: rgb(181, 181, 181);
	font-size: 12px;
}

.col-sm-12.topcol2 a:hover {
	color: rgb(0, 157, 236);
}

.glyphicon-tag,
.glyphicon-globe,
.glyphicon-flash,
.glyphicon-import,
.glyphicon-export,
.glyphicon-download-alt,
.glyphicon-remove {
	color: rgb(0, 157, 236);
	padding: 7px;
	background: white;
}

.form-inline {
	/*font-weight: bolder;*/
}

.clsAccount td {
	border-style: none;
	text-transform: uppercase;
}

.table-condensed {
	font-size: 14px;
	font-weight: 400;
}

.img_top_table {
	border: 1px solid #dddddd;
}

/************		RECENT.PHP		****************************/
.DivRecent {
	min-height: 320px;
	border: 1px solid Gray;
}

.caption {
	color: black;
	text-align: center;
}

.coverImgRec {
	text-align: center;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding-top: 18%;
	min-height: 220px;
}

.coverImgRec:before {
	content: ' ';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.coverImgRec img {
	vertical-align: middle;
	display: inline-block;
}

.bottomRecent {
	bottom: 0px;
	position: absolute;
	right: 15px;
	margin-right: 6px;
	margin-bottom: 3px;
}

/*************	purchase_history.php		********/

#datepicker {
	z-index: -1;
}

tr.clsAccount td.row {
	margin-top: 30px;
}

input[type='checkbox'].css-checkbox {
	position: absolute;
	z-index: -1000;
	left: -1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

input[type='checkbox'].css-checkbox + label.css-label {
	padding-left: 20px;
	height: 15px;
	display: inline-block;
	line-height: 15px;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 15px;
	vertical-align: middle;
	cursor: pointer;
}

input[type='checkbox'].css-checkbox:checked + label.css-label,
input[type='checkbox'].css-checkbox:focus {
	background-position: 0 -15px;
}

label.css-label {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*************		_fx_odbc_load.php		*****************************/
#invMastID {
	padding-right: 28px;
	background-color: silver;
	width: 200px;
}

/************************** daily_specials.php ****************************/

/* entire container, keeps perspective */
.flip-container {
	perspective: 1000;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-o-perspective: 1000;
}
/* flip the pane when hovered */
.flip-container:hover .flipper,
.flip-container.hover .flipper {
	-ms-transform: rotateY(180deg); /* IE 9 */
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.flip-container,
.front,
.back {
	width: 240px;
	height: 245px;
	margin-top: 7px;
	margin-bottom: 7px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	-webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d; /* Chrome, Safari, Opera */
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	text-align: center;
	margin-top: 36px;
}

/* hide back of pane during swap */
.front,
.back {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
/* front pane, placed above back */
.front {
	/* for firefox 31 */
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	min-height: 281px;
	text-align: center;
	padding: 10px;
	padding-top: 20px;
	border: solid 1px rgb(0, 157, 236);
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}

/**************		search_category.php SEARCH CATEGORY RESULT PAGE		**************/
.DropCatBrand {
	border: none;
	padding: 0px;
	background-color: #fff;
	-webkit-appearance: none;
}

.topcol2 {
	text-align: center;
	margin: 0 auto;
}

.topcol2:active,
.topcol2.btn-primary active {
	color: white;
}

.topcol3 {
	/* Sort prod	*/
	margin: 0px;
	padding: 0px;
}
.topcol3Sub {
	float: right;
}

.topcol3Sub.btn:hover {
	background: rgb(0, 157, 236);
}
.topcol3Sub a,
.topcol3Sub a:hover {
	color: rgb(0, 157, 236);
	text-decoration: none;
}
col-sm-4.topcol2.btn-primary a {
	color: rgb(0, 157, 236);
}
.topcol2.btn:hover,
topcol2.btn:hover a {
	background: rgb(0, 157, 236);
	color: white;
}
.topcol2.btn-primary:active a,
.topcol2.btn-primary.active {
	color: white;
}
.col-sm-12.btn:hover,
col-sm-12.btn:hover a {
	background: rgb(0, 157, 236);
	color: white;
}
.col-sm-12.btn-primary:active a,
.col-sm-12.btn-primary.active {
	color: white;
}
.recent {
	margin: 0px;
	padding: 0px;
}
.recentSub {
	float: right;
}
.cols1 {
	width: 33%;
}
.cols2 {
	width: 34%;
}
.cols2 h4 {
	color: rgb(0, 157, 236);
}
.flt {
	float: left;
}
.cls {
	clear: both;
}
#left_col,
#right_col {
	margin: 0 2px;
	text-align: center;
}

.cols3 {
	width: 33%;
}

/***********	GLOBAL STYLE 		******************/
/* centered columns styles */
.row-centered {
	text-align: center;
}
.col-centered {
	display: inline-block;
	float: none;
	/* reset the text-align */
	text-align: left;
	/* inline-block space fix */
	margin-right: -4px;
}
/* here for the glyphicons under products */
a:hover span.glyphicon-shopping-cart {
	font-size: 1.4em;
	color: #fff !important;
}
a span.glyphicon-shopping-cart {
	font-size: 1.4em;
	color: #00aeef !important;
}

a:hover span.glyphicon-copyright-mark {
	font-size: 1.8em;
	color: #fff !important;
}
a span.glyphicon-copyright-mark {
	font-size: 1.8em;
	color: #00aeef !important;
}

a:hover span.glyphicon-usd {
	font-size: 1.8em;
	color: #fff !important;
}
a span.glyphicon-usd {
	font-size: 1.8em;
	color: #00aeef !important;
}

a:hover span.glyphicon-search {
	font-size: 1.6em;
	color: #fff !important;
}
a span.glyphicon-search {
	font-size: 1.6em;
	color: #00aeef !important;
}

a:hover span.glyphicon-star-empty {
	font-size: 1.8em;
	color: #fff !important;
}
a span.glyphicon-star-empty {
	font-size: 1.8em;
	color: #00aeef !important;
}

.left-div {
	float: left;
	margin-left: 6px;
}

.right-div {
	float: right;
	margin-right: 6px;
}

.tbleTitle {
	font-size: 18px;
	font-weight: bold;
}
.normaltxt a {
	color: #000;
	font-weight: bold;
	font-size: 17px;
}
.normaltxt a:hover {
	color: rgb(0, 157, 236);
}
.titles {
	font-size: 20px;
	font-weight: bold;
}

.spaceupdown {
	margin-top: 15px;
	margin-bottom: 15px;
	color: rgb(0, 157, 236); /* blue color */
}

/*		careers, apply, etc		*/

.text-centered-wide {
	margin: 0 auto;
	text-align: center;
	max-width: 850px;
}

.text-centered-wide p {
	margin: 0 0 20px;
}

.text-centered-narrow {
	margin: 0 auto;
	text-align: center;
	max-width: 600px;
}

.carousel-indicators {
	bottom: -20px;
}
/* Height 50px to push the Order Selector drop down lower than the gray bar on mobile */
.col-xs-6.col-lg-4 {
	height: 50px;
}

.col-xs-6.col-lg-4.second {
	height: 284px;
}

/************	TOP PART OR EACH PAGE THAT CONTAIN AN ALERT EXAMP: group_detail.php		*******/
.topmsgcolor {
	background-color: rgb(0, 157, 236);
	color: #fff;
	padding: 3px;
}

/****** SEARCH CATEGORY RESULT RESPONSIVE	*******/
.topcol1 {
	float: none;
	margin: 0 auto;
}
.topcol2 {
	/*All prod	*/
	float: none;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 10px;
}
.topcol3 {
	/* Sort prod	*/
	float: none;
	margin: 0 auto;
	text-align: center;
}
.topcol3Sub {
	float: none;
}

.bread {
	/* breadcrumb	*/
	margin: 0px;
	padding: 0px;
}
.recent {
	/* recent	*/
	margin: 0px;
	padding: 0px;
}
.recentSub {
	float: left;
}

.cols1 {
	/* image-rendering: */
	width: 100%;
}

.cols2 {
	/* description, part, qty and location drop	*/
	width: 100%;
}

.cols3 {
	width: 100%;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

.mastFull {
	display: block;
	width: 100%;
}

table.table-striped tr.clsAccount td {
	/*width: 70%;*/
	margin: 0px;
	padding: 0px;
}

.panel1,
.panel2 {
	border: none;
	padding: 0;
	margin: 0;
	float: none;
	clear: both;
}

.panel4 {
	width: 60px;
}

select#depID {
	margin-left: 0px;
	width: 200px;
}

fieldset {
	border: none;
	width: 100%;
}

.col-xs-6.col-lg-4 {
	white-space: normal;
}

input#acc_number {
	width: 200px;
	margin-left: 0em;
}

input#e_mail {
	width: 200px;
	margin-left: 0em;
}

textarea#styled {
	border-color: rgb(204, 204, 204);
	width: 200px;
	margin-left: 0em;
}

.DivBorder {
	width: 100%;
}

.daily-specials {
	text-align: center;
}

#demo-b input[type='search'] {
	width: 80px;
	opacity: 1;
	filter: alpha(opacity=100);
	cursor: pointer;
	box-shadow: transparent;
	padding: 2px;
	color: slategrey;
	font-weight: bold;
	-webkit-appearance: none;
	border-radius: 0;
}

#demo-b input[type='search']:focus {
	width: 80px;
	color: slategrey;
	cursor: auto;
	box-shadow: transparent;
	outline: none;
	-webkit-appearance: none;
	border-radius: 0;
}

#demo-b input[type='search']:active {
	width: 80px;
	-webkit-appearance: none;
	border-radius: 0;
}

/****************		FOOTER			*************/
.footer {
	width: 100%;
	/*height: 100px;*/
	background-color: #162530;
	clear: both;

	z-index: 0;
	bottom: 0px;
	right: 0;
}

.LogoFooter {
	width: 9%;
	float: right;
	margin-right: 89px;
	margin-top: 16px;
	text-align: center;
}
.LogoFooter2 {
	width: 19%;
	float: left;
	margin-left: 0;
	margin-top: 14px;
	text-align: center;
	display: inline;
}

.fa {
	vertical-align: middle;
	color: #fff;
}

.button {
	padding: 10px 40px 10px 40px;
	margin-left: 15px;
	margin-bottom: 10px;
	font-family: Arial, Tahoma, Verdana, FreeSans, sans-serif;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	display: inline-block;
	white-space: nowrap;
	line-height: 1em;
	position: relative;
	outline: none;
	overflow: visible;
	cursor: pointer;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 1px 1px 2px 0 #000;
	-moz-box-shadow: 1px 1px 2px 0 #000;
	-webkit-box-shadow: 1px 1px 2px 0 #000;
}

/*		order_shipping style 	*/
.columnstyle {
	font-weight: bold;
	text-align: center;
	color: #6d6e71;
}

/*****************************************************************************/
input[type='checkbox'].css-checkbox {
	position: absolute;
	z-index: -1000;
	left: -1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

input[type='checkbox'].css-checkbox + label.css-label {
	padding-left: 20px;
	height: 15px;
	display: inline-block;
	line-height: 15px;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 15px;
	vertical-align: middle;
	cursor: pointer;
}

input[type='checkbox'].css-checkbox:checked + label.css-label {
	background-position: 0 -15px;
}
label.css-label {
	/*background-image:url(https://csscheckbox.com/checkboxes/u/csscheckbox_1437560032a3e1345ce3a7bb5fec77cc.png);*/
	background-image: url(../_img/jbi_hearts.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*** ADDED 4/2016 SP ***/
.btn {
	background: white;
	border: 1px solid #cccccc;
	border-color: rgb(0, 157, 236);
}
.btn-blue {
	color: white;
	background-color: rgb(0, 157, 236);
}
.btn-search a {
	font-size: 12px;
	color: #565656;
}
.custom-search-form .btn {
	border-color: #cccccc;
}

/* slider */
.slider-container {
	position: relative;
	width: 100%;
	/*when alert showing 116px else 85px;*/
	margin-top: 80px;
}
.home-slider {
	display: block;
	height: auto;
	padding: 0px 0 0 0;
	margin-left: 0;
	margin-right: 0;
}
.home-slider img {
	width: 100%;
	height: auto;
}
.home-slider .nivoSlider {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	/*min-height: 455px;*/
	/*max-height: 455px;*/
	/*max-height: 750px;*/
	z-index: 0;
}
.nivo-directionNav a.nivo-prevNav {
	position: absolute;
	z-index: 60;
	width: 26px;
	height: 45px;
	background-image: url(../_img/arrows-left.png);
	text-indent: -9999px;
	background-color: rgba(0, 0, 0, 0.4);
	opacity: 0.4;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.nivo-directionNav a.nivo-nextNav {
	position: absolute;
	z-index: 60;
	width: 26px;
	height: 45px;
	background-image: url(../_img/arrows-right.png);
	text-indent: -9999px;
	background-color: rgba(0, 0, 0, 0.4);
	opacity: 0.4;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.nivo-directionNav a.nivo-prevNav:hover,
.nivo-directionNav a.nivo-nextNav:hover {
	opacity: 1;
}
.home-header {
	font-family: 'Exo', sans-serif;
	text-align: center;
	font-size: 25px;
	font-weight: 500;
	margin-top: 15px;
	padding-bottom: 0;
}
.home-welcome {
	font-family: 'Exo', sans-serif;
	text-align: center;
	padding-bottom: 5px;
}

.home-grid3 {
	padding-bottom: 50px;
}
.home-grid3 .img-text {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: none;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.home-grid3 .img-text h2 {
	position: absolute;
	display: block;
	width: 60%;
	font-family: 'Exo', sans-serif;
	font-size: 17px;
	font-weight: 400;
	color: #ffffff;
	text-align: center;
	margin: 25% 20% 0 20%;
	padding: 2% 0%;
	vertical-align: middle;
	z-index: 3;
	cursor: pointer;
}
.home-grid3 a:hover h2 {
	color: #ffffff;
	background: #00aeef;
	outline: #ffffff solid thin;
}
.home-grid3 a img {
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	/*opacity: 0.6;*/
}
.home-grid3 a:hover img {
	opacity: 1;
}
.home-grid3 .imgfull {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: auto;
}
/* Once logged in */
.home-features {
	font-family: 'Exo', sans-serif;
	text-align: center;
	padding-bottom: 20px;
}
.home-gridfeatures {
	padding-bottom: 50px;
}
.home-gridfeatures .col-md-15,
.home-gridfeatures .col-sm-3 {
	margin-bottom: 15px;
}
.home-gridfeatures .img-text {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #414042;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.home-gridfeatures .img-text h2 {
	position: absolute;
	display: block;
	width: 60%;
	font-family: 'Exo', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #000000;
	color: #ffffff;
	text-align: center;
	margin: 25% 20% 0 20%;
	padding: 2% 0%;
	vertical-align: middle;
	z-index: 3;
	cursor: pointer;
}
.home-gridfeatures .img-text .img-content-middle {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
}
.home-gridfeatures a {
	position: relative;
	display: block;
	width: 100%;
}
.home-gridfeatures a:hover h2 {
	color: #ffffff;
	background: #00aeef;
	/*outline: #ffffff solid thin;*/
}
.home-gridfeatures a img {
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.home-gridfeatures .imgfull {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: auto;
}

/* footer */
.footer .container {
	/*padding-top: 0;*/
	margin-bottom: 0;
}
.footer span {
	color: #dddddd;
	padding: 25px 0;
	display: block;
}
.footer span a {
	color: #dddddd;
	text-transform: capitalize;
}
/*.footer-hash {
		display: block;
		position: relative;
		width: 42.615%;
		max-width: 125px;
		margin: 0 auto;
		padding: 16px 0 0 0;
	}*/
.footer-hash {
	height: 85px;
	width: 110px;
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
/*.footer-hash img {
		width: 100%;
		height: auto;
	}*/
.footer-hash img {
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.footer .col-md-4:nth-child(3) span {
	text-align: right;
}
/* end footer*/

/* create 15 column style grid*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.col-xs-15 {
	width: 20%;
	float: left;
}

/* Menu fix */
/*.menuzord {
		padding: 0px;
	}*/
.menuzord-menu > li > a {
	font-size: 14px;
}
.list-group-item a {
	display: inline;
}
.tp_nav .mobile-search {
	display: none;
}
.padleftpadright a {
	display: block;
}
.menu-images-text {
	display: none;
}
.menu-images {
	display: block;
}
.menu-images .img-text {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: none;
	/*transition: all 0s ease;
		-webkit-transition: all 0s ease;
		-moz-transition: all 0s ease;
		-o-transition: all 0s ease;*/
	background: rgba(41, 41, 41, 0.2);
}
.menu-images .img-text small {
	position: absolute;
	display: block;
	width: 100%;
	font-family: 'Exo', sans-serif;
	font-size: 11px;
	font-weight: 400;
	color: #000000;
	color: #ffffff;
	text-align: center;
	padding: 2% 0%;
	vertical-align: middle;
	z-index: 3;
	cursor: pointer;
	background: #00aeef;
}
.menu-images a:hover small {
	color: #ffffff;
	background: #00aeef;
	outline: #ffffff solid thin;
}
.menu-images .img-text h3 {
	position: absolute;
	display: block;
	width: 70%;
	font-family: 'Exo', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #000000;
	color: #ffffff;
	text-align: center;
	margin: 25% 15% 0 15%;
	padding: 2% 0%;
	vertical-align: middle;
	z-index: 3;
	cursor: pointer;
}
.menu-images a {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
.menu-images a:hover h3 {
	color: #ffffff;
	background: #00aeef;
	outline: #ffffff solid thin;
}
.menu-images a img {
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	opacity: 1;
}
.menu-images .imgfull {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: auto;
}
.text-center .menu-images .padleftpadright {
	float: none;
	display: inline-block;
}
/* menu brands 8 logos */
.brands .megamenu .padleftpadright img.brand-menu-img {
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
	max-width: 100%;
	/*max-height: 100%;*/
	margin: auto;
	vertical-align: middle;
}
.brands .padleftpadright {
	padding: 0 5px !important;
}
/* Orders Menu changed class from .orders to .ordering */
.ordering .col-md-4 {
	width: 33.33333333% !important;
	padding: 0 4%;
	margin-left: 0 !important;
}
.ordering .order-divider {
	margin: 5px 0 5px;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 9px;
}
.ordering .padleftpadright {
	padding: 0;
}
.ordering .col-md-4 .col-sm-12 .col-sm-6,
.ordering .col-md-4 .col-sm-12 .col-xs-6 {
	padding: 0;
}
/* Support Menu */
.support .col-md-3 a {
	display: block;
	color: #000000;
	text-transform: uppercase;
	text-align: left;
	white-space: normal;
}
.support .col-md-3 {
	padding-bottom: 30px;
}

/** Image grayscale***/
a img.grayscale {
	filter: brightness(80%) grayscale(80%);
	-webkit-filter: brightness(80%) grayscale(80%);
	-moz-filter: brightness(80%) grayscale(80%);
	-o-filter: brightness(80%) grayscale(80%);
	-ms-filter: brightness(80%) grayscale(80%);
}
a:hover img.grayscale {
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
}

/* HIDE / SHOW div on list_orders.php	*/
#table-mobile {
	display: none;
}
#table-desktop {
	display: block;
}

/* NAVIGATION MENU: show/hide price and create order button */
.btn-gray {
	font-size: 12px;
	font-weight: 600;
	height: 27px;
	color: #5d5d5d;
	margin-top: 9px;
	padding: 3px 8px;
	background: #ffffff;
	border: 1px solid #dddddd;
}
.btn-showprice {
	font-size: 12px;
	font-weight: 600;
	height: 27px;
	color: #5d5d5d;
	margin-top: 9px;
	padding: 3px 8px;
	background: #fff;
	border: 1px solid #dddddd;
}
.btn-programs {
	font-size: 12px;
	font-weight: 600;
	height: 26px;
	color: #ffffff;
	margin-top: 8px;
	padding: 3px 8px;
	/*background: #a94442;*/
	background: #3b6583;
	/*border: 1px solid #a94442;*/
	border: 1px solid #3b6583;
}
.btn-programs:hover {
	background: #233949;
	color: #fff;
}
.btn-salesevent {
	font-size: 12px;
	font-weight: 600;
	height: 26px;
	color: #ffffff;
	margin-top: 8px;
	padding: 3px 8px;
	background: #bd0000;
	border: 1px solid #bd0000;
}
.btn-salesevent:hover {
	background: #830101;
	color: #fff;
}
.btn-createorder #xrp {
	color: #5d5d5d;
	border-color: #d6d6d6;
	width: 120px;
	height: 26px;
	padding-top: 0;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 600;
	padding: 1px 12px;
}
.btn-createorder #xrp a {
	color: #5d5d5d;
}
.btn-createorder .dropdown-toggle {
	width: 30px;
	color: #000;
	border-color: #58595b;
	height: 26px;
	margin-top: 10px;
	padding-top: 1px;
	border-color: #d6d6d6;
}
.glyphicon-shopping-cart {
	padding-top: 2px;
}
.menuprice {
	background-color: #e9ecef;
	height: 45px;
	padding: 0 60px;
}
/*.menuprice .menushowhide {
		padding-left:90px;
	}
	.menuprice .menucreate {
		padding-right: 45px;
	}*/

.badge1 {
	position: relative;
}
.badge1[data-badge]:after {
	content: attr(data-badge);
	position: absolute;
	top: 8px;
	right: -6px;
	font-size: 0.7em;
	background: red;
	color: white;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	border-radius: 50%;
	box-shadow: 0 0 1px #333;
}

/**************** ANCHOR STYLE ***************************************/
#return-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.7);
	width: 50px;
	height: 50px;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#return-to-top i {
	color: #fff;
	margin: 0;
	position: relative;
	left: 16px;
	top: 13px;
	font-size: 19px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#return-to-top:hover {
	background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
	color: #fff;
	top: 5px;
}

/*	css	*/
.row {
	margin-left: 0px;
	margin-right: 0px;
}

/* This it to remove the underline on the jb logo*/
#img-link,
#img-link img {
	text-decoration: none !important;
	border: 0px !important;
	outline: none;
	border-width: 0px;
	outline-width: 0px;
	border-bottom: none;
}

/* special for the nav menu */
.xxtb:focus,
.xxtb__content:focus {
	border-bottom: #ea215a 1.125em solid;
	outline: none;
	background-color: #f1cd54;
	text-decoration: underline;
}

/* Style for the About Us, Become a Dealer and In memoriam */
:focus > .Button-Content {
	box-shadow: 0 0 0 7px darkorange;
}

/* instagram, facebook and twitter */
.footer-hash :focus > .Button-Content {
	box-shadow: 0 0 0 7px lime;
}

/* Privacy policy and California transparency link */
.footer span a:focus > .Button-Policy {
	-webkit-text-decoration: hotpink double underline;
	text-decoration: hotpink double underline;
}

/**************** MEDIA QUERIES ***************************************/
@media (min-width: 992px) {
	.col-md-15 {
		width: 20%;
		float: left;
	}
}
@media (min-width: 1400px) {
	.container {
		width: 1370px;
	}
}

@media (max-width: 1200px) {
	.menuzord {
		padding: 0;
	}
	.menuprice {
		padding: 0px;
	}

	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		overflow-x: auto;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: none;
		-webkit-overflow-scrolling: touch;
	}
}
@media screen and (min-width: 960px) and (max-width: 1125px) {
	.menuzord-menu > li > a {
		font-size: 13px;
		padding: 10px 5px;
	}
}
@media screen and (min-width: 801px) and (max-width: 959px) {
	.menuzord-menu > li > a {
		font-size: 12px;
		padding: 10px 3px;
	}
	.menu-images .padleftpadright {
		padding-left: 5px;
		padding-right: 5px;
	}
}

/* ipad mini 768 - below that hide mobilenone */
@media only screen and (max-width: 767px) {
	.mobilenone {
		display: none;
	}
}

@media only screen and (max-width: 900px) {
	.container {
		padding-left: 10px;
		padding-right: 10px;
	}

	body {
		overflow-y: scroll;
	}

	.page-header {
		/*margin: 160px when alert showing else 129 */
		/*margin: 129px 0 0px;*/
	}

	li.open a.dropdown-toggle {
		background-color: rgb(0, 157, 236);
	}

	.megamenu-row .list-group-item a {
		font-size: 17px;
		padding: 15px;
		border-bottom: 1px solid #e8e8e8;
		font-weight: 600;
	}

	.menuzord {
		position: absolute;
	}

	/* Used to eliminate the space at the top of the open menu when in mobile */
	#menuzord > ul > li.products > div {
		padding-top: 0px;
	}
	#menuzord > ul > li.products.open > div.megamenu.dropdown {
		padding-top: 0px;
	}

	.menuzord-responsive .menuzord-menu.scrollable {
		position: initial;
		left: 0px;
		width: 100%;
		/*padding-bottom: 6.25rem;*/
		padding-right: 0px;
		visibility: visible;
		height: 100%;
		display: block;
		top: 160px;
		overflow-y: auto;
		background-color: #ffffff;
	}
	.menuzord-menu > li {
		height: auto;
	}
	.padleftpadright {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.menuzord-menu.scrollable .products .padleftpadright a.menu-feature-bg,
	.menuzord-menu.scrollable .saleMenu .padleftpadright a.menu-feature-bg {
		display: block;
		font-weight: bold;
		padding: 15px;
		background: #eeeeee;
		border-bottom: 1px solid #ffffff;
	}
	.menuzord-responsive .menuzord-menu > li > a {
		border-bottom: solid 1px #f0f0f0;
		font-size: 17px;
	}
	.menuzord-responsive .menuzord-menu > li > .megamenu {
		border-bottom: solid 1px #f0f0f0;
	}

	ul li.ordering .megamenu {
		padding-bottom: 30px;
	}
	ul liordering:hover .megamenu {
		display: block;
		height: auto;
		padding-top: 30px;
	}
	.products .padleftpadright,
	.saleMenu .padleftpadright {
		width: 100%;
	}
	.menuzord-menu.scrollable
		.products
		.padleftpadright
		a.menu-feature-bg:hover,
	.menuzord-menu.scrollable
		.saleMenu
		.padleftpadright
		a.menu-feature-bg:hover {
		background: rgb(0, 157, 236);
	}
	.products .menu-images,
	.saleMenu .menu-images {
		display: none;
	}
	.products .menu-images-text,
	.menu-images-text {
		display: block;
	}
	.products .megamenu-row {
		width: 100%;
		margin: 0;
	}
	/* brands */
	.brands .padleftpadright,
	.products .padleftpadright {
		margin-top: 0 !important;
	}
	/* ORDERS MENU */
	.ordering .megamenu:hover {
		display: block;
	}
	li.ordering .megamenu .megamenu-row .col-sm-12 {
		float: left !important;
		margin: 0;
	}
	li.ordering .megamenu .megamenu-row .col-md-4 {
		float: left !important;
		padding: 5px;
	}
	li.ordering .megamenu .megamenu-row .col-md-4 .col-sm-6 {
		float: left;
		width: 50% !important;
		margin-top: 0;
	}
	li.ordering .megamenu .megamenu-row .col-md-4 .order-divider {
		float: left;
		margin: 0;
		padding-bottom: 0;
		margin-bottom: 6px;
	}
	li.ordering .megamenu .megamenu-row.col-md-4 .col-sm-12 {
		float: left;
		margin-top: 5px;
	}
	.badge1[data-badge]:after {
		right: auto;
	}
	/*.home-slider {
			padding: 52px 0 0px 0;
		}*/
	.home-welcome {
		padding-bottom: 10px;
	}
	.home-features .col-md-2 {
		display: none;
	}

	/* footer */
	.footer .col-sm-12 span {
		text-align: center;
		padding: 3px 0;
	}
	.footer .col-md-4 span,
	.footer .col-md-4:nth-child(3) span {
		padding: 3px 0;
		text-align: center;
	}
	.footer .col-md-4:nth-child(2) {
		margin-top: 0;
	}
	.flexrowcolumn {
		display: flex;
		flex-direction: column;
	}
	.input-content-box div {
		margin: 5px;
	}
	.tab-pane {
		width: 80%;
	}
}

/*This hides some stuff on the light gray menu when the screen is smaller than 768px */
@media only screen and (max-width: 768px) {
	.btn-hidebutton {
		display: none;
		visibility: hidden;
		clear: both;
	}
	.slider-container {
		margin-top: 85px;
	}
	.row {
		padding: 0 15px;
	}
	.menuzord .hideprods {
		display: none;
		visibility: hidden;
		clear: both;
	}
	.menuzord-responsive .menuzord-menu li .indicator {
		height: 60px;
		line-height: 59px;
	}
	.img_top_table {
		display: none;
		border: 1px solid blue;
		max-height: 221px;
		max-width: 195px;
	}

	.menuprice .menushowhide {
		display: none;
		/*padding-left:20px;*/
	}
	.menuprice .menucreate {
		padding-right: 20px;
	}

	.home-grid3 .col-sm-4 {
		margin-bottom: 15px;
	}
	#table-mobile {
		display: block;
	}
	#table-desktop {
		display: none;
	}
	#table-mobile tbody {
		display: block;
	}
	#table-mobile tbody tr {
		width: 100%;
		display: block;
		margin-bottom: 10px;
	}
	#table-mobile tbody tr td {
		width: 100%;
		display: block;
	}
	#table-mobile tbody tr td span {
		font-weight: bold;
	}
	.footer-hash {
		height: 38px;
	}
}

/* This is the main css for when on mobile - vertical display 420px and less */
@media only screen and (max-width: 425px) {
	#mobileshow {
		display: block;
	}
	.tp_nav .mobile-search {
		display: block;
		height: 47px;
	}
	.tp_nav .mobile-search .glyphicon-search {
		font-size: 1.35em;
		color: #cccccc !important;
		padding-top: 10px;
	}
	.tp_nav .mobile-search .glyphicon-search:hover {
		color: #00aeef !important;
	}
	.tp_nav form {
		display: none;
	}
	.home-grid3 .img-text {
		position: relative;
	}
	.home-grid3 .col-xs-12 {
		margin-bottom: 10px;
	}
	.home-grid3 .col-xs-6 {
		margin-bottom: 10px;
	}
	.menuzord .hideprods {
		display: none;
		visibility: hidden;
		clear: both;
	}
	.menuzord .logo {
		padding-left: 0;
		padding-right: 0;
	}
	.home-grid3 .img-text h2,
	.home-gridfeatures .img-text h2 {
		font-size: 85%;
	}
	/*.container,*/
	.slider-container {
		/*when alert showing 116px else 110px;*/
		margin-top: 85px;
	}
	.btn-showprice {
		font-size: 8px;
	}
	.menuprice .menucreate {
		padding-right: 20px !important;
	}
	.menuprice div:first-child {
		padding-left: 15px;
	}
	.menuprice div:last-child {
		padding-right: 3px;
	}
	.table-responsive {
		display: block;
	}
	.table-condensed {
		font-size: 11px;
	}
	.program-area {
		width: 100%;
	}
	.flexrowcolumn {
		display: flex;
		flex-direction: column;
	}
	.input-content-box div {
		margin: 5px;
	}
	.tab-pane {
		width: 100%;
	}
	/*.menuzord-responsive .menuzord-menu.scrollable {
        top: 82px;
    }*/
}

/*  COMPARE CUSTOM STYLE    */
.text-center {
	text-align: center;
}

.text-center a {
	font-size: 1.1em;
	font-weight: 400;
}

/*  Compare modal styles */
.compare-row {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	align-items: stretch;
}
.compare-item {
	flex: 1 1 18%; /* Allows flexible resizing while maintaining equal width */
	max-width: 22%; /* Gives a bit more flexibility for spacing */
	min-width: 160px; /* Adjusted for better responsiveness */
	text-align: center;
	display: flex; /* Ensures internal content is properly aligned */
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}
.product-image {
	max-height: 150px;
	object-fit: contain;
	width: 100%;
}

.btn-xs:hover {
	background-color: #ccc;
}

@media (min-width: 992px) {
	#compareModal .modal-dialog {
		max-width: 65%;
		width: 65%;
	}
}

/*  last_price_change_date CUSTOM STYLE    */
.badge-price-increase {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	vertical-align: baseline;
	white-space: nowrap;
	text-align: center;
	background-color: #eaecef;
	border-radius: 10px;
}

/*  CSS PAGINATION  */
.pagination {
	margin: 0;
}

/* OUTER: shrink-wrap so it can be centered in any browser (incl. Safari) */
.pager-wrap {
	display: inline-block; /* was: flex */
	margin: 10px 0 15px;
	font-size: 13px;
	line-height: 1.42857143;
	vertical-align: middle;
	white-space: normal; /* allow wrap on small screens */
}

/* LIST: make it an inline block, not flex */
.pager-box {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block; /* was: flex */
	vertical-align: middle;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
	overflow: hidden;
	margin-right: 12px; /* replaces flex gap between list and dropdown */
}
.pager-box li {
	display: inline-block;
	border-right: 1px solid #ddd;
}
.pager-box li:last-child {
	border-right: 0;
}

/* Buttons */
.pager-btn {
	display: block;
	min-width: 34px;
	padding: 6px 12px;
	color: #337ab7;
	background: #fff;
	text-decoration: none;
	text-align: center;
	transition: background-color 0.15s ease, color 0.15s ease,
		box-shadow 0.15s ease;
}
.pager-btn:hover {
	background: #f5f5f5;
	color: #23527c;
	text-decoration: none;
}
.pager-btn:focus {
	outline: 0;
	box-shadow: inset 0 0 0 1px rgba(51, 122, 183, 0.35);
}
.pager-btn.is-active {
	background: #337ab7;
	color: #fff;
	cursor: default;
	font-weight: 700;
}
.pager-btn.is-active:hover {
	background: #2e6da4;
}
.pager-btn.is-disabled {
	color: #777;
	background: #fff;
	cursor: not-allowed;
}
.pager-btn.is-disabled:hover {
	background: #fff;
}

/* Ellipsis inert */
.pager-box a.pager-btn[href*='…'],
.pager-box a.pager-btn:empty {
	cursor: default;
}

/* “Go to page” */
.pager-goto-label {
	margin: 0 8px 0 0; /* add space before select */
	color: #555;
	font-weight: 600;
	vertical-align: middle;
	display: inline-block;
}
.pager-goto {
	display: inline-block;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	height: 30px;
	color: #555;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	vertical-align: middle;
}
.pager-goto:focus {
	border-color: #66afe9;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
		0 0 8px rgba(102, 175, 233, 0.6);
}

/* Compact behavior */
@media (max-width: 480px) {
	.pager-btn {
		padding: 6px 10px;
		min-width: 30px;
	}
	.pager-box {
		margin-right: 8px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.pager-goto {
		max-width: 120px;
	}
}

/* Center helper for the container column */
.pager-center {
	text-align: center;
}

/* Neutralize any theme floats */
.pager-box > li,
.pager-btn {
	float: none !important;
}