@charset "utf-8";
/* 1FS 2016 */
/* styling is MOBILE FIRST */
/* please see individual MEDIA QUERIES for larger screen displays */


/* ----------------------------------------------------------------- */
/* UNIVERSAL */
/* ----------------------------------------------------------------- */

html{
	-webkit-font-smoothing: antialiased;
	}


body{
	background: url('../img/bg-top.jpg') repeat-x #ffffff;
	overflow-x:hidden;
	}


a:focus{
	outline:none;
	}
	

.form-group input[type="submit"]{
	float:right;
	}


.form-group .form-salutation{
	float:left;
	clear:left;
	width:50px;
	}
	
.form-group{
	margin-bottom:8px;
	}
	
.form-control{
	height:30px;
	padding:4px 12px;
	}
	
.hidden{
	display:none;
	}
	

/* ----------------------------------------------------------------- */
/* MASTHEAD */
/* ----------------------------------------------------------------- */


#onefs-logo{
	padding-left:0;
	padding-right:3px;
}

	#onefs-logo img{
		display:block;
		max-width:100%;
		padding:10px;
		background:#ffffff;
		border-right:2px solid #d6d6d6;
	}
	

#nav-about, #main-nav, #mobile-close, #mobile-links, #mobile-manf-search{
	display:none;
	}
	
	
/* login slider */
#login{
	display: block;
	padding: 10px 0 0 0;
	position:relative;
	z-index:1800;
	}
	
	#panel-login{
		position:absolute;
		background:#bbc866;
		width: 150px;
		top: 38px;
		right: 90px;
		display: none;
		-webkit-box-shadow: -4px 3px 5px 0px rgba(0,0,0,0.4);
		-moz-box-shadow: -4px 3px 5px 0px rgba(0,0,0,0.4);
		box-shadow: -4px 3px 5px 0px rgba(0,0,0,0.4);
		}
		
		#panel-login form{
			width:90%;
			margin:15px auto;
			}
			
			#panel-login form div.col-xs-6:first-child{
				padding:0 0 10px 0;
				}
				
			#panel-login form div.col-xs-6:last-child{
				padding:0 0 10px 5px;
				}
				
			#panel-login form a{
				display:block;
				color: #ffffff;
				text-transform: uppercase;
				text-decoration:none;
				}
				
				#panel-login form .login-links a:first-child{
					margin-top:0;
					margin-right:0;
					}
					
				#panel-login form .login-links a{
					font-size: 14px;
					line-height:15px;
					}
					
					
		#panel-login ul{
			margin:10px;
			padding:0;
			}
			
			#panel-login ul li{
				list-style-type:none;
				color:#ffffff;
				font-size:11px;
				}
				
		
		#panel-login a{
			color:#ffffff;
			}
			
			
			#panel-logout{
				width:100%;
				text-align:right;
				padding-right:10px;
				font-size:11px;
				}
				
				
		.panel-content{
			padding-top:10px;
			}
			
			.panel-content .dis-check{
				padding-left: 0 !important;
				padding-right:0 !important;
				}
				
				.panel-content .dis-check input[type="checkbox"]{
					margin:0;
					}
			
			.panel-content .dis-copy{
				text-align:left;
				padding-left:10px !important;
				padding-right:0 !important;
				}
				
				.panel-content .dis-copy a{
					text-transform:none;
					font-size:11px!important;
					margin-right:0 !important;
					}
				
		
		/* the box */
		.btn-slide-login{
            font-size: .85em!important; 
            font-weight:bold;
            }
		
		.slide-login {
			width: 110px;
			height: 31px;
			margin: 3px 90px 0 0;
			padding: 0;
			float:right;
			}
			
			.slide-login a{
				width:100%;
				background: url('../img/login-arrow.png') right 8px no-repeat #bbc866;
				color:#ffffff;
				text-transform:uppercase;
				text-decoration:none;
				padding:5px;
				padding-right:20px;
				display:inline-block;
				position:relative;
				font-size:10px;
				}
				
				.slide-login.loginactive a{
					background: url('../img/login-arrow-down.png') right 8px no-repeat #bbc866;
					}


/* my 1fs user profile icon */
#my-onefs{
	display:block;
	padding-top:5px;
	padding-right:5px;
	float:right;
	}
	
	#my-onefs a{
		display:block;
		width:24px;
		height:24px;
		background:url(../img/my-1fs.png) no-repeat;
		text-decoration:none;
		}
		
		#my-onefs a:hover{
			text-decoration:none;
			}


		
#mobile-nav-search{
	display:block;
	clear:both;
	border-top:1px solid #d6d6d6;
	height:40px;
	margin-top:10px;
	}
	
	#mobile-nav-search form{
		width:95%;
		margin:10px auto;
		background:#ffffff;
		border:1px solid #cccccc;
		}
		
		#mobile-nav-search input[type="text"]{
			width:43%;
			height:26px;
			float:left;
			border:0;
			padding-left:5px;
			}
			
		#mobile-nav-search select{
			float:right;
			height:26px;
			border:0;
			border-left:1px solid #cccccc;
			background:#dedea5;
			}
			
		#mobile-nav-search input[type="image"]{
			float:right;
			width:27px;
			height:26px;
			background:url('../img/search-glass-mobile2.jpg') no-repeat;
			text-indent:-400000px;
			}
				
				
				
#mobile-refine-search{
	background:#a6b738;
	width:100%;
	margin-top:10px;
	}
	
	#mobile-refine-search h2{
		color:#ffffff;
		font-size:17px;
		
		}
				
	#mobile-refine-search select{
		width:100%;
		margin-bottom:10px;
		}
		

	/* refine search sidebar */
	.sidebar .sidebar-refine-results{
		display:block;
		}
		
		.sidebar .sidebar-refine-results h2{
			background:#a6b738;
			color:#ffffff;
			font-size:17px;
			padding:15px;
			font-weight:bold;
			margin-bottom:0;
			}
			
		.sidebar .sidebar-refine-results h3{
			width:100%;
			background:#a6b738;
			color:#ffffff;
			font-size:18px;
			text-transform:uppercase;
			padding:15px;
			margin-bottom:20px;
			margin-top:0;
			border:1px solid #ffffff;
			}
			
		.sidebar .sidebar-refine-results form{
			font-size:14px;
			font-weight:bold;
			color:#666666;
			font-size:13px;
			}
			
			.sidebar .sidebar-refine-results form span{
				font-weight:normal;
				}
			
		.sidebar .sidebar-refine-results ul{
			list-style-type:none;
			padding-left:15px;
			}
			
			.sidebar .sidebar-refine-results ul li{
				padding-bottom:11px;
				}
				
			.sidebar .sidebar-refine-results ul li.cat-see-more a{
				color:#00508b;
				font-weight:bold;
				}
			
		.sidebar .sidebar-refine-results input[type="checkbox"]{
			margin-right:5px;
			margin-top:2px;
			float:left;
			}
			
		.sidebar .sidebar-refine-results label{
			display:inline-block; 
			max-width:80%; 
			vertical-align:top;
			}
			
		.sidebar .sidebar-refine-results table td{
			padding-top:5px;
			padding-bottom:5px;
			vertical-align:top;
			}
			
			.sidebar .sidebar-refine-results table td input[type="text"]{
				height:20px;
				}
				
/* sidebar compare products */
.sidebar .sidebar-compare-products {
	display:block;
	}

.sidebar.sidebar-compare-tool {
	display:none;
	}
	
.compare-desktop, .compare-panels{
	display:none;
	}
	

	/* compare products sidebar */
	.sidebar .sidebar-compare-products{
		display:block;
		}
		
		
		.sidebar .sidebar-compare-products h3, #ofs-compare-cart-sidebar h3{
			width:100%;
			background:#a6b738;
			color:#ffffff;
			font-size:18px;
			text-transform:uppercase;
			padding:15px;
			margin-bottom:20px;
			margin-top:0;
			border:1px solid #ffffff;
			}
		
			
		.sidebar .sidebar-compare-products h4, #ofs-compare-cart-sidebar h4{
			width:100%;
			color:#666666;
			font-size:13px;
			font-weight:bold;
			padding:0 15px 0 5px;
			margin-top:0;
			margin-bottom:5px;
			}
			
			
		.sidebar .sidebar-compare-products h5, #ofs-compare-cart-sidebar h5{
			width:100%;
			color:#666666;
			font-size:11px;
			margin-top:0;
			padding:0 0 0 5px;
			text-transform:uppercase;
			}
			
		
		.sidebar-compare{
			width:100%;
			}
			
			.sidebar-compare-remove{
				width:10%;
				min-height:55px;
				float:left;
				}
				
				.sidebar-compare-remove a{
					padding-left:15px;
					padding-top:1px;
					display:block;
					width:13px !important;
					height:13px !important;
					margin:0 !important;
					cursor:pointer;
					}
					
					.sidebar-compare-remove a img{
						width:13px !important;
						height:13px !important;
						margin:0 !important;
						max-width:13px !important;
						}
					
					/* tooltip style overrides */
					.tooltip-inner{
						padding:5px !important;
						background:#cfcfcf;
						color:#333333;
						}
						
					.tooltip.left{ 
						margin-left: 10px !important; 
						}
						
						/* tooltip arrow color */
						.tooltip.top .tooltip-arrow{ border-top-color: #cfcfcf; } 
						.tooltip.left .tooltip-arrow{ border-lef-color: #cfcfcf; } 
						.tooltip.bottom .tooltip-arrow{ border-bottom-color: #cfcfcf; } 
						.tooltip.right .tooltip-arrow{ border-right-color: #cfcfcf; } 
						.tooltip-inner{ background-color:#cfcfcf; } 
						
				
			.sidebar-compare-info{
				width:90%;
				float:left;
				}
				
			.sidebar-compare-submit a{
				display:block;
				float:right;
				border:1px solid #cccccc;
				background:#dee7f1;
				color:#005288;
				padding:4px 8px 4px 8px;
				font-size:13px;
				margin-right:15px;
				margin-bottom:20px;
				}
				
				a.compare-clear{
					display:block;
					text-align:right;
					padding:0 16px 5px 0;
					}
				

/* manufacturers menu */
.tinynav, #sidr-id-mobile-manf-search select { 
   display: block !important;
   clear:none !important;
   width:91% !important;
   margin:10px 0 10px 20px !important;
   color:#666666;
 }
 
 	.tinynav{
		font-weight:bold !important;
		}
 
 
 #sidr-id-tiny{
	display:none;
	}
 
 
 #sidr-id-nav-manuf, #sidr-id-nav-search, #sidr-id-nav-lists, #sidr-id-nav-about, #sidr-id-mobile-manf-search, #sidr-id-nav-cat{
 	float:none;
	padding:0;
	margin-left:41px;
	border-bottom:1px solid #002944;
	}
	
#sidr-id-manuf-main-nav, #sidr-id-cat-main-nav, #sidr-id-lists-main-nav{
	display:none;
	}
	
	#sidr-id-nav-search{
		border-bottom:0;
		}
	
	#sidr-id-nav-manuf a, #sidr-id-nav-cat a, #sidr-id-nav-lists a, #sidr-id-nav-search a, #sidr-id-nav-about a{
		padding-left:19px !important;
		}
		
	#sidr-id-nav-manuf a, #sidr-id-nav-cat a, #sidr-id-nav-lists a{
		border-bottom:0 !important;
		}
		
		#sidr-id-nav-manuf a, #sidr-id-nav-manuf{
			/*border-bottom:0;*/
			}
			
			
	#sidr-id-manuf-listing, #sidr-id-cat-listing{
		display:none;
		}
		


