@charset "UTF-8";
/* CSS Document */

body, html {height: 100%; min-height: 100%;}
body {
 	font-family: 'texgyreadventorregular', Helvetica, Arial, sans-serif;
	
}
body.home, body.contact {background: url('/images/quala-bg.jpg') -100px 0px no-repeat;}
body.home {background-position: -100px 450px;}
.table {border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}

.fb-share-button.fb_iframe_widget {margin-right:15px; vertical-align: top;}

.mobile-only {display:block;}
.non-mobile {display:none;}

.fb-follow {margin-right:5px;}

.social-icons {
	float:right;
	padding-bottom:10px;
	}

.download-link {text-transform:uppercase;}

.catalog-thumbnail {
	text-align:left;
	white-space:nowrap;
	}

.catalog-cover {
	border-style:solid;
	border-color:#000000;
	border-width:1px;
	margin-bottom:5px;
	}

.nav_categories li {list-style: none;}
.nav_categories {padding: 0;}
.nav_categories ul {display: none; padding-left: 20px;}
	
h1,h2,h3,h4,h5 {line-height: 1.3;}

.wrapper > .container {
	padding-top:30px;
	padding-bottom:100px;
	}
/* .wrapper.product-page {background: #e5f7f9; height: 100%;}
.wrapper.product-page .container {background: white; height: 100%;} */
.clear {clear:both;}
/* #quala_site {height: 100%; min-height: 100%} */

#quala_site h1 {
	color:#00AEC7;
	font-size:1.5em;
    font-family: 'texgyreadventorregular', Helvetica, Arial, sans-serif;
	margin-bottom:2px;
	margin-top:2px;
	text-transform:uppercase;
	}
	
	
#quala_site h2 {
	color:#00AEC7;
	font-size:1.5em;
    font-family: 'texgyreadventorbold', Helvetica, Arial, sans-serif;
	margin-top:2px;
	text-transform:uppercase;
	}	

.bold-header {
    font-family: 'texgyreadventorbold', Helvetica, Arial, sans-serif;
	font-weight:700;
	}

header {
	padding:10px 0;
	background: white;
	}

.home .header-image {
	background-image:url('../images/headers/home_page-DEV.png');
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	}

.home .header-image-DEV {
	background-image:url('../images/headers/home_page-DEV.png');
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	}


/*all this just to make tagline flush with bottom of logo in header*/
#logo_row {font-size:0;}
#logo_row >*{float:none;display:inline-block;}
#logo_row >*:last-child{vertical-align:bottom;}
#logo_row p:last-child{margin-bottom:0;}

.search-col {padding-top:10px;}

/*menu styles start here*/
.menu-background {
	background-color:#00AEC7;
	width:100%;
	height:30px;
	margin-top:2px;	
	text-align:center;
	vertical-align:middle;
	}

#quala-toggle {margin-right:0px;}

ul.navbar-nav {
	background-color:#00AEC7;
	opacity:0.75;
	margin-top:0px;
	}

ul.navbar-nav li a{
	font-family: 'texgyreadventorbold', Helvetica, Arial, sans-serif;
	color: #ffffff;
	text-transform:uppercase;
	}	

ul.navbar-nav li a:hover {
	color:#00AEC7;
	}

#quala-navbar {margin-bottom:0px;}
	
button.navbar-toggle {float:none;}
	
.icon-bar {
	text-align:center;
	width: 100%;
	background-color:#ffffff;
	margin: 0 auto;
		}		

.header-image {
	height:100px;
	width:100%;
	border-top-width:2px;
	border-top-color:#00AEC7;
	border-top-style:solid;
	}

.header-image-DEV {
	height:100px;
	width:100%;
	border-top-width:2px;
	border-top-color:#00AEC7;
	border-top-style:solid;
	}


.footer {
	font-size: 90%;
	line-height: 175%;
	position:fixed;
	bottom:0;
	width:100%;
	}

.footer a {color: white;}

.quala-logo {

	}
	
.clearspace {
	clear:both;
	}
		
.footer-rule {
	background-color:#e15829;
	height:2px;
	}	
	
.footer {
	padding:5px 0;
	background-color:#B0B7BC;
  border-top: 1px solid #DC582A;
	}	

.footer-address {
	color:#ffffff;
	font-weight:700;
	}
	
.footer-address  {
	font-weight:500;
	font-size:.75em;
	margin-bottom:5px;
	}	

