@charset "utf-8";
/* SCHOOLS 1FS Overrides  */

/* Bootstrap Overrides  #005288*/

.modal {top: 60px;}

/* global & home */

body{
	background: url('../img/k12-bg-top.png') repeat-x #ffffff;
	}
	
	
#my-onefs a{
	background:url(../img/my-1fs-schools.png) no-repeat;
	}
	
 
.onefs-tagline h1{
	/*background:#f5ba18;*/
	background:#98999b;
	}
		

		
.onefs-tagline h1 a:link {color: #ffffff; text-decoration: none;}
.onefs-tagline h1 a:visited {color: #ffffff;text-decoration: none;}
.onefs-tagline h1 a:hover {color: #1f86ca;text-decoration: none; background-color: #fed25d; padding-right: 6px; padding-left: 6px;}
.onefs-tagline h1 a:active {color: #ffffff;text-decoration: none;}	
.onefs-tagline h1 span.keyword { display:inline-block; width:75%; overflow:hidden; text-overflow:ellipsis; }

#mobile-nav-search input[type="image"] {
	background: url('../img/search-glass-mobile2-aramark.jpg') no-repeat;
	}
	
	
#nav-search input[type="image"] {
	background: url('../img/search-glass-aramark.jpg') no-repeat;
	}
	
	
#nav-search select {
	background: #cccccc;
	}
	
	
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
	background: #0077c8;
	}
	
	
.prod-thumb h2 a, .prod-thumb h2 a:hover {
	color: #3f3f3f;
	}
	
	
.sidebar div.sign-up input[type="submit"] {
	background: #3f3f3f;
	border: 1px solid #3f3f3f;
	}

#product-rating {
	margin-top:10px;
}

.total-rating {
	height: 35px;
	line-height: 35px;
	font-size:13px;
}
.total-rating > span.star {
	float: left;
	width: 0.8em;
	font-size: 23px;
	color: #CCC;
}

.total-rating > span.star.one-quarter-checked:after {
	content: '\2605';
	margin-left: -19px;
	width: 6px;	
	color: #FFC700;
	overflow: hidden;
	position: absolute;
}

.total-rating > span.star.half-checked:after {
	content: '\2605';
	margin-left: -19px;
	width: 10px;	
	color: #FFC700;
	overflow: hidden;
	position: absolute;
}

.total-rating > span.star.three-quarter-checked:after {
	content: '\2605';
	margin-left: -19px;
	width: 13px;	
	color: #FFC700;
	overflow: hidden;
	position: absolute;
}

.total-rating > span.star.full-checked {
	color: #FFC700;
}

.total-rating span:last-child {
	color: #025289;
	font-size: 11px;
}
	
.rate {
	float: right;
	xheight: 40px;
}


.rate:not(:checked) > input {
	position: absolute;
	top: -9999px;
}

.rate:not(:checked) > label:before, .total-rating > span.star:before {
	content: '\2605';
}

.rate:not(:checked) > label {
	float: right;
	width: 0.8em;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	font-size: 23px;
	color: #CCC;
}

.rate > input:checked ~ label {
	color: #FFC700;
}

.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
	color: #DEB217;
}

#my-rating {
	float: right;
	height: 35px;
	line-height: 35px;
	font-size: 12px;
	width: 170px;
	border:1px solid #CCC;
	padding: 0px 8px;
	border-radius: 5px; 
}

#my-rating span {
	font-weight: bold;
	color: #63666A;
}

#general-description {
	padding-top: 15px;
}

#share-compare {
	padding-top:15px;
}

#share-compare button, #personal-group-comments button, #my-saved-specsheets button, .contact-body button, #mfr-fsl-search, #placeholder-create {
	background:#005288;
	color:#fff;
	min-width: 85px;
	height: 25px;
	float: left;
	margin-right: 15px;
	border-radius: 5px;
	line-height: 12px;
	border: 1px solid #005288;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
}

.save-product-button {
	background:#f5ba18;
	color:#fff;
	min-width: 105px;
	height: 25px;
	line-height: 12px;
	border: 1px solid #005288;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
}

#mfr-fsl-search {
	height: 30px;
	margin-left:5px;
	float: none;
}

#placeholder-create {
	margin-right:0px;
	float:right;
}

#personal-group-comments button {
	margin-top: 10px;
	margin-right:0px !important;
}

#share-compare button:hover, #personal-group-comments button:hover, #my-saved-specsheets button:hover, .contact-body button:hover {
	background: #0062A3;
}

.compare-button [type="checkbox"] {
	vertical-align:middle;
	margin-bottom:6px;
}	

#my-saved-specsheets button {
	margin-left: 40px;
}

.contact-card {
	padding:10px 20px 25px 20px !important;	
}

.contact-card img.logo {
	margin-bottom:20px;	
}

.contact-card .rep-hdr {
	margin-top: 20px;
	margin-bottom:-14px;
}

.contact-body {
	padding:40px 0px 30px 0px !important; 
	text-align:center; 
	background-color:#D6D6D6; 
	width:100%;
}