/* mobile off-canvas menu initially hidden, un-hidden when clicked */
#sidr{
	display: none;
	}

	#mobile-trigger{
		  width: 75px;
		  position: absolute;
		  top: 0;
		  right: 12px;
		  z-index:2000;
		  }

	#mobile-trigger a.menu-trigger{
		outline:none;
		margin-top:6px;
		color:#005288;
		font-size:13px;
		text-decoration:none;
		cursor:pointer;
		display:block;
		height:30px;
		text-align:right;
		}
		
		#mobile-trigger a.menu-trigger img{
			float:right;
			padding-left:3px;
			padding-top:3px;
			}
			

	/* styling once active */
	.sidr{	
		background:url('../img/offcanvas-bg.jpg') repeat-y #002944;
		overflow-x:hidden;
		}
		
	
	.sidr-inner:first-child{
		height:100%;
		float:left;
		background:#a6b738;
		}
				
		
		#sidr-id-close-button{
			float:left;
			width:41px;
			height:100%;
			text-indent:-10000px;
			background:url(../img/offcanvas-hamburger.jpg) no-repeat 0 10px;
			border:0;
			}
			
	
	.sidr .sidr-inner{
		padding:0 !important;
		}
	
	.sidr-inner{
		background:#005288;
		}
		
		.sidr-inner form p:first-child{
			display:none;
		}
		
		.sidr-inner a, .sidr-inner a:link, .sidr-inner a:active, .sidr-inner a:visited{
			width:100%;
			padding:15px 0 15px 60px;
			display:block;
			color:#ffffff;
			font-size:22px;
			text-decoration:none;
			text-transform:uppercase;
			border-bottom:1px solid #002944;
			}
			
			.sidr-inner a:hover{
				text-decoration:underline;
				}
				
			.sidr-inner a.mobile-last{
				border-bottom:0;
				}
				
				
			.sidr-class-cat-toggle, .sidr-class-manuf-toggle{
				background:none;
				border:0;
				text-align:left;
				padding:15px 0 15px 20px;
				width:100%;
				display:block;
				color:#ffffff;
				font-size:22px;
				text-decoration:none;
				text-transform:uppercase;
				margin-right:0;
				}
				
				.sidr-class-manuf-toggle select, .sidr-class-cat-toggle select{
					width:95% !important;
					margin-left:0 !important;
					}
				
				
#sidr-id-nav-search p{
	display:none;
	}
	

#sidr-id-nav-search form, #nav-search form{
	width:90% !important;
	margin:20px !important;
	height:34px;
	background:#ffffff;
	overflow:hidden;
	}

#sidr-id-nav-search select, #nav-search select{
	display:none;
	}
	
#sidr-id-nav-search input[type="text"], #nav-search input[type="text"]{
	float:left;
	width:65.5%;
	height:34px;
	color:#666666;
	}
	
#sidr-id-nav-search input[type="image"], #nav-search input[type="image"]{
	float:right;
	width:29px;
	height:34px;
	background:url('../img/search-glass-mobile.jpg') no-repeat #ffffff;
	text-indent:-100000px;
	border:0;
	outline:0;
	}
	
	
/* ----------------------------------------------------------------- */
/* CONTENT */	
/* ----------------------------------------------------------------- */


/* first load slider modal */
#intro-slider .modal-dialog{
	width:600px;
	margin-top:80px;
	z-index:50000;
	}
	
	#intro-slider .modal-header{
		border-bottom:0;
		}
	
	#intro-slider .modal-body{
		padding:0;
		max-width:530px;
		margin:0 auto;
		}
		
		#intro-slider p.dont-show{
			clear:both;
			padding-top:5px;
			}
		
	#intro-slider img.intro-header{
		display:block;
		max-width:100%;
		margin:0 auto;
		}
		
	#intro-slider h1{
		text-transform:uppercase;
		font-size:24px;
		color:#a6b738;
		}

	
	/* disable the prev/next buttons that slick adds */
	#intro-slider button.slick-next,
	#intro-slider button.slick-prev {
		   display:none !important;
		}
		
	#intro-slider-slides{
		width:530px;
		min-height:300px;
		margin:10px auto 10px auto;
		}
				
		#intro-slider-slides div.slick-slide{
			width:530px !important;
			}
		
	#intro-slider ul.slick-dots{
		height:30px;
		background:#d6d6d6;
		position:relative !important;
		bottom: 0 !important;
		margin-bottom:20px;
		}
		
		#intro-slider .slick-dots li button{
			width:14px;
			height:14px;
			background:url(../img/slick-dot-hover.jpg) no-repeat;
			}
			
			#intro-slider .slick-dots li button:hover, #intro-slider .slick-dots li.slick-active button{
				width:14px;
				height:14px;
				background:url(../img/slick-dot.jpg) no-repeat;
				}
		

.onefs-tagline{
	padding:0;
	}

	.onefs-tagline h1{
		background:#005288;
		color:#ffffff;
		font-size:16px;
		padding:15px;
		margin:0;
		-webkit-box-shadow: 0px 4px 5px -1px rgba(107,107,107,0.4);
		-moz-box-shadow: 0px 4px 5px -1px rgba(107,107,107,0.4);
		box-shadow: 0px 4px 5px -1px rgba(107,107,107,0.4);
		/* truncate long search phrases */
		width:100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		}
		
		.onefs-tagline.manuf h1{
			font-size:26px;
			}
			
		.onefs-tagline h1 span{
			color:#c6d2e1;
			text-transform:uppercase;
			font-size:18px;
			}
	
		.triangle-l, .triangle-r{
			display:none;
			}
			
/* equal height columns fix */
.row.main-content{
	overflow:hidden;
	}
	
	.content-listings, .sidebar{
		margin-bottom: -99999px;
    	padding-bottom: 99999px;
		}
		
		
#main-content{
	margin:10px 0 10px 0;
	background:#ffffff;
	}
	
	#main-content>div{
		padding-left:10px;
		padding-right:10px;
		}
	
	.content-listings{
		padding-left:15px;
		padding-right:15px;
		}	
	
	#main-content h2	{
  		font-weight: bold;
  		xfont-size: 1.3em;}
		
	#main-content h3	{
  		font-weight: bold;
  		color: #a6b738;}
		
		
/* pagination */

.pageit{
	margin:0;
	border:0;
	padding-right:0 !important;
	padding-left:0 !important;
	position:relative;
	}
	
	.pageit ul{
		float:right !important;
		}
		
	.pageit li>a, .pager li>span {
		border-radius:0 !important;
		}
		
	.pageit select{
		float:left;
		}
		
	.pagination-top{
		margin-top:1px;
		float:right !important;
		}
		
	.pagination-bottom{
		margin-top:10px;
		margin-right:15px;
		float:right !important;
		}
		
		.pagination-bottom div{
			float:right;
			}
			
		.pagination-bottom .page-view{
			margin-right:10px !important;
			}
		
	.pagination{
		margin-top:0;
		margin-bottom:0;
		}
		
	.pagination form{
		width:120px;
		}
	
	.pagination>.active>a{
		background:#a6b639;
		}
		
	.pagination>li>a, .pagination>li>span{
		border:0;
		font-size:11px;
		padding:5px;
		color:#0c588c;
		font-weight:bold;
		line-height:12px;
		}
		
		.pagination li a:hover{
			text-decoration:none;
			}
		
	.pagination li{
		float:left;
		list-style-type:none;
		color:#787878;
		}
		
	.pagination li span{
		line-height:27px;
		margin-left:10px;
		}
		
	.pagination li input[type="text"]{
		height:25px;
		width:25px;
		text-align:center;
		border: 1px solid #ddd;
		}
		
	.pagination li.page-arrow{
		height:25px;
		width:25px;
		font-size:30px;
		line-height:18px;
		display: inline-block;
		background-color: #fff;
		border: 1px solid #ddd;
		padding-left:7px;
		}
		
		.pagination li.page-arrow.forward{
			float:right;
			}
			
		.pagination li.page-arrow.disabled, .pagination li.page-arrow.disabled:hover{
			background:#f3f3f3;
			color:#dddddd;
			cursor:auto;
			}
			
		.pagination li.page-arrow a{
			}
			
			.pagination li.page-arrow:hover{
				background:#005288;
				cursor:pointer;
				}
				
				.pagination li.page-arrow:hover a{
					color:#a7b838;
					}
		
		
/* home page sidebar */
.sidebar div{
	padding:0;
	}
	
	.sidebar .how-to-buy{
		margin-top:45px;
		}
		
	
	.sidebar div.learn-more{
		font-size:14px;
		color:#000000;
		}
		
		.sidebar div.learn-more p{
			padding:15px;
			font-size:11px;
			}
			
			.sidebar div.learn-more p a{
				color:#005288;
				font-size:11px;
				font-weight:bold;
				}
				
	
	.sidebar div.sign-up{
			}
					
					
		.sidebar div.sign-up h1{
			font-weight:bold;
			font-size:18px;
			line-height:18px;
			color:#333333;
			padding:25px 25px 0 25px;
			}
			
		.sidebar div.sign-up p{
			padding:0 25px 0 25px;
			}
			
		.sidebar div.sign-up form{
			width:100%;
			min-height:250px;
			padding:0 25px 30px 25px;
			}
			
		.sidebar div.sign-up label{
			float:left;
			clear:left;
			width:88px;
			font-size:14px;
			color:#000000;
			padding-top:2px;
			}
			
		.sidebar div.sign-up input[type="text"]{
			width:150px;
			height:25px;
			float:left;
			background:#eeeeee;
			border:0;
			margin-bottom:8px;
			padding:5px;
			}
			
		.sidebar div.sign-up input[type="submit"]{
			width:65px;
			height:25px;
			float:right;
			clear:both;
			margin-top:10px;
			background:#005288;
			border-radius:5px;
			border:1px solid #005288;
			color:#ffffff;
			letter-spacing:1px;
			font-size:14px;
			font-weight:bold;
			text-align:center;
			}


/* home page tab content */
.listing-tabs{
	padding:0;
	}
	
	.nav-tabs{
		border-bottom:0;
		}
	
	.nav-tabs li{
		width:75px;
		}
	
	.nav-tabs>li a{
		background:#ffffff;
		color:#005288;
		font-size:12px;
		font-weight:bold;
		text-align:center;
		padding:5px 0 5px 0;
		border-radius:0;
		border:1px solid #d6d6d6;
		min-height:47px;
		}
	
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
		background:#a6b738;
		color:#ffffff;
		}
		
		

/* quickview */
	/* hide it in the dom */
	.quickview-content{
		display:none;
		}
		
	/* gets displayed under this name in protip jquery */
	.protip-content{
		background:#ffffff;
		border:4px solid #f5ba18;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		padding:8px 15px 8px 15px;
		}
		
		 #quick-sku{
			float:left;
			width:45%;
			font-size:12px;
			color:#33333;
			}
			
		 #quick-pack{
			float:right;
			width:40%;
			font-size:12px;
			color:#333333;
			text-align:right;
			}
		
		.protip-content p{
			color:#666666;
			line-height:16px;
			}
			
		.protip-content a, .protip-content a:link, .protip-content a:visited, .protip-content a:active{
			display:block;
			text-align:center;
			width:200px;
			margin:0 auto;
			padding:8px;
			border:1px solid #f2bb16;
			background:#f4d473;
			color:#666666;
			}
			
			.protip-content a:hover{
				color:#333333;
				}
				
		.protip-content span.cn{
			background:#c1e19b;
			padding:0 5px 0 5px;
			}
			
		.protip-content span.att{
			padding-right:8px;
			}
			
		/* arrow */
		.protip-content:after {
			bottom: 100%;
			left: 50%;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
			border-color: rgba(245, 186, 24, 0);
			border-bottom-color: #f5ba18;
			border-width: 12px;
			margin-left: -12px;
		}
		

.prod-results{
	padding-bottom:25px;
	border-bottom:1px solid #d6d6d6;
	padding-left:0;
	padding-right:0;
	}

