@charset "utf-8";
@import 'https://fonts.googleapis.com/css?family=Oswald|Roboto+Condensed:400';

body {
	font: 100%/1.4 'Roboto Condensed', sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #4752C3;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', sans-serif;
	color: #38537B;
	margin-top: 0;	 
}
h4 {
	color: #38537B;
	margin-bottom: 5px;
	font-size: 20px;
	font-weight:normal;
}

h5 {
	color: #38537B;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight:normal;
}

a img { 
	border: none;
}
a {
	color: #38537B;
	/*text-decoration: underline;*/
	font-weight: bold;
}

.bg-white {
	background-color: #FFFFFF;
}

.header {
	/*height: 175px;*/
}

.cartinfo {
	background-image:url(store/images/cart/cart-icon.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	/*height: 60px;*/
}

.error, .red {
	color: #CC0000;
	font-weight: bold;
}

.form-control .invalid {
	border-color: #CC0000;
}

.container-group {
	background-color: #FFFFFF;
}


/*===============================================*/
/* 				TABLESORTER						 */
/*===============================================*/
table {
	border-collapse: collapse;
	text-align: left;
	border:none;
}

th {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #000000; 
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 6px 8px;
	text-align:left;
}
	
th.headerSortUp { 
	background-color: #CCCCCC; 
} 
	
th.headerSortDown { 
	background-color: #CCCCCC; 
} 
	
th.header { 
	cursor: pointer; 
	font-weight: bold; 
	background-color: #000000;
} 

table.tablesorter {
	border:	1px solid #000000;
}

table.tablesorter tbody tr.even td {
	background-color:#F0F0F0;
}

table.tablesorter tbody tr {
	border-bottom: 1px solid #ccc;
}

td {
	padding: 5px;
}

table.red td {
	font-weight: bold;
	font-size: 14px;
	color: #D40330;
}
	

.regtable tr:hover {
	background: none;
}

.tdbackground {
	padding: 5px;
	background-color: #38537B;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 20px;
}


.errorbox {
	font-weight : bold;
	font-size: 18px;
	color: #CC0000;
	padding: 10px 10px 10px 33px;
	background: #FFF5CC;
	border: 1px solid #CC0000;
	text-align:center;
	margin-bottom: 10px;
}


/******************************************************
	FORMATTING
/******************************************************/

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/******************************************************
	NAVIGATION
/******************************************************/

.nav {
	background-color: #007BFF;
	/*background-color: #FFFFFF;*/
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	padding: 5px;
	margin-bottom: 0px;
	margin-top: 5px;
}

ul.navmenu {
width: 100%;
padding-inline-start: 0px
}

ul.navmenu li {
list-style: none;
border-bottom: solid 1px #CCC;
text-align: left;
margin: 0;
}

ul.navmenu li a {
display: block;
text-decoration: none;
padding: .25em;
}

ul.navmenu li {
list-style: none;
border-bottom: solid 1px #CCC;
text-align: left;
margin: 0;
}

ul.navmenu li a {
display: block;
text-decoration: none;
padding: .25em;
}

.mobileMenuWrapper {
position: absolute;
left: -99999px;
}
.mobileMenu {
position: absolute;
}


/******************************************************
CART CONTENT
/******************************************************/

#cartContent {
	position: relative;
	float:left;
	width: 900px;
}


.redbox {
		color: #C34752;
		font-size: 16px;
		font-weight: bold;
	}

.homep {
	font-size: 14px;
	line-height: 20px;
	padding-right: 25px;
	padding-left: 25px;
	color: #000000;
}

h1.homeContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #C34752;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #C34752;
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.home {
	margin-bottom: 30px;
}


.bg-light-red {
	background-color: #BA3C47;
	border-bottom: 1px solid #000000;
	margin-bottom: 15px;
	-webkit-box-shadow: 0px 2px 2px #DDDDDD;
	-moz-box-shadow: 0px 2px 2px #DDDDDD;
	box-shadow: 0px 2px 2px #DDDDDD;
	padding: 0px 5px;
}

.nav-item .nav-link {
	/*color: #FFFFFF;
	color: #495057;*/
	text-decoration: none;
	/*font-weight: bold;*/
}

.navbar-expand-md .navbar-nav .nav-link {
	padding-right: .7rem;
	padding-left: .7rem;
}

.text-xs {
	font-size: 10px;
}

.text-large {
	font-size: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 5px;
}

.radio-lg {
	width: 1.1em;
	height: 1.1em;
	padding-top: 3px;
}

.navbar-toggler-icon {
	color: #FFFFFF;
}
.navbar-dark .navbar-toggler {
	color: #FFFFFF;
	border: 0px;
}

.navbar-dark .navbar-nav .nav-link {
	color: #FFFFFF;
}

.shiptext {
	color: #C34752;
	font-weight: bold;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

	.container {
		width: 100%;
		margin: 10px auto;
	}

	.frContent {
		padding: 0px;
	}

}

@media only screen and (max-width: 800px) {

	.desktopSBL {
		position: absolute;
		left: -9999px;
	}

	.mobileMenuWrapper {
		position: relative;
		left: 0;
		/*height: 75px;*/
		min-width: 300px;
		float: none;
		overflow: visible;
		/*margin: 10px 0 10px 10px;*/
		margin-bottom: 10px;
	}

	.sub-header {
		clear: both;
	}

	.p7AP3-20 {
		position: relative;
		z-index: 999;
	}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

	.container {
		width: 98%;
		margin: 10px auto;
	}

	.frContent {
		padding: 20px;
	}

	.item.equal {
		display: flex;
		flex-wrap: wrap;
	}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	.container {
		width: 90%;
		margin: 10px auto;
	}

	.frContent {
		padding: 20px;
	}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	.container {
		width: 85%;
		margin: 10px auto;
	}

	.frContent {
		padding: 20px 25px;
	}

}


.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left;}
.MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#f1f1f1; color:#666;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }

.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }
.equal {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}