.copyright a{
	color:#ffffff;
	font-weight:500;
	margin-bottom:15px;
	}

.search-surround {
	border-color:#b3b3b3;
	border-width:2px;
	border-style:solid;
	padding:3px;
	border-radius:10px;
	
	}

.search_submit {
	position:absolute;
	background-image:url('../images/mag-glass-right.png');
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:middle right;
	background-size:contain;
	right:0;
	margin-right:23px;
	margin-top:2px;
	border:0;
	top: 11px;
	}

.search_field {
	width:100%;
	padding-right:25px;
	padding-left:5px;
	border:none;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	}

/* Promotion Page */

.promotions {margin-top: 30px;}
.promotions .table {margin-top: 10px;}
.promotions h2 {margin: 0;}
.promotions hr {margin: 40px 0;}
#quala_site .promotions h4 {font-size: 18px;}

/* End Promotion Page

/*PRODUCT PAGE STYLES*/


.panel-info>.panel-heading {background-color: #00AEC7; color: white; font-weight: bold; letter-spacing: 1px;}
.btn-info {background-color: #00AEC7;}

.related-products img {height: 150px; width: auto; margin: 0 auto;}
.product-list img {height: 200px; width: auto; margin: 25px auto; max-width: none;}
.product-list .col-md-4 {margin-bottom: 10px;}


#category_column {
	padding-right:0px;
	}

.category_header {
	background-color:#A4A9AD;
	height:50px;
	display:flex;
	align-items:center;
	padding-left:0px;
	margin-left:15px;
	}
	
.category_header_text {
	width:50px;
	font-size:1.25em;
	line-height:1.15em;
	color:#ffffff;
	padding-left:0px;
	}	
	
.category_header_icon {
	float:left;
	position:relative;
	left:-15px;
	}	
.header_icon {
	max-height:60px;
	margin-auto;
	}	
	
.product-image {
	max-width:250px;
	margin:auto;
	padding-top:10px;
	}
.product-info{
	width:90%;
	text-align:center;
	margin:0 auto;
	}
	
.product-description {
	text-align:left;
	}	
	
.product-image {cursor: zoom-in;}

#quala_site h2.bold-header {
	font-family: 'texgyreadventorbold', Helvetica, Arial, sans-serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:22px;
	color:#00AEC7;
	}
	
.product-description {
	border-top:1px solid #95989A;
	border-bottom:1px solid #95989A;
	padding:10px 0px 10px 0px;
	}	
	
.product-items {
	border-bottom:1px solid #95989A;
	padding:10px 0px 10px 0px;
	}	
	
#quala_site h4 {
    font-family: 'texgyreadventorregular', Helvetica, Arial, sans-serif;
	font-size:22px;
	margin-top:0px;
	}	
	
#quala_site a.toggle-link {
	color:#000000;
	text-decoration:none;
	}
#quala_site a.toggle-link:hover {
	text-decoration:none;
	}	
#quala_site .item-copy .row:nth-of-type(even){background-color:#ddf3f6;}		
#quala_site .item-copy div {padding-top:5px; padding-bottom:5px;}	
	#quala_site .part-number {
		font-weight:bold;
		}
#quala_site .case-qty {
	text-align:right;
	
	}
#quala_site .qty-wrapper {}	


.contact label, .contact form .btn  {margin-top: 10px;}


/*PRODUCT PAGE SIDEBAR*/

.sidebar-menu-wrapper {
	padding-top:10px;
	padding-left:0px;
	}

.sidebar-menu-item {
	text-transform:uppercase;
	padding-left:30px;
	margin-top:3px;
	color:#ffffff;
	background-color:#00AEC7;
	height:50px;
	display:flex;
	align-items:center;
	margin-left:0px;
	}
.sidebar-menu-item.active {background-color:#ddf3f6;}	


.sidebar-menu-item a {
	color:#ffffff;	
	text-decoration:none;
	}
	

	
.sidebar-menu-item.active a {
	color:#00AEC7;
	text-decoration:none;
	}	
	
.sidebar-menu-item a:hover {
	text-decoration:none;
	}	


	
.browse-form select{
	color:#b3b3b3;
	margin-top:3px;
	margin-bottom:3px;
	margin-right:5px;
	}
		
.browse-header {
	color:#ffffff;
	text-transform:uppercase;
	}	
	
.sidebar-browse-wrapper {
	color:#ffffff;
	}
.sidebar-browse-wrapper p{
	margin-bottom:0px;
	}	
	
.browse-form .btn-default {
	color:#ffffff;
	background-color:#00AEC7;
	border-radius:5px;
	text-transform:uppercase;
	}	

#sidebar-toggle .icon-bar {
	background-color:#00AEC7;
	}