.prod-thumb{
	margin-top:20px;
	}
	
	.prod-thumb .img-holder{
		width:100%;
		border:1px solid #d7d8d9;
		position:relative;
		}
	
		.prod-thumb .img-holder-favorites{
			margin:0 auto;
			border:2px solid #ffcc01;
			position:relative;
			}

	.prod-thumb img{
		display:block;
		margin:5px auto;
		max-width:96%;
		min-height:95px;
		max-height:95px;
		}
		
		.prod-thumb img.mfr-logo{
			padding:15px 5px 15px 5px;
			}
		
		/* icons */
		.prod-thumb .prod-tag-1-slot{
			position:absolute;
			right:-7px;
			top:5px;
			width:21px;
			height:26px;
			}
			
			.prod-thumb .prod-tag-1-slot img{
				width:21px !important;
				height:26px !important;
				min-height:26px !important;
				min-width:21px !important;
				}
				
		.prod-thumb .prod-tag-2-slot{
			position:absolute;
			right:-7px;
			top:35px;
			width:21px;
			height:26px;
			}
			
			.prod-thumb .prod-tag-2-slot img{
				width:21px !important;
				height:26px !important;
				min-height:26px !important;
				min-width:21px !important;
				}
				
		.prod-thumb .prod-tag-3-slot{
			position:absolute;
			right:-7px;
			top:65px;
			width:21px;
			height:26px;
			}
			
			.prod-thumb .prod-tag-3-slot img{
				width:21px !important;
				height:26px !important;
				min-height:26px !important;
				min-width:21px !important;
				}
				
		.prod-thumb .prod-tag-4-slot{
			position:absolute;
			right:-7px;
			top:95px;
			width:21px;
			height:26px;
			}
			
			.prod-thumb .prod-tag-4-slot img{
				width:21px !important;
				height:26px !important;
				min-height:26px !important;
				min-width:21px !important;
				}
		
	.prod-thumb h2{
		font-size:12px;
		line-height:13px;
		text-transform:uppercase;
		text-align:center;
		margin:6px auto 8px auto;
		height:25px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space:normal;		
		}
		
		.prod-thumb h2 a{
			color:#005288;
			text-decoration:none;
			font-weight:bold;
			}
			
			.prod-thumb h2 a:hover{
				text-decoration:underline;
				color: #3486bc;
				}
			
	.prod-thumb h3{
		font-size:11px!important;
		line-height:13px!important;
		height:25px;
		overflow:hidden;
		text-align:center;
		margin:0;
		border-bottom: 0px!important;
		}
		
	.prod-thumb h3 a{
		color:#666666;
		text-decoration:none;
		}
		
		.prod-thumb h3 a:hover{
			text-decoration:underline;
			}
			
			
	.prod-thumb form{
		width:105px;
		margin:5px auto 0 auto;
		}
		
		.prod-thumb form label, .list-view-item form label{
			font-weight:normal;
			margin-bottom:0;
			font-size:12px;
			color:#999999;
			display: block;
			padding-left: 15px;
			text-indent: -15px;
			}
			
			.list-view-item form{
				padding-top:5px;
				}
		
		.prod-thumb form input, .list-view-item form input {
			width: 13px;
			height: 13px;
			padding: 0;
			margin:0;
			vertical-align: bottom;
			position: relative;
			top: -2px;
			}
		
		
	
	#product-detail h1{
		font-weight:bold;
		color:#a6b738;
		font-size:20px;
		line-height:24px;
		margin-bottom:15px;
		}
		
	#product-detail h2{
		font-size:16px;
		line-height:22px;
		color:#666666;
		margin-top:0;
		}
		
		#product-detail h2 strong{
			margin-right:20px;
			}

			#product-detail h2 span a, #product-detail h2 span strong{
				color:#005288;
				text-decoration:none;
				}
				
				#product-detail h2 span a:hover{	
					text-decoration:underline;
					}
					
			
			#product-detail h2 span:before {
				content: ' ';
				clear: left;
				display: block;
			}
			
			
		.product-detail-icons{
			width:100%;
			float:left;
			margin-top:15px;
			margin-bottom:10px;
			}
			
			.product-detail-icons img{
				float:left;
				margin-right:10px;
				}
		
		#product-options{
			float:none;
			width:100%;
			margin-bottom:25px;
			}
			
			#product-options form{
				float:left;
				width:60%;
				margin-bottom:30px;
				}
			
				#product-options button, #product-feedback, #compare-options button{
					min-width:85px;
					height:25px;
					float:left;
					margin-top:10px;
					margin-right:15px;
					background:#005288;
					border-radius:5px;
					border:1px solid #005288;
					color:#ffffff;
					letter-spacing:1px;
					font-size:15px;
					font-weight:bold;
					text-align:center;
					}
					
					#product-feedback{
						margin-bottom:15px;
						}
					
					#product-actions button a{
						color:#ffffff;
						}
					
					#product-actions button.pdf, #compare-options button.pdf{
						padding-right:26px;
						background:url(../img/pdf-button-bg.jpg) center right no-repeat #005288;
						}
						
						#product-actions button.pdf a{
							color:#ffffff;
							}
							
							#product-actions button.pdf a:hover{
								text-decoration:none;
								}
						
					#product-actions button.email{
						min-width:30px;
						padding-top:0;
						}
						
						#product-actions button.email img{
							display:block;
							margin:auto;
							}
						
						#product-actions button.email a{
							color:#ffffff;
							}
							
							#product-actions button.email a:hover{
								text-decoration:none;
								background:url(../img/search-icon-email-hover.jpg);
								}
								
					.modal-body input[type="radio"], .modal-body input[type="checkbox"]{
						    height: 14px;
							float: left;
							width: 17px;
							margin-top: 4px;
							margin-right: 5px;
							text-align: left;
						}
								
								
					#product-favorite{
						float:left;
						margin-top:10px;
						}
						
						#product-favorite a{
							display:block;
							text-indent:-10000px;
							background:url('../img/favorite-off.png') no-repeat;
							width:31px;
							height:25px;
							}
							
							#product-favorite a:hover, #product-favorite a.active{
								background:url('../img/favorite-on.png') no-repeat;
								}	
								
					#product-list{
						float:left;
						margin-top:10px;
						margin-left: 10px;
						}
						
						#product-list a{
							display:block;
							text-indent:-10000px;
							background:url('../img/list-add-off.png') no-repeat;
							width:31px;
							height:25px;
							}
							
							#product-list a:hover, #product-list a.active{
								background:url('../img/list-add.png') no-repeat;
								}
							
								
			#product-actions, #product-social{
				padding:0 !important;
				}
				
			#product-social{
				display:none;
				}
				
			#mobile-product-social{
				display:block;
				text-align:right;
				padding-left:15px !important;
				padding-right:15px !important;
				}
				
				#mobile-product-social div{
					margin-top:0;
					float:right;
					}
					
					#mobile-product-social h3{
						color:#000000;
						font-size:18px;
						float:left;
						width:130px;
						margin-top:5px;
						margin-right:3px;
						}
						
					#mobile-product-social a{
						display:block;
						width:26px;
						height:26px;
						float:left;
						margin:1px;
						}
						
		
		
			/* product video modal */
			.intrinsic-container {
			  position: relative;
			  height: 0;
			  overflow: hidden;
			}
			
			/* 16x9 Aspect Ratio */
			.intrinsic-container-16x9 {
			  padding-bottom: 56.25%;
			}
			
			/* 4x3 Aspect Ratio */
			.intrinsic-container-4x3 {
			  padding-bottom: 75%;
			}
			
			.intrinsic-container iframe {
			  position: absolute;
			  top:0;
			  left: 0;
			  width: 100%;
			  height: 100%;
			}
			
			/* video thumbnail link */
			#video img{
				border:1px solid #005288;
			}
			
			/* video modal specific styling */
			#inc-video h4.modal-title{
				font-size:22px;
				line-height:50px;
				background: url(../img/vid-logo.jpg) 3px 3px no-repeat;
				padding: 2px 0 0 70px;
				}
		
						
			/* related products */
			#prd-dtl-related-prds{
				clear:left;
				margin-top:15px;
				}
				
				#prd-dtl-related-prds .prod-thumb{
					margin-top:10px;
					}
				
				#prd-dtl-related-prds .prod-thumb h2{
					font-size:12px;
					line-height:13px;
					text-transform:uppercase;
					text-align:center;
					margin:6px auto 8px auto;
					max-height:25px;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space:normal;
					}
					
				#prd-dtl-related-prds .prod-thumb .img-holder img,
				#prd-dtl-related-prds .prod-thumb .img-holder-favorites img{
					min-height:80px;
					max-height:80px;
					}
					
				#prd-dtl-related-prds .prod-thumb .img-holder img.mfr-logo,
				#prd-dtl-related-prds .prod-thumb .img-holder-favorites img.mfr-logo{
					padding:5px;
					}
				
						
			.prod-detail-compare{
				display:block;
				padding:0 15px 0 0 !important;
				}
				
			#prod-detail-add-compare{
				padding-top:3px;
				}
				
			
			.prod-detail-compare a{
				display:block;
				float:right;
				border:1px solid #cccccc;
				background:#dee7f1;
				color:#005288;
				padding:4px;
				font-size:13px;
				}
			
				.prod-detail-compare a.disabled{
					color:#a4a4a4;
					background:#eeeeee;
					border:1px solid #cccccc;
					cursor:no-drop;
					}
		
					
		.product-detail-specs{
			width:100%;
			border-top:0 !important;
			margin-bottom:20px;
			margin-top:20px;
			border-left:0;
			border-right:0;
			}
			
			.product-detail-specs td:first-child{
				width:85px;
				}
				
			.product-detail-specs td{
				border-bottom:1px solid #d6d6d6;
				color:#000000;
				padding-bottom:5px;
				padding-top:5px;
				font-size: .9em;
				}
				
		
		#your-favorite-details{
			}
			
			#your-favorite-details>div{
				padding-left:0;
				padding-right:0;
				}
			
			#your-favorite-details h3{
				width:100%;
				background:#005288;
				color:#ffcc01 !important;
   				font-size: 14px;
				border-radius:3px;
				padding:10px 15px;
				}	
				
			#your-favorite-details textarea{
				width:100%;
				}
				
				p.note-saved{
					color:#FF0000;
					}
					
				#your-favorite-details span{
					clear:left;
					float:left;
					font-size:10px;
					}
					
				#your-favorite-details input#save-note{
					float:right;
					background: #005288;
					color:#ffffff;
					min-width: 85px;
					height: 25px;
					margin-top: 3px;
					border-radius: 5px;
					border: 1px solid #005288;
					letter-spacing: 1px;
					font-size: 15px;
					font-weight: bold;
					text-align: center;
					}
				
			#your-favorite-details button.pdf-favorite{
						padding-right:26px;
						background:url(../img/pdf-button-bg.jpg) center right no-repeat #005288;
						color:#ffcc01;
						min-width: 85px;
						height: 25px;
						float: left;
						margin-top: 10px;
						margin-right: 15px;
						border-radius: 5px;
						border: 1px solid #005288;
						letter-spacing: 1px;
						font-size: 15px;
						font-weight: bold;
						text-align: center;
						}
						
						#your-favorite-details button.pdf a{
							color:#ffffff;
							}
							
							#your-favorite-details button.pdf a:hover{
								text-decoration:none;
								}	
			
						
			#favorite-save{
				clear:left;
				margin-top:10px;
				}
				
			#favorite-list{
				margin-top:20px;	
				}
							
			.favorite-pdf-details div{
				padding-left:5px;
				padding-right:5px;
				padding-top:4px;
				}
				
			#favorite-save-pdf.modal-dialog{
				width:500px;
				}
				
				#favorite-save-pdf div.form-group{
					margin-bottom:0;
					}
				
			#save-sku-pdf{
				float: right;
				background: #005288;
				color: #ffffff;
				min-width: 85px;
				height: 25px;
				margin-top: 1px;
				margin-right:20px;
				border-radius: 5px;
				border: 1px solid #005288;
				letter-spacing: 1px;
				font-size: 15px;
				font-weight: bold;
				text-align: center;
				}
			
		
					
		#accordion{
			clear:both;
			margin-top:25px;
			}
			
			.panel-default>.panel-heading{
				background:#d6d6d6;
				}
				
			.panel-title{
				background:url('../img/collapse-minus.jpg') center right no-repeat;
				}
			
			.panel-title>a, .panel-title>a:link, .panel-title>a:visited, .panel-title>a:active {
					display:block;
					width:100%;
					font-size:14px;
					text-decoration:none;
					font-weight:bold;
					color:#005288;
					}
					
				.panel-title>a:hover{
					text-decoration:none;
					color:#3486bc;
					}
					
					.panel-title>a.collapsed{	
						background:url('../img/collapse-plus.jpg') center right no-repeat;
						}
						
		.allergen{
			margin-bottom:10px;
			}
						
						
		.cust-item-codes{
			width:100%;
			border-top:0 !important;
			margin-bottom:20px;
			margin-top:20px;
			}
			
				
			.cust-item-codes td{
				vertical-align:top;
				border-bottom:1px solid #d6d6d6;
				color:#000000;
				padding-bottom:5px;
				padding-top:5px;
				font-size: .9em;
				}
				
				
/* email popup */
h4.modal-title{
	background:url(../img/vid-logo.jpg) 3px 3px no-repeat;
	padding-left:70px;
	line-height:3.4;
	font-weight:bold;
	color:#646464;
	}
	

/* my lists popup */
h4.modal-title.my-list{
	background:none !important;
	padding-left:0 !important;
	}
	
#oneFS-list-dialog{
	height:250px;
	overflow-y:scroll;
	overflow-x:hidden;
	}
	
	#oneFS-list-dialog a{
		color:#333333;
		font-size:16px;
		cursor:pointer;
		padding-bottom:5px;
		}
		
		#oneFS-list-dialog a:hover{
			text-decoration:none;
			}
		
		/*
		#oneFS-list-dialog a:hover .status_icon {
			padding-right: 20px;
			}
			
		#oneFS-list-dialog a .status_icon {
			float: left;
			display: inline-block;
			overflow: hidden;
			font-size: 16px;
			height: 25px;
			font-weight: bold;
			width: 0;
			-webkit-transition: padding-right 0.2s ease-out 0.05s;
			-moz-transition: padding-right 0.2s ease-out 0.05s;
			-ms-transition: padding-right 0.2s ease-out 0.05s;
			-o-transition: padding-right 0.2s ease-out 0.05s;
			transition: padding-right 0.2s ease-out 0.05s;
			}
			*/
		
		
		
		#oneFS-list-dialog a.list-add{
			background:url(../img/list-modal-add.png) no-repeat;
			padding-left: 25px;
			transition: background-image 0.5s ease;
			}
			
		#oneFS-list-dialog a.list-added{
			font-weight:bold;
			background:url(../img/list-modal-check.png) no-repeat;
			padding-left:25px;
			}
			
			#oneFS-list-dialog a.list-added:hover{
				background:url(../img/list-modal-remove.png) no-repeat;
				}
				