.contact-body img.profile {
	width:125px;
	margin-bottom:10px;
}

.contact-body span {
	display:block;
}

.contact-body div {
	margin-top:10px;
	text-align:center;
}

.contact-body button {
	font-size: 13px;
	height: 30px;
	line-height: 25px;
	float: none;
	margin: 10px 5px 0px 5px;
	
}

.contact-body button img {
	display: inline;
	padding-right: 8px;	
}

#personal-group-comments h3, #my-saved-specsheets-section h3 {
	width:100%;
	background:#686868;
	color:#fff !important;
   	font-size: 1.2em;
	border-radius:3px;
	padding:10px 15px;		
}

#personal-group-comments table, #my-saved-specsheets table {
	font-size:13px;
}

#personal-group-comments table tr td:first-child, #my-saved-specsheets table tr td:first-child {
	padding-top:3px;
}

#personal-group-comments table tr td:nth-last-child(2) {
	padding-top:1px;
}

#personal-group-comments table tr:last-child td, #my-saved-specsheets table tr:last-child td {
	padding-bottom:5px;
}

form#frm-personal-group-comment div {
	float:left;
} 

form#frm-personal-group-comment div + div {
	float:left; 
	padding-left:10px;
	line-height:45px;
	font-size:12px;
}

.comment-section, .saved-specsheet {
	border-bottom:1px solid #DCDCDC;
	margin-top:10px;	
	margin-bottom:10px;
}

.comment-section.last, .saved-specsheet.last {
	border-bottom:none;
}

.comment-section img, .saved-specsheet img {
	cursor:pointer;
}

.saved-specsheet a {
	color: #005288;
}


.revisedForm .modal-content {
	background:#F5BA18;
}

.revisedForm .modal-header {
	padding-top:20px;
}

.revisedForm .modal-body {
	background:#FFF;	
}

.revisedForm .modal-body p {
	background:#DCDCDC;
	border-radius:3px;
	padding:5px;
	margin-bottom:10px;	
}

.revisedForm #myModalLabel {
	font-size: 20px;
	text-transform: uppercase;
	color: #FFF;
}

#panel-login{
	position:absolute;
	background:#f5ba18;
	}
	
	.slide-login a{
		background: url('../img/login-arrow.png') right 8px no-repeat #f5ba18;
		color:#ffffff;
		}
		
	.slide-login.loginactive a{
		background: url('../img/login-arrow-down.png') right 8px no-repeat #f5ba18;
		color:#393939;
		}
		
	.sidebar-login-error h3{
		background: #3f3f3f;
		color: #ffffff;
		}
		
		
		
h4.modal-title {
    background: url(../img/vid-logo-schools.jpg) 3px 3px no-repeat;
    padding: 2px 0 0 70px;
    font-weight: bold;
}

/* video modal specific styling */
#inc-video h4.modal-title{
	background: url(../img/vid-logo-schools.jpg) 3px 3px no-repeat;
	}


#mobile-refine-search {
    background: #686868;
}



.pagination li.page-arrow a,  .pagination span a{
	color:#686868;
	}
	
	.pagination li.page-arrow:hover{
		background:#686868;
		cursor:pointer;
		}
		
		.pagination li.page-arrow:hover a{
			color:#ffffff;
			}
			
			
/* mobile menu */
/* styling once active */
.sidr{	
	background:url('../img/offcanvas-bg-schools.jpg') repeat-y #002944;
	overflow-x:hidden;
	}

.sidr-inner{
	background:#393939;
	}

.sidr-inner:first-child{
	height:100%;
	float:left;
	background:#f5ba18;
	}
	
	.sidr-inner a, .sidr-inner a:link, .sidr-inner a:active, .sidr-inner a:visited{
		border-bottom:1px solid #4a4a4a;
		}
		
	#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{
		border-bottom:1px solid #4a4a4a;
		}
			
	
	#sidr-id-close-button{
		float:left;
		width:41px;
		height:100%;
		text-indent:-10000px;
		background:url('../img/offcanvas-hamburger-schools.jpg') no-repeat 0 10px;
		border:0;
		}
		
		
		
/* --------------------------------------------------------------------------- */

/* first load slider modal */
		
	#intro-slider h1{
		color:#666666;
		}
		
		#intro-slider .slick-dots li button{
			background:url(../img/slick-dot-hover-school.jpg) no-repeat;
			}
			
			#intro-slider .slick-dots li button:hover, #intro-slider .slick-dots li.slick-active button{
				background:url(../img/slick-dot-school.jpg) no-repeat;
				}
				

/* --------------------------------------------------------------------------- */
	

/* MFR landing page */
.manuf-prod-cats h2, .manuf-brands h2{
	background:#f5ba18!important;
	}
	

/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */

/* suppliers/brands dropdown landing */


	
#product-detail h1 {
	xcolor: #a3a3a3;
	color: #63666A;
	}
	
	/* buttons */
	#product-actions button.pdf {
		background: url(../img/pdf-button-bg-aramark.jpg) center right no-repeat #3f3f3f;
		border: 1px solid #3f3f3f;
		}
		
	#product-options button, #product-feedback, #your-favorite-details input#save-note,#product-options button.HEP {
		background: #3f3f3f;
		border: 1px solid #3f3f3f;
		}

	#product-feedback:hover{
		color:#ffffff;
	}
		
		
	/* sidebar */
	.sidebar div.sidebar-prod-pager a {
		xcolor: #3f3f3f;
		}
		
		.sidebar div.sidebar-prod-pager a:hover{
			xcolor:#757575;
			}
			
	.sidebar div.get-this form button[type="submit"],
	.mobile-how-to-buy form button[type="submit"]{
		background:#f7ba37;
		color:#ffffff;
		text-transform:uppercase;
		border:1px solid #ffffff;
		}
		
		.sidebar div.get-this form button[type="submit"]:hover, 
		.mobile-how-to-buy form button[type="submit"]:hover{
			color:#205f79;
			}	
	
	
	.sidebar div.get-this form input[type="image"], .sidebar div.get-this img.get-icon {
		background: url('../img/sidebar-zip-search-aramark.jpg') no-repeat;
		}
		
		
	.sidebar-sample h3 {
		background: #686868;
	}

	.sidebar-suggest h2{
		background: #686868;
		}

	.prod-form-doc {background-color: #f5ba18; padding: 3px 5px 3px 5px; text-align: center;}
	.prod-form-doc a {color: #ffffff; font-weight: bold;}
	
	.contact-header {
		background: #686868;
		height: 40px;
		text-align: center;
		line-height: 40px;
		}
		
	.contact-header span {
			color: #FFFFFF;
			font-size: 20px;
			font-weight: bold;
			letter-spacing: 1px;
			text-transform: uppercase;
		}
		
		#partner-contact-header {
			margin-top:35px;
		}

/* --------------------------------------------------------------------------- */

/* sales locator */
.locator-offices h2, .locator-distributor h2 {
	background: #686868;
	}
	
	.sidebar .locator-contact h2 {
		background: #686868;
		}
		
	.locator-offices a.email-locator, .sidebar .locator-contact p a.email-locator {
		background: #3f3f3f;
		}
		
.locator-mobile h2{
	background:#686868;
	}
	
.sidebar .manuf-feature h2{
	background:#686868;
	}
		
		
/* --------------------------------------------------------------------------- */

/* search results */

.srch-results-category-list h3, #list-view div div h3, #thumb-view h3,  #list-view h2, #main-content h3 {
	color: #3f3f3f;
	}

.list-view-item p, .list-view-item a {
	color: #3f3f3f;
}
	


/* --------------------------------------------------------------------------- */

/* profile */

#profile-accordion .panel-title {
    background: #686868;
   	}


   	#profile-tabs  li a.sttab {
		background: #ebebeb;
		color: #005288;
		cursor:pointer;
		}

		#profile-tabs  li a:hover.sttab {
			background: #f5ba18;
		}

		#profile-tabs li.active a{
			color:#ffffff;
			background: #f5ba18;
			}

	/*#onefs-logo img {
	    -moz-padding-left: 6px;
		}*/
	
	#nav-cat, #nav-nonfoods, #nav-grabngo{ 
		font-size:20px;
		-moz-margin:2px 0 0 0;
		}
	
	#nav-manuf {
		-moz-margin:2px 0 0 12px;
		}
		

/* ---------------------------------------------------------------------------------- */
@media (min-width: 767px){
	
.manuf-toggle, .manuf-toggle:hover, .cat-toggle, .cat-toggle:hover, .lists-toggle, .nonfoods-toggle, .nonfoods-toggle:hover{
	color:#3f3f3f;
	/*k12 background:url(../img/manuf-arrow-small-aramark.jpg) right 7px no-repeat;*/
	}
	
.grabngo-toggle, .grabngo-toggle:hover{
	color:#3f3f3f;
	}

#onefs-logo
	{width: 220px;}	
	
/* search results */
.sidebar .sidebar-refine-results h2 {
	color: #3f3f3f;
	background:#eaeaea;
	}
	
	.sidebar .sidebar-refine-results h3 {
		background: #686868;
	}
	
	.sidebar .sidebar-compare-products h3, #ofs-compare-cart-sidebar h3	{
		background: #686868;
	}
	

} /* min-width 767 */




/* ---------------------------------------------------------------------------------- */
@media (min-width:1190px){
	
/* global & home 
#onefs-logo img {
    padding: 0 0 0 6px;
	}
*/		
	
.manuf-toggle, .manuf-toggle:hover, .cat-toggle, .cat-toggle:hover, .nonfoods-toggle, .nonfoods-toggle:hover, .lists-toggle, .nonfoods-toggle, .nonfoods-toggle:hover{
	color:#3f3f3f;
	/*k12 background:url(../img/manuf-arrow-aramark.jpg) right 7px no-repeat;
	padding-top:3px;*/
	}

	
.grabngo-toggle, .grabngo-toggle:hover{
	color:#3f3f3f;
	}	

} /* min-width 1190 */