#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
    color: #283891;
    font-size: 0.9em;
    padding: 6px 10px;
    display: inline-block;
}

#header .header-top {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background:#F9F9F9;
}

section.searchsection
{
    border-top:2px solid #f1f1f1;
}

.leftcontent h1 {
    font-weight:600;
    margin-top: 10px;
    margin-bottom:10px;
    line-height:1.4em;
    color:#333333;
    font-size:2.4em;
}

.leftcontent h2 {font-size:2.0em}
.leftcontent h3 {font-size:1.8em; margin-top: 30px; }
.leftcontent h4 {font-size:1.6em}
.leftcontent h5 {font-size:1.4em}
.leftcontent h6 {font-size:1.3em}

.leftcontent p, .leftcontent ul, .leftcontent ol{
	font-size:1.2em;
	color:#333333;
}

.leftcontent a:not(.btn)  {font-weight:600;text-decoration:none}

.leftcontent .card-footer a  {color:#FFF;font-weight:600;text-decoration:none}

.category-body {padding:0}
.leftcontent p.category-text {
    font-size: 1.05em;
    line-height: 1.45em;
    margin:10px 2px 0px 6px;
    }

.our-products-box {
     padding:14px 16px;
     background:#fefefe;
     border-radius:4px;
     border:1px solid #f1f1f1
}

.our-products-box p {
    font-size: 1.05em;
    line-height: 1.5em;
    margin-bottom:15px}

.bg-color-light-blue {background-color:#def2fb!important}


table.product-list tr {
    background:#F4F4F4;
}

table.product-list tr td a {
    font-weight:500;
    text-decoration:none;
}

table.product-list tr td a {
    color:#222d6d;
    font-weight:600;
    text-decoration:none;
}

table.product-list tr td a:hover {
    color:#222;
    text-decoration:none;
}

p.price del {
    font-weight:700;
    color:#8E0E0E;
    font-size:24px;
    margin-bottom:14px!important;
    margin-right:14px;
}

p.price .saleprice {
    font-weight:700;
    color:#333;
    font-size:24px;
    margin-bottom:14px!important
}

p.qty {
    color:#333;
    font-size:16px;
    font-weight:bold
}

p.review {
    color:#444;
    margin-bottom:10px;
    line-height:1.45;
}

p.reviewfrom {
    margin-left:15px;
    color:#777;
    font-size:13px;
    margin-bottom:30px;
        line-height:1.45;
    }

.relatedbox {border:1px solid #eee;border-radius:3px}
.overviewbox {background:#f4f8fd;border-radius:3px}
.overviewbox h3 {color:#444;font-size:20px}

p.overview {color:#000}

label {
    font-weight:600!important;
    margin-bottom:2px}

form.pmform textarea {height:100px}

#footer p {color:#fff;line-height:1.65em;font-size:1.1em}

#footer p a:not(.btn) {
    color:#fff; text-decoration:none}

#footer p a:not(.btn):hover {
    color:#ddd; text-decoration:underline}
.nofill{
	display: none;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto;   margin-bottom: 5px; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video_caption{
	text-align: center;
	font-weight: bold;
	color: #000;
}
.center-width{
	width: 120px;
	text-align: center;
}
.table-product-options th{
	background-color: #dee2e6;
	padding-top: 2px;
	padding-bottom: 2px;
}


img.product-image-thumb{
	height: 90px; 
	width: auto; 
	margin-right: 5px;
	margin-bottom: 8px;
}
img.product-image-thumb:hover{
	opacity: .7;	
}

.product_category_caption{
	font-weight: bold;
	text-align: center;
	display: block;
	margin: 0;
    margin-bottom: 0px;
	padding: 13px 20px;
	border-bottom: 1px solid #cdcdcb;
	background: #2c2c29;
	color: #fff;

}
/* relevant styles */

.img__description {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.72);
  color: #fff;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
  font-style: italic;
  padding-top: 35% !important;
  margin: 17px 19px 69px 20px;
  /* transition effect. not necessary */
  transition: opacity .2s, visibility .2s;
}

.img__wrap:hover .img__description {
  visibility: visible;
  opacity: 1;
}




.category-image{
	max-height: 295px !important;
	width: auto;
}


.no_results{
	height: 150px;
	vertical-align: middle !important;
	text-align: center;
}
.table thead th{
	background-color: #283891;
	color: #FFF;
	border: 0px !important;
}
.center-width{
	width: 120px;
	text-align: center;
}
.money-column{
	width: 120px;
	text-align: right;
	padding-right: 4px;
}

.invoice{
	border: 1px solid #ededed;
	padding: 15px 20px;
	box-shadow: 0 0 4px #888;
}

@media print {
	.no-print { display: none !important; }
.print-break {page-break-after: always;}
	.invoice{
		border: 0px;
		padding: 0;
		box-shadow: none;
	}	
	
	table{
		border-collapse: collapse !important;
		
	}
	.table td, .table th{
	    border:1px solid transparent;
	    border-top: 1px transparent !important;
	}
	table.table-bordered-print-light, table.table-bordered-print-light > thead > tr > th, table.table-bordered-print-light > tbody > tr > td{
		border-top: 1px solid #dee2e6 !important;
		border: 1px solid #dee2e6 !important;
	}
	table.table-bordered-print, table.table-bordered-print > thead > tr > th, table.table-bordered-print > tbody > tr > td{
	    border:1px solid #000 !important;
	}
	.table-borderedless, .table-borderedless > th, .table-borderedless td, .invoice table.table > tbody > tr > td{
	    border:1px transparent;
	}
	table.table-borderless-print th, table.table-borderless-print td{
		border: 1px transparent solid !important;
	}
	table.table-sm th, table table-sm td{
		padding: 0px !important;
	}
	
	table td, table th{
		border-color: 1px solid #000 !important;
	}
	table.table-bordered{
	    border:1px solid #000 !important;
	  }
	table.table-bordered > thead > tr > th{
	    border:1px solid #000 !important;
	}
	table.table-bordered > tbody > tr > td{
	    border:1px solid #000 !important;
	}
	
	small{ font-size: 12px; color: #000; }
	.card-invoice{
		margin-top: 40px !important;
	}
	body{
		background-color: white;
	}
	
	html, body {
		background: #fff;
	}

	.print-only{ display: block; }
    .print-float-left{ float: left !important; }
	.col-print-1 {width:8% !important;  float:left;}
	.col-print-2 {width:16% !important; float:left;}
	.col-print-3 {width:25% !important; float:left;}
	.col-print-4 {width:33% !important; float:left;}
	.col-print-5 {width:42% !important; float:left;}
	.col-print-6 {width:50% !important; float:left;}
	.col-print-7 {width:58% !important; float:left;}
	.col-print-8 {width:66% !important; float:left;}
	.col-print-9 {width:75% !important; float:left;}
	.col-print-10{width:83% !important; float:left;}
	.col-print-11{width:92% !important; float:left;}
	.col-print-12{width:100% !important; float:left;}
}
.logo-blue{
	color: #283891;
	border-color: #283891;
}
.logo-blue-border{
	padding: 20px 10px;
	border: 4px solid #283891 !important;
}
.logo-blue-border h4{
	color: #283891 !important;
	font-size: 28px !important;
	line-height: 120%;
}
.logo-blue-border h5{
	color: #283891 !important;
	font-size: 18px !important;
}
.text-auto-center{
	margin-left: auto;
	margin-right: auto;
}
.table-responsive > .table-bordered{
	border: 1px !important;
	border-left: 1px solid #f0f0f0 !important;
}
.tbody{
	border-left: 1px solid #f0f0f0 !important;
}
.page-outline{
	width: 100%;
	padding: 20px 0px 20px 25px;
	border: 1px solid #e1e1e1;
	box-shadow: 3px 2px 8px rgba(0, 0, 0, 0.80);
	margin-bottom: 40px;
	min-height: 11in;
}
.print-logo{
	max-width: 240px !important;
	margin-bottom: 15px;
}
@media print {
	@page
	{
	size: 8.5in 11in;
	margin: .3mm .1mm;
	}
	.print-logo{
		max-height: 190px !important;
	}
}