/* profile */
#profile-accordion .panel-title{
	background: #a6b738;
    color: #ffffff;
    font-size: 18px;
	font-weight:normal;
    text-transform: uppercase;
    padding: 15px;
    margin-bottom: 20px;
    margin-top: 0;
    border: 1px solid #ffffff;
	}
	
	#profile-accordion .panel-title>a{
		background:url('../img/collapse-minus-profile.png') center right no-repeat;
		color:#ffffff;
		}

	#profile-accordion .panel-title>a.collapsed{	
		background:url('../img/collapse-plus-profile.png') center right no-repeat;
		color:#ffffff;
		}
				
	#profile-accordion .panel-default, #profile-accordion .panel-body{
		border:0;
		}
		
#profile-tabs li{
	width: 55px;
	}
	
	#profile-tabs li a{
		min-height:20px;
		font-size:10px;
		}
		

#favoritesListTab, #specsListTab, #filesListTab, #contactListTab{
	position:absolute;
	right: 15px;
    top: 35px;
	/*display:block !important;
	margin-top:30px;*/
	}
	
	#favorites, #specs, #files, #contacts{
		min-height:500px;
		}
		
#oneFS-myLists-container{
	padding-bottom:12px;
	}
	
	
.profile-favorites-filter {
    position: absolute;
    top: 40px;
    left: 15px;
    width: 235px;
	}
		
.favorite-list-row{
	margin:0 5px 8px 15px;
	}
	
	.favorite-list-row a{
		color:#005288;
		cursor:pointer;
		}
		
#favorites-thumb-view{
	margin-top:40px;
	}
	
	
#favorites-list-view{
	margin-top:50px;
	}
	



/* sample cart */
.sample-cart{
	padding-left:0 !important;
	padding-right:0 !important;
	}
	
	.sample-cart div{
		padding-bottom:10px;
		}
	
.update-cart{
	padding-top:20px;
	}
	
	.update-cart input{
		float:right;
		}	

.cart-remove{
	text-align:right;
	}
	
	.cart-remove input{
		float:right;
		margin-right:18px;
		}
		
.sidebar-sample h3{
	width: 100%;
    background: #a6b738;
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    padding: 15px;
    margin-bottom: 20px;
    margin-top: 0;
    border: 1px solid #ffffff;
	}
		
		
.sidebar-sample .col-xs-12{
	padding-left:15px;
	padding-right:15px;
	}
	
	.sidebar-sample .form-group label{
		width:32%;
		float:left;
		padding-top:10px;
		}
		
	.sidebar-sample .form-control{
		float:right;
		width:65%;
		}
		
	
/* product comparison */
.compare-mobile{
	padding-left:0 !important;
	padding-right:0 !important;
	}
	
	/* disable the prev/next buttons that slick adds */
	.compare-mobile button.slick-next,
	.compare-mobile button.slick-prev {
		   display:none !important;
		}
		
		
	.compare-mobile #dropdown{
		width:100%;
		}
		
		
	.compare-thumbs{
		width:125px;
		float:left;
		clear:left;
		}
		
		.compare-thumbs div{
			height:151px;
			overflow:hidden;
			border-bottom:1px solid #d6d6d6;
			position:relative;
			}
		
			.compare-thumbs img{
				height:100px;
				/*margin:0 auto;*/
				width:95%;
				border:1px solid #d6d6d6;
				margin-top:10px;
				margin-bottom:10px;
				display:block;
				}
				
			.compare-thumbs h4{
				clear:left;
				margin-top:-30px;
				font-size: 12px;
				line-height: 1.42857143;
				color: #333;
				text-align:center;
				}
				
			.compare-mobile .prod-tag-1-slot img, .compare-mobile .prod-tag-2-slot img, 
			.compare-mobile .prod-tag-3-slot img, .compare-mobile .prod-tag-4-slot img{
				display:none;
				}
				
			/* mobile compare */
			.prod-compare-remove{
				position:absolute;
				top:-104px;
				left:4px;
				width:13px;
				height:13px !important;
				}
				
				.prod-compare-remove img{
					width:13px !important;
					height:13px !important;
					min-height:13px !important;
					max-height:13px !important;
					margin:0 !important;
					}
					
					.prod-compare-remove a{
						display:block;
						}
		
		
	.compare-carousel{
		/*width:75%;
		float:left;*/
		}
		
		.compare-carousel div.itm{
			margin-top:10px;
			}
		
			.compare-carousel div p{
				width:100%;
				height:141px;
				border-bottom:1px solid #d6d6d6;
				padding-bottom:10px;
				}
			
			
			
/* manufacturer landing */
.manuf-desc{
	}
	
	.manuf-desc p{
		padding-top:10px;
		font-size:14px;
		line-height:17px;
		color:#000000;
		}
		
	.manuf-desc ul li{
		font-size:13px;
		line-height: 15px;
		margin-bottom: 8px;	}
	
	
.manuf-website a{
	float:right;
	margin-top:10px;
	margin-right:15px;
	color:#005288;
	font-size:12px;
	padding:  2px 6px;
	border: 1px solid #cccccc;
	background:#eeeeee;
	}
	
	
.manuf-logo{
	margin-bottom: 20px;
	text-align:center;
	}
	
	.manuf-logo img{
		max-width:100%;
		float:right;
		}
	
	
.manuf-prod-cats h2, .manuf-brands h2{
	width:100%;
	background:#a6b738;
	color:#ffffff;
	font-size:20px;
	text-transform:uppercase;
	padding:5px;
	margin-bottom:20px;
	}
	

.manuf-prod-cats ul, .manuf-brands ul{
	width:100%;
	padding:0;
	}
	
	.manuf-prod-cats ul li, .manuf-brands ul li{
		list-style-type:none;
		width:100%;
		border-bottom:1px solid #d6d6d6;
		padding-bottom:8px;
		padding-top:8px;
		font-size:15px;
		font-weight:bold;
		text-transform:uppercase;
		}
		
		.manuf-prod-cats ul li.last, .manuf-brands ul li.last{
			border-bottom:0;
			}
		
		.manuf-prod-cats ul li a, .manuf-brands ul li a{
			color:#005288;
			display:inline-block;
			width:85%;
			}
			
			
			.manuf-prod-cats ul li a:hover, .manuf-brands ul li a:hover{
				}
				
			.manuf-prod-cats ul li span, .manuf-brands ul li span{
				float:right;
				color:#333333;
				font-size:14px;
				font-weight:normal;
				}
		
		.manuf-prod-cats ul li ul, .manuf-brands ul li ul{
			margin:0;
			padding:0;
			}
			
			.manuf-prod-cats ul li ul li, .manuf-brands ul li ul li{
				list-style-type:square;
				list-style-position:inside;
				border-bottom:0;
				color:#b2b2b2;
				font-size:13px;
				text-transform:none!important;
				padding-bottom:4px;
				padding-top:4px;
				}
				
				.manuf-prod-cats ul li ul li a, .manuf-brands ul li ul li a{
					width:73%;
					vertical-align:top;
					}
				
				.manuf-prod-cats ul li ul li span, .manuf-brands ul li ul li span{
					float:right;
					color:#333333;
					font-size:13px;
					}
					
	
	.sidebar .how-to-buy{
		margin-top:20px;
		}
		
		.sidebar .how-to-buy form{
			max-width:92%;
			margin:0 auto;
			background:#d6d6d6;
			}
		
		.sidebar .how-to-buy p{
			float:left;
			}
		
		.sidebar .how-to-buy input[type="text"]{
			float:left;
			}
		
		.sidebar .how-to-buy input[type="image"]{
			width:24px;
			height:24px;
			float:left;
			background:url('../img/sidebar-zip-search.jpg') no-repeat;
			}
					
	.sidebar .manuf-feature h2{
		width:100%;
		background:#a6b738;
		color:#ffffff;
		font-size:20px;
		text-transform:uppercase;
		padding:15px;
		margin-bottom:20px;
		}
		
	.sidebar .manuf-feature img{	
		margin:0 auto;
		max-width:92%;
		}
		
	.sidebar .manuf-feature h3{
		font-size:24px;
		line-height:28px;
		color:#005288;
		max-width:92%;
		margin:20px auto 20px auto;
		}
		
	.sidebar .manuf-feature p{
		font-size:12px;
		color:#666666;
		max-width:92%;
		margin:20px auto 20px auto;
		}
		
		.sidebar .manuf-feature .feature-details{
			max-width:92%;
			margin:20px auto 20px auto;
			}
		
		.sidebar .manuf-feature table{
			width:100%;
			}
			
			.sidebar .manuf-feature table td{
				font-size:12px;
				color:#666666;
				font-weight:bold;
				padding-bottom:5px;
				padding-top:5px;
				border-bottom:1px solid #d6d6d6;
				}
				
				.sidebar .manuf-feature table td:first-child{
					font-weight:normal;
					}
					
		
		.sidebar .manuf-feature a.learn-more{
			min-width:85px;
			margin-top:10px;
			background:#005288;
			border-radius:5px;
			border:1px solid #005288;
			color:#ffffff;
			letter-spacing:1px;
			font-size:12px;
			font-weight:bold;
			text-align:center;
			padding:5px;
			text-transform:uppercase;
			}
			
			
	/* search results */
	
	/* spinner loader */
	.loader-ring {
	  position: absolute;
	  top: 50% !important;
	  left: 50%;
	  margin: -120px 0 0 -120px;
	  width: 100px;
	  height: 100px;
	}

	.loader-ring-light {
	  width: 100px;
	  height: 100px;
	  -moz-border-radius: 100px;
	  -webkit-border-radius: 100px;
	  border-radius: 100px;
	  -moz-box-shadow: 0 4px 0 #666666 inset;
	  -webkit-box-shadow: 0 4px 0 #666666 inset;
	  box-shadow: 0 4px 0 #666666 inset;
	  animation: rotate-360 2s linear infinite;
	}

	.loader-ring-track {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100px;
	  height: 100px;
	  -moz-border-radius: 100px;
	  -webkit-border-radius: 100px;
	  border-radius: 100px;
	  -moz-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
	  -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
	  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
	}
	
	
	@keyframes rotate-360 {
	  from {
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-webkit-transform: rotate(0);
		transform: rotate(0);
	  }
	  to {
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	  }
	}
	/* ignore the magenta secondary bracket */

	
	.loader-logo{
		position: absolute;
		  top: 26px;
		  left: 15px;
		  width: 65px;
		  height: 43px;
		}
		

	
	
	#mobile-tabs-control{
		width:100%;
		margin-top:10px;
		padding-left:15px;
		padding-right:15px;
		}
		
		#mobile-tabs-control form{
			width:100%;
			}
			
			#mobile-tabs-control form p{
				text-transform:uppercase;
				font-size:14px;
				float:left;
				margin-top:3px;
				margin-right:3px;
				}
				
			#mobile-tabs-control select{
				float:left;
				width:120px;
				margin-top:3px;
				}
				
		#mobile-tabs-control ul.view-toggle{
			float:right;
			position:relative !important;
			display:block !important;
			}

	
		#main-content .view-toggle{
			display:none;
			}
		
		.view-toggle li{
			padding:0;
			margin:0;
			cursor:pointer;
			width:30px;
			}
			
			.view-toggle li.list-view,
			.view-toggle li.contact-list-view,
			.view-toggle li.favorites-list-view,
			.view-toggle li.files-list-view,
			.view-toggle li.specs-list-view{
				background:url('../img/view-list-inactive.jpg') no-repeat;
				width:28px;
				height:24px;
				}
				
				.view-toggle li.list-view.active,
				.view-toggle li.contact-list-view.active,
				.view-toggle li.favorites-list-view.active,
				.view-toggle li.files-list-view.active,
				.view-toggle li.specs-list-view.active{
					background:url('../img/view-list-active.jpg') no-repeat;
					width:28px;
					height:24px;
					}
					
			.view-toggle li.thumb-view,
			.view-toggle li.contact-thumb-view,
			.view-toggle li.favorites-thumb-view,
			.view-toggle li.files-thumb-view,
			.view-toggle li.specs-thumb-view{
				background:url('../img/view-thumb-inactive.jpg') no-repeat;
				width:28px;
				height:24px;
				}
				
				.view-toggle li.thumb-view.active,
				.view-toggle li.contact-thumb-view.active,
				.view-toggle li.favorites-thumb-view.active,
				.view-toggle li.files-thumb-view.active,
				.view-toggle li.specs-thumb-view.active{
					background:url('../img/view-thumb-active.jpg') no-repeat;
					width:28px;
					height:24px;
					}
			
			.view-toggle li a{
				padding:0;
				margin:0;
				background:none !important;
				width:28px;
				height:24px;
				border: 0 !important;
				}
				
	#specs-thumb-view h1, #files-thumb-view h1, #contact-thumb-view h1{
   		font-weight: bold;
		font-size:30px;
		}
				
	.srch-results-compare-mobile a{
		display:block;
		float:right;
		border:1px solid #cccccc;
		background:#dee7f1;
		color:#005288;
		padding:4px;
		font-size:12px;
		}
	
		.srch-results-compare{ /* hide desktop version */
			display:none;
			}
			
	.srch-results-clear a{
		display:block;
		float:left;
		border:1px solid #d3cfc4;
		background:#fbedd7;
		color:#ca6700;
		padding:4px;
		font-size:12px;
		margin-top:10px;
		}
		
		/* styling for its appearance in sub-cat sidebar */
		.sidebar .srch-results-clear a{
			float:right;
			margin:0 12px 15px 0;
			}
			
			
	#search-results-filter-container .ms-parent{
		width:100% !important;
		}
		
		.ms-choice > span, .ms-choice > span.placeholder{
			font-size:12px !important;
			}
		
		.ms-drop ul > li label, .ms-drop ul li.ms-no-results{
			font-size:12px !important;
			}
			
		.ms-drop input[type="checkbox"] {
    		margin-top:-1px !important; 
			}
			
	#list-view h1{
		color:#000000;
		font-size:20px;
		font-weight:bold;
		padding-bottom:0;
		margin-top:6px;
		margin-bottom:4px;
		}		
		
		#list-view .row:first-child{
			margin-top:20px;
			}
			
			.row.list-view{
				border-bottom:1px solid #d6d6d6;
				padding-bottom:10px;
				padding-top:10px;
				}
		
			.list-view-sku p{
				color:#005288;
				font-size:14px;
				margin:0;
				}
				
				
			.list-view-item p, .list-view-item a{
				color:#005288;
				font-size:16px;
				line-height:20px;
				font-weight:bold;
				margin-bottom:0;
				}
				
				
			.list-view-size{
				font-size:14px;
				color:#000000;
				}
				
			.list-view-icons{
				text-align:right;
				}
				
			.list-view-secondary-icons{
				padding:0;
				}
		
	
	.table-responsive{
		border-top:1px solid #d6d6d6;
		}
		
		.table-responsive:first-child{
			border-top:0;
			}
		
		.table>thead>tr>th, .table>tbody>tr>td{	
			border-bottom:0 !important;
			border-top:0 !important;
			font-size:14px;
			}
			
			.table a{
				color:#005288;
				}
				
			.table h1, .manuf-srch-heading h1{
				color:#000000;
				font-size:20px;
				font-weight:bold;
				padding-bottom:0;
				margin-bottom:4px;
				}
				
	
	.manuf-srch-heading{
		margin-top:25px;
		}
	
		.manuf-srch-heading h1, .manuf-srch-heading img{	
			float:left;
			}
			
			.manuf-srch-heading h1{
				margin-top:5px;
				margin-left:20px;
				}
				
	.srch-multiple{
		padding-bottom:15px;
		border-bottom:1px solid #d6d6d6;
		margin-bottom:10px;
		}
		
		.pagination-search{
			top:15px;
			z-index:999;
			}
			
		.pagination-search-bottom{
			position:relative;
			float:right;
			right:0;
			padding-top:15px;
			}
		
		.srch-multiple img{
			max-width:100%;
			}
			
		.srch-multiple h2{
			color:#005288;
			font-size:24px;
			margin-top:7px;
			font-weight:bold;
			}
			
			.srch-multiple h2 a{
				padding-right:15px;
				}
			
			.srch-multiple h2 span{
				font-size:14px;
				margin-top:-3px;
				font-weight:normal;
				}
			