.sidebar-button {
	text-align:center;
	}			
.mobile-browse-wrapper select {
	width:80%;
	}

@media only screen and (min-width:768px) {
	
	.mobile-only {display:none;}
	.non-mobile {display:block;}
  

	
	.browse-form select {
		width:70%;
		}
	
	.catalog-thumbnail {
	text-align:center;
	}
	
	.social-icons {
	float:right;
	padding-bottom:10px;
	}
	
	.fb-share-button.fb_iframe_widget.fb_iframe_widget_fluid {
		margin-right:10px;
		vertical-align: top;
		}
	
	ul.navbar-nav {
		opacity:1.0;
		margin-left:-15px;
		}
		
	.quala-logo-small {
		max-width:100px;
		margin:auto;
		padding-top:10px;
		}	
		
	.address {
		float:left;
		}
		
	.footer-address {
		font-size:1em;
		}	
	
	.copyright a {
		font-size:1em;
		}	
	
	.copyright {
		float:right;
		text-align:right;
		}
	
	.search-surround {
		width:325px;
		float:right;
		margin-top:5px;
		}
	
	.search-row {font-size:12px;padding-bottom:4px;}
	
	.non-mobile-search {
		text-align:right;
		}
	
	.header-image {
		height:200px;
		border-top-width:4px;
		}
		.header-image-DEV {
		height:200px;
		border-top-width:4px;
		}
		
.right-side-wrapper {
	border:2px solid #a4a9ad;
	}	
	
.product-description {
	border-top:none;
	border-bottom:none;
	}	
	
.product-items {
	border-bottom:none;
	}	

#item-list {
	display: inline;
	}
		
#product-description {
	display: inline;
	}		
	
/*PRODUCT PAGE SIDEBAR*/

#sidebar-collapse {
	padding-left:0px;
	padding-right:0px;
	}

.sidebar-menu-wrapper {
	padding-top:10px;
	padding-left:0px;
	}

.sidebar-menu-item {
	text-transform:uppercase;
	padding-left:30px;
	margin-top:3px;
	color:#ffffff;
	background-color:#00AEC7;
	height:50px;
	display:flex;
	align-items:center;
	margin-left:0px;
	}
.sidebar-menu-item.active {background-color:#ddf3f6;}	


.sidebar-menu-item a {
	color:#ffffff;	
	text-decoration:none;
	}
	

	
.sidebar-menu-item.active a {
	color:#00AEC7;
	text-decoration:none;
	}	
	
.sidebar-menu-item a:hover {
	text-decoration:none;
	}	

.sidebar-browse-wrapper {
	margin-top:30px;
	background-color:#00AEC7;
	align-items:center;
	margin-left:0px;
	padding: 10px 0px 20px 30px;
	}
	
.browse-form select{
	color:#b3b3b3;
	margin-top:3px;
	margin-bottom:3px;
	margin-right:5px;
	}
		
.browse-header {
	color:#ffffff;
	text-transform:uppercase;
	}	
	
.sidebar-browse-wrapper {
	color:#ffffff;
	}
.sidebar-browse-wrapper p{
	margin-bottom:0px;
	}	
	
.browse-form .btn-default {
	color:#ffffff;
	background-color:#00AEC7;
	border-radius:5px;
	text-transform:uppercase;
	}	
		
		
	}
	
	
@media only screen and (min-width:1200px) {

	.header-image {
		height:350px;
	}
	
		.header-image-DEV {
		height:350px;
	}

.product-image {
	max-width:475px;
	}

}

@media only screen and (max-width:768px) {
  .search_submit {margin-top: 8px;}
}
@media only screen and (min-width:2200px) {
	.header-image {
		height:450px;
	}
		.header-image-DEV {
		height:450px;
	}
}

  .pointer {
    display: inline-block;
    height: 50px;
    position: relative;
    background: #e25929;
    color: white; 
    padding: 5px 20px 5px 30px;
    border-radius: 0 3px 3px 0;
  }
  .pointer:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 15px solid white;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
  }