.srch-results-category-list{
	/*margin-top:15px;*/
	}
	
	.srch-results-category-list h3, #list-view div div h3, #list-view h2{
		color:#889c3b;
		font-size:24px;
		line-height:26px;
		padding -bottom: 10px;
		text-transform:uppercase;
		}
	
		
	.srch-results-cat-brand h2, #list-view h1{
		color: #666666;
		font-size: 20px;
		font-weight: bold;
		padding-top: 10px;
		padding-bottom: 0;
		margin-top:9px;
		margin-bottom: 4px;
		}
		
	.srch-results-cat-brand img{
		display:block;
		float:left;
		margin-right:10px;
		max-width:200px;
		}
		
	.srch-results-filter{
		display:none !important;
		}
		
		
/* advanced search */
#advanced-search{
	border-bottom:1px solid #cccccc;
	}

#adv-srch-form{
	margin-top:15px;
	}
	
	#adv-srch-form input[type="text"], #adv-srch-form select{
		width:50px;
		height:20px;
		}
		
	#adv-srch-form input.keyword{
		width:150px;
		padding:5px;
		}
		
		
	#adv-srch-form select#veg-color{
		width:85%;
		}

#advanced-search-primary, #advanced-search-secondary{
	padding:0;
	margin-top:15px;
	}
		
	
	#advanced-search-primary h1, #advanced-search-secondary h1{
		color: #889c3b;
		font-size: 28px;
		line-height: 28px;
		margin-top: 10px;
		margin-bottom:12px;
		text-transform: uppercase;
		}
		
		
#advanced-search-primary .row{
	margin-left:0;
	margin-right:0;
	margin-bottom:5px;
	}
	
	
#advanced-submit{
	margin:20px 0 20px 0;
	}
	
	#advanced-submit .col-xs-12{
		text-align:center;
		}
		
		
.refine-keyword{
	width:100%;
	padding:5px;
	}
	

/* categories landing toggle tabs */
.view-toggle li.cat-view{
	background:url('../img/view-cat-inactive.jpg') no-repeat;
	width:28px;
	height:24px;
	}
	

	.view-toggle li.cat-view.active{
		background:url('../img/view-cat-active.jpg') no-repeat;
		width:28px;
		height:24px;
		}
		
		
.view-toggle li.subcat-view{
	background:url('../img/view-subcat-inactive.jpg') no-repeat;
	width:28px;
	height:24px;
	}
	

	.view-toggle li.subcat-view.active{
		background:url('../img/view-subcat-active.jpg') no-repeat;
		width:28px;
		height:24px;
		}
	
	
	
.cat-item{
	width: 210px;
	}
		
		
#cat-landing-img{
	margin-bottom:25px;
	}
		
	#cat-landing-img img{
		display:block;
		max-width:100%;
		}
	
#cat-landing-title{
	}
	
	#cat-landing-title h2{
		height:100%;
		color: #889c3b;
		font-size: 24px;
		line-height: 25px;
		margin-top:12px;
		text-transform: uppercase;
		}
		
/*.cat-item{
	margin-bottom:25px;
	}*/
	
	/*.cat-landing:nth-child(2n+1){
		clear:left;
		}*/
		
		
.cat-item ul{
	margin-left:0;
	padding-left:0;
	
	}
	
	.cat-item ul li{
		list-style-type:none;
		font-size:15px;
		padding-bottom:3px;
		padding-top:3px;
		clear:both;
		}
		
		.cat-item ul li span{
			float:right;
			padding-left:5px;
			color:#999999;
			}
			
		.cat-item ul li:last-child{
			border-bottom:0;
			}
			
.sup-col{
	padding-left:0 !important;
	padding-right:15px !important;
	}
	
	.sup-col:last-child{
		padding-right: 0 !important;
		}
	
.sup-col-heading{
	padding-left: 0 !important;
	}
			

#sup-landing-content{
	/*margin-top:40px;*/
	}

.sup-landing{
	margin-bottom:15px;
	padding-left: 0 !important;
	padding-right: 0 !important;
	}
			
	.sup-landing h2, .sup-landing h2 a{
			height:100%;
			color: #889c3b;
			background:#eaeaea;
			font-size: 20px;
			line-height: 25px;
			margin-top:0;
			margin-bottom:4px;
			padding:3px 3px 3px 5px;
			}
			
			.sup-landing h2 a{
				padding:0;
				}

				
			.sup-landing ul{
				width:100%;
				padding:0 0 0 5px;
				}
				
			.sup-landing ul li{
				list-style-type: none;
				width: 100%;
				padding-bottom: 3px;
				padding-top: 3px;
				font-size: 14px;
				text-transform: uppercase;
				}
			
			.sup-landing ul li a{
				width:78%;
				color: #005288;
				display: inline-block;
				font-size: 14px;
				line-height:15px;
				padding-bottom:12px;
				text-transform: uppercase;
				}
				
			.sup-landing ul li span{
				float:right;
				padding-right:5px;
				}
				
			.sup-landing ul li ul li a{
				vertical-align:top;
				}
				
		
.sup-landing img{
	max-width:100%;
	}
			
.cat-see-all{
	display:none !important;
	}
	
/* supplier landing toggle tabs */
.view-toggle li.supplier-view{
	background:url('../img/view-mfr-inactive.jpg') no-repeat;
	width:28px;
	height:24px;
	}
	

	.view-toggle li.supplier-view.active{
		background:url('../img/view-mfr-active.jpg') no-repeat;
		width:28px;
		height:24px;
		}
		
		
.view-toggle li.brands-view{
	background:url('../img/view-brands-inactive.jpg') no-repeat;
	width:28px;
	height:24px;
	}
	

	.view-toggle li.brands-view.active{
		background:url('../img/view-brands-active.jpg') no-repeat;
		width:28px;
		height:24px;
		}
	
			
/* sales locator */
.locator-company{
	}
	
	.locator-company img{
		max-width:95%;
		display:block;
		}
		
	.locator-company h1{
		font-size:22px;
		color:#666666;
		margin-top:0;
		}
		
	.locator-company h2, .locator-company h2 a{
		font-size:18px;
		font-weight:bold;
		color:#005288;
		margin:0;
		}
	
	
	.locator-offices{
		}
		
		.locator-offices div{
			padding:0;
			}
		
		.locator-offices h2, .locator-distributor h2{
			width:100%;
			background:#a6b738;
			color:#ffffff;
			font-size:20px;
			text-transform:uppercase;
			padding:15px;
			margin-bottom:0;
			}
			
		.locator-offices h3, .locator-offices p{
			font-size:14px;
			color:#333333;
			}
			
			.locator-offices h3{
				text-transform:uppercase;
				font-weight:bold;
				margin-bottom:5px;
				margin-top:15px;
				padding-left:15px;
				padding-right:15px;
				}
				
			.locator-offices p{
				margin-top:0;
				padding-left:15px;
				padding-right:15px;
				}
				
			.locator-offices p.locator-title{
				margin-top: 0px; 
				font-size: .9em;
				font-style:italic;
				}
				
			.locator-offices p.locator-phone span{
				color:##a49e9e;
				}
				
			.locator-offices a{
				color:#333333;
				font-weight:bold;
				}
				
				.locator-offices a.email-locator, .sidebar .locator-contact p a.email-locator{
					margin-top:10px;
					background:#005288;
					border-radius:5px;
					border:1px solid #005288;
					color:#ffffff;
					letter-spacing:1px;
					font-size:15px;
					font-weight:bold;
					text-align:center;
					padding:3px 10px 3px 10px;
					}
					
					.locator-offices a.email-locator:hover{
						text-decoration:none;
						}
	
	
.locator-distributor{
	}
	
	.locator-distributor div{
		padding:0;
		}
		
	.locator-distributor ul{
		padding:0;
		margin-top:10px;
		list-style-type:none;
		}
		
		.locator-distributor ul li{
			width:100%;
			color:#333333;
			font-size:11px;
			text-transform:uppercase;
			padding-bottom:9px;
			padding-top:9px;
			border-bottom:1px solid #d6d6d6;
			}
			
		.locator-distributor ul li span{
			text-align:right;
			float:right;
			}
			

.sidebar .locator-contact{
	display:none;
	}
	
	.locator-mobile{
		margin-bottom:15px;
		padding-left:15px !important;
		padding-right:15px !important;
		display:block;
		}
		
		.locator-mobile h2{
			width:100%;
			background:#a6b738;
			color:#ffffff;
			font-size:20px;
			text-transform:uppercase;
			padding:15px;
			margin-bottom:0;
			}
			
			
		.locator-mobile h3{
			font-size:18px;
			margin-bottom:10px;
			}
			
			
		.locator-mobile img{
			padding:15px;
			max-width:100%;
			}
			
		.locator-mobile p{
			}
			
			
			.locator-mobile .locator-manuf-info, .locator-mobile .locator-manuf-addr{
				padding-left:15px !important;
				padding-right:15px !important;
				}
				
				.locator-mobile .locator-manuf-info h3{
					text-transform:uppercase;
					font-weight:bold;
					font-size:16px;
					}
					
				.locator-mobile .locator-manuf-info a{
					padding:0;
					}
	
			
	.sidebar div.get-this{
		padding-left:15px !important;
		padding-right:15px !important;
		}
			
		.sidebar div.get-this form{
				background:#d6d6d6;
				width:100%;
				margin:15px auto 30px auto;
				}
				
				.sidebar div.get-this form p{
					float:left;
					margin:2% 0.5% 2% 2%;
					font-size:13px;
					padding-top:5px;
					font-weight:bold;
					text-transform:uppercase;
					}
					
				
				
				/* logged in zip text */
				.sidebar div.get-this form input[type="text"]{
					width:54px;
					height:24px;
					float:left;
					margin: 15px 0 0 10px;
					padding:3px;
					}
					
				.sidebar div.get-this form label{
					float: left;
					margin-top: 1px;
					margin-right: 8px;
					width: 80%;
					}
					
					/* not logged in zip text */
					.sidebar div.get-this form label input[type="text"]{
						    /*width: 49%;*/
							width:67px;
							height: 24px;
							float: left;
							margin: 13px 0 0 4px;
							padding: 3px;
						}
						
				.sidebar div.get-this form button[type="submit"]{
					padding:4px;
					background:#a7b838;
					color:#ffffff;
					text-transform:uppercase;
					border:1px solid #ffffff;
					margin-right:2px;
					}
					
					.sidebar div.get-this form button[type="submit"]:hover{
						color:#205f79;
						}
						
				.sidebar div.get-this img.get-icon{
					display:none;
					}
					
				.sidebar div.get-this form input[type="image"], .sidebar div.get-this img.get-icon{
					float:right;
					width:24px;
					height:24px;
					margin:3% 2% 2% 2%;
					background:url('../img/sidebar-zip-search.jpg') no-repeat;
					text-indent:-10000px;
					}
					
				
						
			
		/* product detail */					
		.sidebar div.prod-photos, .sidebar div.prod-photos-thumbs{
			display:none;
			}
					
					
		.mobile-prod-photos, .mobile-prod-photos-thumbs{
			display:block;
			}
			
			
			.mobile-prod-photos{
				/*border-top:1px solid #d6d6d6;*/
				}
			
			.mobile-prod-photos img{	
				max-width:90%;
				margin:45px auto 45px auto;
				}
				
			.mobile-prod-photos-thumbs{
				border-bottom:1px solid #d6d6d6;
				}
			
				.mobile-prod-photos-thumbs img{
					float:left;
					width:40px;
					height:40px;
					margin:20px 5px 30px 0;
					border:1px solid #d6d6d6;
					cursor:pointer;
					}
					
					.mobile-prod-photos-thumbs img:first-child{
						margin-left:5%;
						}
		
		.mobile-prod-pager{
			margin-top:0;
			padding-left:0 !important;
			padding-right:0 !important;
			}
			
			.mobile-prod-pager p{
				float:right;
				padding-bottom:5px;
				margin-bottom:0 !important;
				}
				
				.mobile-prod-pager a{
					display:block;
					float:left;
					color:#005288;
					font-size:14px;
					text-transform:uppercase;
					padding-left:8px;
					font-weight:bold;
					}
					
					.mobile-prod-pager a:hover{
						text-decoration:none;
						color:#3486bc;
						}
				
		.sidebar img{
			display:block;
			max-width:99.5%;
			margin:1px auto 1px auto;
			}
			
						
	.sidebar div.sidebar-prod-pager{
			margin-top:25px;
			padding-left:15px !important;
			padding-right:15px !important;
			}
			
			.sidebar div.sidebar-prod-pager div{
				text-align:center;
				}
			
			.sidebar div.sidebar-prod-pager p{
				/*float:right;*/
				display:inline-block;
				padding-bottom:15px;
				margin-bottom:0 !important;
				}
				
				.sidebar div.sidebar-prod-pager a{
					display:block;
					float:left;
					color:#005288;
					font-size:14px;
					text-transform:uppercase;
					padding-left:8px;
					font-weight:bold;
					}
					
					.sidebar div.sidebar-prod-pager a:hover{
						text-decoration:none;
						color:#3486bc;
					}
					
					
/* ---------------------------------- */
/* FOOTER */


.footer{
	background:url(../img/bg-footer.jpg) repeat-x #e1e1e1;
	}
	
	.footer .col-xs-12{
		margin-top:15px;
		}
	
		.footer .col-xs-12 p:last-child{
			border-bottom:1px solid #c2c2c2;
			padding-bottom:15px;
			}
			
			.footer .col-xs-12:last-child p:last-child{
				border-bottom:0;
				}
				
		.footer .col-xs-12 p{
			font-size:12px;
			color:#666666;
			}
				
		.footer .col-xs-12.app-dl{
			color:#333333;
			}
			
			
		.footer div a, .footer div a:link, .footer div a:visited, .footer div a:active{
			color:#666666;
			}
			
			.footer div a:hover{
				text-decoration:underline;
				}
				
				
	/* membership confirm / approve */
	.container.membership{
		width:100%;
		max-width:600px;
		margin:15px auto 0 auto;
		padding:0;
		border:1px solid #333333;
		}
		
		.container.membership .col-xs-12{
			padding:0;
			}
		
		.container.membership img{
			max-width:100%;
			}
			
		#confirm-banner img{
			}
			
		.confirm-message{
			}
			
			.confirm-message p{
				padding:10px;
				}
					



/* ------------------------------------------------------------------- */
/* min-width 525 */
/* ------------------------------------------------------------------- */
@media (min-width:525px){
	/* about & contact */
	.locator-offices div{
		padding-left:15px;
		}
	
	.locator-distributor ul li{
		clear:both;
		padding-left:15px;
		font-size:14px;
		}
	
	
	.locator-distributor ul li span{
		text-align:right;
		float:right;
		}
		

	}
	/* min-width:525px */
					
					
					



/* ------------------------------------------------------------------- */
/* min-width 767 */
/* ------------------------------------------------------------------- */

@media (min-width:767px){

	.container{
		width:745px;
		}
	

	#onefs-logo{
		min-height:144px;
		background:#ffffff;
		border-right:2px solid #d6d6d6;
		border-left:2px solid #d6d6d6;
		}

	#onefs-logo img{
		border-left:0;
		border-right:0;
		padding:40px 10px 20px 10px;
		}
		
	#mobile-trigger{
		display:none;
		}
		
	#mobile-nav-search{
		display:none;
		}

	#nav-about, #main-nav{
		display:block;
	}
	
	
	/* login */
	#login{
		padding: 15px 0 0 50px;
		}
		
	#panel-login{
		width:206px;
		top:41px;
		right:36px;
		}
		
		#panel-login.logged-out{
			right:0;
			}
		

	.slide-login {
		width:120px;
		height:31px;
		margin: 0;
		padding: 0;
		float:left;
		}
		
		.slide-login.logged-out{
			float:right;
			}
			
		.slide-login a{
			width:100%;
			background: url('../img/login-arrow.png') right 8px no-repeat #bbc866;
			color:#ffffff;
			text-transform:uppercase;
			text-decoration:none;
			padding:5px;
			padding-right:20px;
			display:inline-block;
			position:relative;
			font-size:14px;
			}

#my-onefs{
	padding-top:1px;
	padding-right:0;
	}
	
		#secondary-nav, #nav-about{
			text-align:right;
			padding-right:0;
			}
			
			#nav-about{
				padding-top:20px;
				}
				
			
			#secondary-nav a, #secondary-nav a:link, #secondary-nav a:visited, #secondary-nav a:active{
				color:#ffffff;
				text-transform:uppercase;
				font-size:13px;
				}
				
				#secondary-nav a:hover{
					text-decoration:underline;
					}
					
				#secondary-nav a:first-child{
					margin-right:10px;
					}
		
					
	
					
	.tinynav{ 
		display: none;
		}
		
	#nav-manuf, #nav-cat, #nav-lists{
		padding-left:7px;
		padding-right:0;
		}
		
	#nav-manuf, #nav-cat, #nav-lists, #nav-search{
		float:left;
		}
		
		
	/* manufacturers dropdown */	
	.manuf-toggle{
		display:block;
		outline:none;
		width:77px;
		margin:45px 0 10px 0;
		text-transform:uppercase;
		color:#005288;
		font-size:14px;
		background:url(../img/manuf-arrow-small.jpg) right 7px no-repeat;
		border:0;
		text-align:left;
		}
		
		.manuf-toggle:hover, .cat-toggle:hover, .lists-toggle:hover{
			text-decoration:none;
			color: #3486bc;
			}
		
		
	#manuf-main-nav{
		width:160px;
		min-height:145px;
		border:1px solid #666666;
		border-top:8px solid #005288;
		background:#e8e8e8;
		border-radius:0;
		box-shadow:none;
		padding-bottom:25px;
		}
		
		#manuf-main-nav ul{
			padding-top:25px;
			margin-left:15px;
			padding-left:0;
			width:88%;
			float:left;
			}
		
		#manuf-main-nav li{
			list-style-type:none;
			border-bottom:1px solid #d5d5d5;
			padding-top:5px;
			padding-bottom:5px;
			line-height: 15px;
			}
			
			#manuf-main-nav li a{
				font-size:13px;
				color:#005288;
				}
				
			#manuf-main-nav li a:hover{
				color:#3486bc;
				text-decoration:none;
				}
				
				
	/* categories dropdown */	
	.cat-toggle{
		display:block;
		outline:none;
		width:118px;
		margin:45px 0 10px 0;
		text-transform:uppercase;
		color:#005288;
		font-size:14px;
		border:0;
		background:url(../img/manuf-arrow-small.jpg) right 7px no-repeat;
		text-align:left;
		}
		
		.cat-toggle:hover{
			text-decoration:none;
			}
			
			
		#cat-main-nav{
			width:250px;
			min-height:300px;
			border:1px solid #666666;
			border-top:8px solid #005288;
			background:#e8e8e8;
			border-radius:0;
			box-shadow:none;
			padding-top:25px;
			padding-bottom:25px;
			}
			
			
			#cat-main-nav li{
				margin-left:15px;
				margin-right:15px;
				list-style-type:none;
				border-bottom:1px solid #d5d5d5;
				padding-top:3px;
				padding-bottom:3px;
				}
				
				#cat-main-nav li a{
					font-size:13px;
					color:#005288;
					padding-left:0 !important;
					padding-right:0 !important;
					}
					
					#cat-main-nav li a:hover{
						background:none;
						color:#3486bc;
						text-decoration:none;
					}
			
			
	/* my favorites dropdown */
	.lists-toggle{
		display:block;
		outline:none;
		width:97px;
		margin:45px 0 10px 0;
		text-transform:uppercase;
		color:#fe9900;
		font-size:14px;
		background:url(../img/manuf-arrow-small.jpg) right 10px no-repeat;
		border:0;
		text-align:left;
		}
		
		.lists-toggle:hover{
			text-decoration:none;
			color:#fe9900;
			}
			
		#lists-main-nav{
			width:250px;
			min-height:300px;
			border:1px solid #666666;
			border-top:8px solid #005288;
			background:#e8e8e8;
			border-radius:0;
			box-shadow:none;
			padding-top:25px;
			padding-bottom:25px;
			z-index:100000;
			}
			
			
			#lists-main-nav li{
				margin-left:15px;
				margin-right:15px;
				list-style-type:none;
				border-bottom:1px solid #d5d5d5;
				padding-top:3px;
				padding-bottom:3px;
				}
				
				#lists-main-nav li a{
					font-size:13px;
					color:#005288;
					padding-left:0 !important;
					padding-right:0 !important;
					}
					
					#lists-main-nav li a:hover{
						background:none;
						color:#3486bc;
						text-decoration:none;
					}

						
		.dropdown-menu{
			top:85%;
			left:0;
			}
		
			
			.dropdown:hover > .dropdown-menu {
				display: block;
				}
						
		
#nav-search{
	padding:0 !important;
	}

		
#nav-search p{
	display:block;
	float:left;
	color:#666666;
	font-weight:bold;
	padding-top:6px;
	padding-right:10px;
}

#nav-search form{
	width:auto !important;
	margin:40px 0 0 0 !important;
	float:right;
	}

#nav-search input[type="text"]{
	width:95px;
	border-left:1px solid #cccccc;
	border-right:0;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding-left:5px;
	}
	
#nav-search input[type="image"]{
	float:left;
	width:33px;
	background:url('../img/search-glass.jpg') no-repeat;
	}
	
#nav-search select{
	display:block;
	float:left;
	width:75px;
	height:35px;
	background:#dedea5;
	max-width:205px;
	}
	

#adv-srch-btn{
	clear:both;
	float:right;
	padding-top:5px;
	padding-bottom:5px;
	font-size:10px;
	text-transform:uppercase;
	}
	
	
#mobile-refine-search{
	display:none;
	}
	
	
.sidebar-compare-remove{
	width:20%;
	}

.sidebar-compare-info{
	width:75%;
	}
	
	
	
/* --------------------------- */
	/* desktop compare tool */
	.compare-desktop, .compare-panels{
		display:block;
	}
	
	.compare-mobile{
		display:none;
		}
	
	.content-listings.compare-tool{
		border-right:2px solid #d6d6d6;
		}
		
	#compare-options{
		width:100%;
		height:40px;
		}
		
	#compare-key{
		float:left;
		margin-top:20px;
		width:80px;
		height:225px;
		}
		
		#compare-key p{
			font-size:12px;
			color:#333333;
			margin-bottom:15px;
			padding-left:5px;
			}
			
			#compare-key p:first-child{
				margin-top:140px;
				padding-top:8px;
				border-top:1px solid #ebebeb;
				}
				
				
	.prod-thumb.compare{
		float:left;
		width:118px;
		height:225px;
		border-left:1px solid #dbe1c4;
		}
		
		.prod-thumb.compare .img-holder,
		.prod-thumb.compare .img-holder-favorites{
			width:80%;
			margin:0 auto;
			position:relative;
			}
			
		.prod-compare-remove{
			position:absolute;
			top:4px;
			left:4px;
			width:13px;
			height:13px;
			}
			
			.prod-compare-remove img{
				width:13px !important;
				height:13px !important;
				min-height:13px !important;
				max-height:13px !important;
				margin:0 !important;
				}
		
		.prod-thumb.compare h2, .prod-thumb.compare h3{
			padding-left:12px;
			padding-right:12px;
			}
			
			.prod-thumb.compare h3{
				height:30px;
				max-height: 30px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: normal;
				}
		
		.prod-thumb.compare img{
			min-height:50px;
			max-height:50px;
			}
			
			.prod-thumb.compare img.mfr-logo{	
				padding:12px;
				}
			
		.prod-thumb.compare p.prod-data{
			font-size:12px;
			color:#333333;
			text-align:center;
			padding-top:5px;
			}
			
			.prod-thumb.compare p.prod-data.sku{
				margin-top:7px;
				padding-top:7px;
				border-top:1px solid #ebebeb;
				}
				
				
	.compare-panels{
		clear:both;
		margin-top:5px;
		}
		
	.panel-compare{
		border:0 !important;
		}
		
	.panel-compare .panel-body{
		padding:0;
		}
		
	table#compare-allergens, table#compare-nutrition{
		width:100%;
		margin-top:10px;
		}
		
		table#compare-allergens tr, table#compare-nutrition tr{
			border-bottom:1px solid #ffffff;
			}
		
		table#compare-allergens tr:hover, table#compare-nutrition tr:hover{
			cursor:pointer;
			border-bottom:1px solid #ebebeb;
			}
		
		table#compare-allergens tr.highlight, table#compare-nutrition tr.highlight{
			background-color:#ffe478;
			border-bottom:1px solid #ebebeb!important;
			}
			
		/* disable highlight color on empty spacer row */
		table#compare-allergens tr.no-highlight:hover, table#compare-nutrition tr.no-highlight:hover{
			cursor:default;
			border-bottom:0;
			}
			
		table#compare-allergens tr.no-highlight.highlight, table#compare-nutrition tr.no-highlight.highlight{
			background-color:#ffffff !important;
			border-bottom:0 !important;
			cursor:default;
			}
			
		table#compare-allergens tr td.cn, table#compare-nutrition tr td.cn{
				background-color:#c1e19b;
				}
			
		
		table#compare-allergens tr td, table#compare-nutrition tr td{
			xborder-left:1px solid #dbe1c4;
			text-align:center;
			padding-top:6px;
			padding-bottom:6px;
			width:118px;
			}
			
			table#compare-allergens tr td:first-child, table#compare-nutrition tr td:first-child{
				border-left:0;
				text-align:left;
				width:80px;
				font-size:12px;
				padding-left:5px;
				}
						
		
				
	.onefs-tagline h1, .onefs-tagline.manuf h1{
			font-size:17px;
			padding:25px;
			}
			
		
		.content-listings{
			border-left:2px solid #d6d6d6;
			min-height:1000px;
			background:#ffffff;
			}
			
			
		#main-content{
			margin:20px 5px 20px 5px;
			}
		
			#main-content>div{
				padding-left:15px;
				padding-right:15px;
				}
				
				
		.nav-tabs li{
			width:135px;
			}
		
		.nav-tabs>li a{
			background:#ffffff;
			color:#005288;
			height:25px ;
			min-height:25px;
			font-size:14px;
			font-weight:bold;
			text-align:center;
			padding:1px 0 0 1px;
			border-radius:0;
			border:1px solid #d6d6d6;
			}
			
			.nav-tabs{
				border-bottom:1px solid #d6d6d6;
				}
			
			.view-toggle li:first-child{
				border-right:1px solid #d6d6d6;
				}		
	
	
		.sidebar{
			display:block;
			min-height:1000px;
			border-left:2px solid #d6d6d6;
			border-right:2px solid #d6d6d6;
			background:#ffffff;
			}
			
			
			.sidebar .locator-contact{
				margin-bottom:15px;
				padding-left:15px !important;
				padding-right:15px !important;
				display:block;
				}
				
				.sidebar .locator-contact h2{
					width:100%;
					background:#a6b738;
					color:#ffffff;
					font-size:20px;
					text-transform:uppercase;
					padding:15px;
					margin-bottom:0;
					}
					
					
				.sidebar .locator-contact h3{
					font-size:18px;
					margin-bottom:10px;
					}
					
					
				.sidebar .locator-contact img{
					padding:15px;
					}
					
				.sidebar .locator-contact p{
					}
					
					
					.sidebar .locator-manuf-info, .sidebar .locator-manuf-addr{
						padding-left:15px !important;
						padding-right:15px !important;
						}
						
						.sidebar .locator-manuf-info h3{
							text-transform:uppercase;
							font-weight:bold;
							font-size:16px;
							}
							
						.sidebar .locator-manuf-info a{
							padding-left:15px;
							padding-right:15px;
							}

										
			.sidebar div.join img{
				margin:40px auto 0 auto;
				max-width:100%;
				}
				
			.sidebar-login-error h3{
				width: 100%;
				background: #a6b738;
				color: #ffffff;
				font-size: 18px;
				text-transform: uppercase;
				padding: 15px;
				margin-bottom: 20px;
				margin-top: 0;
				border: 1px solid #ffffff;
				}
						
				.sidebar div.search-this h1{
					font-weight:bold;
					font-size:22px;
					line-height:24px;
					color:#333333;
					padding:25px;
					}
					
				.sidebar div.search-this form{
					background:#d6d6d6;
					width:80%;
					margin:10px auto;
					}
					
						
					.sidebar div.search-this form input[type="text"]{
						width:70%;
						height:24px;
						float:left;
						margin:5% 0 5% 5%;
						}
						
					.sidebar div.search-this form input[type="image"]{
						float:left;
						width:24px;
						height:24px;
						margin:5% 5% 5% 3%;
						background:url('../img/sidebar-search.jpg') no-repeat;
						}
					
			.sidebar div.brands{
					}
					
					
				.sidebar div.brands h1{
					font-weight:bold;
					font-size:28px;
					line-height:18px;
					color:#333333;
					padding:25px 0 15px 25px;
					text-transform:uppercase;
					margin-bottom:0;
					}
					
				.sidebar div.brands ul{
					list-style-type:none;
					padding:0 0 15px 25px;
					}
					
					.sidebar div.brands ul li{
						font-size:15px;
						line-height:17px;
						padding-bottom:15px;
						}
						
						.sidebar div.brands ul li a{
							color:#005288;
							text-decoration:none;
							}
							
							.sidebar div.brands ul li a:hover{
								text-decoration:underline;
								}
								

	/* product detail */
	.mobile-prod-photos, .mobile-prod-photos-thumbs, .mobile-prod-pager{
		display:none;
		}
		
	#mobile-product-social{
		display:none;
		}
		
	#product-social{
		display:block;
		}
		
	#product-detail h2{
		font-size:18px;
		line-height:22px;
		}
		
	#product-social div{
		margin-top:10px;
		}
		
		#product-social h3{
			color:#000000;
			font-size:18px;
			float:left;
			clear:both;
			width:130px;
			margin-top:5px;
			}
			
		#product-social a{
			display:block;
			width:26px;
			height:26px;
			float:left;
			margin:1px;
			}
			
			
			.sidebar div.sidebar-prod-pager div{
				text-align:left;
				}
			
			.sidebar div.sidebar-prod-pager p{
				float:right;
				}
		
		
	.sidebar div.prod-photos{
			display:block;
			border-top:1px solid #d6d6d6;
			}
			
			.sidebar div.prod-photos img{	
				max-width:90%;
				margin:45px auto 45px auto;
				}
				
		.sidebar div.prod-photos-thumbs{
			display:block;
			border-bottom:1px solid #d6d6d6;
			}
		
			.sidebar div.prod-photos-thumbs img{
				float:left;
				width:40px;
				height:40px;
				margin:20px 5px 30px 0;
				border:1px solid #d6d6d6;
				cursor:pointer;
				}
				
				.sidebar div.prod-photos-thumbs img:first-child{
					margin-left:5%;
					}
					
	/* logged in zip text */
	.sidebar div.get-this form input[type="text"]{
		margin: 5px 0 0 10px;
		}
	
	/* not logged in zip find */
	.sidebar div.get-this form label input[type="text"] {
		/*width: 45%;*/
		width:67px;
		margin: 3px 0 0 4px;
		}
		
		.sidebar div.get-this form label {
			float: left;
			 margin-top: 3px;
			margin-right: 0px;
			width: 65%;
			}
			
  			
			
			
	/* sales locator */
	.locator-company img{
		float:left;
		}
		
	.locator-company .locator-manuf-info{
		float:left;
		margin-top:10px;
		margin-left:20px;
		}
		
	
	.locator-distributor ul{
		margin-top:15px;
		}
		
	.sidebar .locator-contact{
		padding-left:0 !important;
		padding-right:0 !important;
		}
		
		
	.sidebar .locator-contact h3, .sidebar .locator-contact p{
		padding-left:15px;
		padding-right:15px;
		}
		
		
	.locator-mobile{
		display:none;
		}
		
		
			
	/* search results */
	.srch-results-filter{
		display:block !important;
		}
		
	.srch-results-filter select, #srch-results-filter-container select{
		width:100%;
		margin-top:5px;
		}
		
	#search-results-filter-container{
		/*padding:0;*/
		}
		
		
	.srch-results-clear a{
		margin-top:0;
		}
	
		
	.srch-results-category-list{
		/*margin-top:10px; */
	}
	
	.srch-results-compare{
		display:block;
		}
	
	.srch-results-compare a{
		display:block;
		float:right;
		border:1px solid #cccccc;
		background:#dee7f1;
		color:#005288;
		padding:4px;
		font-size:13px;
		}
	
		.srch-results-compare a.disabled, .sidebar-compare-submit a.disabled{
			color:#a4a4a4;
			background:#eeeeee;
			border:1px solid #cccccc;
			cursor:no-drop;
			}
			
	.prod-thumb img.mfr-logo{
		padding:15px 5px 15px 5px;
		}

	
	.manuf-prod-cats h2, .manuf-brands h2{
		padding:10px;
		}
		
		
		.manuf-prod-cats ul li, .manuf-brands ul li{
			padding-left: 10px;	
			}
			
			
			.manuf-prod-cats ul li a, .manuf-brands ul li a{
				width:78%;
				}
				
			.manuf-prod-cats ul li ul li a{
				vertical-align:top;
				}
	
	
		
	#mobile-tabs-control{
		display:none;
		}
		
		
	#main-content .view-toggle{
		display:block;
		}
		
		.view-toggle{
			position:absolute;
			right:-2px;
			top:0;
			z-index:1000;
			border:1px solid #d6d6d6;
			}
			
			.view-toggle li{
				width:30px;
				}
	
	.pagination-top{
		margin-right:80px;
		}
		
	.page-view{
		float:right !important;
		width:100px;
		font-size:12px;
		margin-top:6px;
		margin-right:90px;
		}
		
		
	.row.list-view{
		border-bottom:0;
		margin-bottom:10px;
		}
		
		
	.cat-see-all{
		display:block !important;
		clear:both;
		width:105% !important;
		text-align:left;
		margin-top:20px;
		}
	
	.cat-see-all a{
		color:#005288;
		font-size:16px;
		padding:  6px 6px;
		border: 1px solid #cccccc;
		background:#eeeeee;
		}
		
	.cat-see-all a:hover	{
		color: #3486bc;
		text-decoration:none;}
		
		
	/* category landing */
	#cat-landing-title h2{
		font-size: 18px;
		}
		
	
	.cat-landing ul li{
		font-size:12px;
		}
		
	
	#adv-srch-form{
		margin-top:35px;
		}
		
		#adv-srch-form select#veg-color{
			width:60%;
			}
			
		
	#advanced-search-primary{
		border-right:1px solid #cccccc;
		}
				
		
	/* profile */
	#profile-tabs li{
    	width: 115px;
		}
		
		#profile-tabs li a{
			min-height:30px;
			font-size:15px;
			}
			
	
	/* footer */
	.footer .col-md-3 p:last-child, .footer .col-md-6 p:last-child{
		border-bottom:0;
		}
		
	.footer div{
		border-right:1px solid #c2c2c2;
		margin-top:25px;
		margin-bottom:25px;
		min-height:110px;
		min-height:200px;
		}
		
		.footer div:last-child, .footer div.row{
			border-right:0;
			}
	
} 
/* min-width:767px */
	
	


/* ------------------------------------------------------------------- */
/* min-width 992 */
/* ------------------------------------------------------------------- */
@media (min-width:992px){

	.container{
		width:950px;
		}
		
	#onefs-logo{
		min-height:159px;
		}
		
	
	#onefs-logo img{
		padding:25px 10px 20px 10px;
		}
		
		
	/* login */
	#login{
		padding: 15px 0 0 42px;
		}
		
	
	#nav-search form{
		margin: 55px 0 0 0 !important;
		}
		
	
	#nav-search input[type="text"]{
		width:115px;
		}
		
	#nav-search select{
		width:57px;
		}
		
		
	.onefs-tagline h1, .onefs-tagline.manuf h1{
			font-size:18px;
			padding:20px;
			}
		

	.sidebar div.learn-more p{
		padding:30px 20px 14px 20px;
		font-size:14px;
		line-height: 1.5em;
		}
		
		.sidebar div.learn-more p a{
		font-size:14px;
		}
		
	#main-content{
		margin:20px 10px 20px 10px;
		}
	
	#product-social div{
		float:right;
		}
		
		
	.prod-thumb img{
		min-height:64px;
		max-height:64px;
		}
	
	
	/* main nav dropdowns */	
	.manuf-toggle, .cat-toggle, .lists-toggle{
		font-size:18px;
		margin:55px 0 10px 5px;
		background:url(../img/manuf-arrow.jpg) right 6px no-repeat;
		}
		
		.manuf-toggle{
			width:115px;
			}
			
		.cat-toggle{
			width:167px;
			}
			
		.lists-toggle{
			width:140px;
			}
			
				
	.prod-thumb p{
		font-size:12px;
		color:#333333;
		width:100%;
		text-align:center;
		}
		
		.prod-thumb p:first-child{
			border-top:1px solid #d6d6d6;
			}
			
		.prod-thumb img.mfr-logo{
			padding:10px 5px 10px 5px;
			}
			
	/* product detail */
	.sidebar div.prod-photos-thumbs img{
		width:80px;
		height:80px;
		margin:20px 5px 30px 0;
		cursor:pointer;
		}
		
		.sidebar div.prod-photos-thumbs img:first-child{
			margin-left:5%;
			}
			
	.sidebar div.get-this form p{
		font-size:16px;
		letter-spacing:0px;
		padding-top:3px;
		}
		
		.sidebar.col-md-4 div.get-this form p{
			font-size:13px;
				}
				
		.sidebar.col-md-4 div.get-this form button{
			margin-right:4px;
			}
	
	.sidebar div.get-this img.get-icon{
		display:block;
		}
			
			
	/* advanced search */
	#advanced-search-primary, #advanced-search-secondary{
		min-height:720px;
		}
			
			
	/* desktop compare */
	#compare-key{
		width:181px;
		}
		
		#compare-key p:first-child{
			margin-top:175px;
			}
		
	
	.prod-thumb.compare{
		width:137px;
		}
		
		.prod-thumb.compare img{
			min-height:85px;
			max-height:85px;
			}
			
			
	table#compare-allergens tr td, table#compare-nutrition tr td{
			width:137px;
			font-size: 12px;
			}
			
			table#compare-allergens tr td:first-child, table#compare-nutrition tr td:first-child{
				width:183px; /* 181 for padding accomodation */
				}
				
	/* logged in zip text */
	.sidebar div.get-this form input[type="text"]{
		margin: 8px 0 0 10px;
		}
		
	/* not logged in zip find */
	.sidebar div.get-this form label input[type="text"] {
		/*width: 80%;*/
		width:67px;
    	margin: 6px 0px 0 4px;
		}
		
		.sidebar div.get-this form label {
			float: left;
			margin-top: 4px;
			margin-right: 0px;
			width: 75%;
			margin-bottom: 0;
			}
			
	
} 
/*min-width:992px */
	
	

/* ------------------------------------------------------------------- */
/* min-width 1190 */
/* ------------------------------------------------------------------- */
@media(min-width:1190px){


	.container{
		width:1180px;
		}
		
	#onefs-logo{
		min-height:159px;
		}
		
		
	#onefs-logo img{
		border-left:0;
		border-right:0;
		padding:30px 10px 20px 10px;
		}
		
	/* login */
	#login{
		padding: 15px 0 0 90px;
		}
		
	
	#nav-search input[type="text"]{
		width:200px;
		}
	
	#nav-search select{
		width:122px;
		}
	
	#nav-manuf, #nav-cat, #nav-non{
		padding-left:15px !important;
		padding-right:0 !important;
		}
			
	.manuf-toggle{
		width:130px;
		font-size:20px;
		background-position:right 7px;
		}
		
	
	.cat-toggle{
		width:185px;
		font-size:20px;
		background-position:right 7px;
		}
		
		
	.lists-toggle{
		font-size:20px;
		background-position:right 7px;
		width: 152px;
		}
	
	.onefs-tagline{
		width:102%;
		left:-1%;
		padding:0;
		z-index:100;
		}
		
		.onefs-tagline h1, .onefs-tagline.manuf h1{
			font-size:28px;
			padding:25px 35px 25px 35px;
			}
		
		
		/* Left side-fold ribbon */
		.triangle-l {
			display:block;
			border-color: transparent #000000 transparent transparent;
			border-style: solid;
			border-width: 15px;
			height: 0px;
			width: 0px;
			position: relative;
			left: -2.2%;
			top: 65px;
			z-index: -1; /* displayed under bubble */
		}
		
		/* Right side-fold ribbon */
		.triangle-r {
			display:block;
			border-color: transparent transparent transparent #000000;
			border-style: solid;
			border-width: 15px;
			height: 0px;
			width: 0px;
			position: relative;
			left: 99.7%;
			top: 35px;
			z-index: -1; /* displayed under bubble */
		}


	.sidebar div.sign-up form{
		min-height:170px;
	}
	
	.sidebar div.search-this form input[type="text"]{
		width:175px;
	}
	
	/* not logged in zip text */
	.sidebar div.get-this form label input[type="text"]{
		/*width:85%;*/
		width:67px;
		}
	
	/* logged in zip text */
	.sidebar div.get-this form input[type="text"]{
		/*width:68%;*/
		width:54px;
		margin: 10px 0 0 10px;
		}
		
	.sidebar div.get-this form label {
		margin-top: 4px;
		margin-right: 0px;
		width: 73%;
		margin-bottom: 0;
		}
		
	.sidebar div.get-this form p{
		font-size:20px;
		letter-spacing:0px;
		padding-top:0;
		}
	
	/* col-4 version */
	.sidebar.col-md-4 div.get-this form p{
			font-size:18px;
				}
				
		.sidebar.col-md-4 div.get-this form button{
			margin-right:8px;
			}
	
	
	.prod-thumb img{
		min-height:130px;
		max-height:130px;
		}
		
	
	.prod-thumb img.mfr-logo{
		padding:35px 5px 35px 5px;
		}
	
	
	.manuf-prod-cats h2, .manuf-brands h2{
		padding:15px;
		}
		
		
		.manuf-prod-cats ul li, .manuf-brands ul li{
			padding-left: 15px;	
			}
			
			
			.manuf-prod-cats ul li a, .manuf-brands ul li a{
				width:88%;
				}
		
		#cat-landing-title h2{
			font-size: 16px;
			}
			
		
		.cat-item ul li{
			font-size:12px;
			clear:both;
			}
		
		
		.cat-item ul li a{
			/*padding-left:5px;*/
			padding-right:5px;
			}
		
		
	.sidebar div.about img{ 
		margin: 40px 0 0 40px;
		}
	
	.sidebar-compare-remove{
		width:10%;
		}
	
	.sidebar-compare-info{
		width:90%;
		}
		
		
	.sidebar.sidebar-compare-tool {
		display:block;
		width:25%;
		}
		
	
	/* not logged in zip find */
	.sidebar div.get-this form label input[type="text"] {
    	margin: 8px 0px 0 4px;
		width:67px;
		}
		
	
	.content-listings.compare-tool{
		border-right:0;
		}
		
		
	/* desktop compare */
	.content-listings.comp-med-9 {
		width: 75% !important;
		}
		
	#compare-key{
		width:145px;
		}
	
		#compare-key p:first-child{
			margin-top:173px;
			}
			
	.prod-thumb.compare{
		width:131px;
		}

		
		.prod-thumb.compare img{
			min-height:85px;
			max-height:85px;
			}
			
			
	table#compare-allergens tr td, table#compare-nutrition tr td{
			width:136px;
			}
			
	table#compare-allergens tr td.cn, table#compare-nutrition tr td.cn{
				background-color:#c1e19b;
				}
			
			table#compare-allergens tr td:first-child, table#compare-nutrition tr td:first-child{
				width:151px; 
				}
			


}
/*min-width:1190px */



/* ------------------------------------------------------------------- */
/* min-width 1225 */
/* ------------------------------------------------------------------- */
@media(min-width:1225px){

	.container{
		width:1200px;
		}
		
		/* login */
		#login{
			padding: 15px 0 0 94px;
			}
		
		
		/* desktop compare */
		#compare-key{
			width:168px;
			}
		
			#compare-key p:first-child{
				margin-top:175px;
				}
				
		.prod-thumb.compare{
			width:130px;
			}
	
			
			.prod-thumb.compare img{
				min-height:85px;
				max-height:85px;
				}
				
				
		table#compare-allergens tr td, table#compare-nutrition tr td{
				width:137px;
				}
				
		table#compare-allergens tr td.cn, table#compare-nutrition tr td.cn{
				background-color:#c1e19b;
				}
				
				table#compare-allergens tr td:first-child, table#compare-nutrition tr td:first-child{
					width:175px; /* 180 for padding accomodation */
					}
		
		
		
}
/*min-width:1225px */

	

/* ------------------------------------------------------------------------------------------ */
/* CUSTOM OVERRIDE -- TO ALLOW 5 EQUAL COLUMNS FOR PRODUCT LISTINGS */
/* ------------------------------------------------------------------------------------------ */

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    
}


.col-xs-5ths {
    width: 20%;
    float: left;
}


@media (min-width:100px) and (max-width:767px){

	.col-lg-5ths:nth-child(2n+1){
		clear:left;
		}
		
	/* disable float clear when slick carousel active */	
	.slick-track .col-lg-5ths:nth-child(2n+1){
		clear:none !important;
		} 
}



@media (min-width: 767px) {
.col-sm-5ths {
        width: 20%;
        float: left;
    }
}


@media (min-width: 767px) and (max-width:991px){

	.col-lg-5ths:nth-child(3n+1){
		clear:left;
		}
		
	/* disable float clear when slick carousel active */	
	.slick-track .col-lg-5ths:nth-child(3n+1){
		clear:none !important;
		} 
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
	
	.col-lg-5ths:nth-child(5n+1){
		clear:left;
		}
		
	/* disable float clear when slick carousel active */	
	.slick-track .col-lg-5ths:nth-child(5n+1){
		clear:none !important;
		} 
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }		
}