.tooltip1 {position: relative;display: inline-block;/*   border-bottom: 1px dotted black; */}
.tooltip1 .tooltiptext1 {
	visibility: hidden;width: 80px;height : 10px;/* background-color: wheat; */text-align: center;padding: 5px 0;
    /* Position the tooltip */
    position: absolute;z-index: 1;
}
.tooltip1:hover .tooltiptext1 {
    visibility: visible;color : black;font-weight: bold;padding-top:1px;font-size: x-small;/* 583520 ends */
}

body{background-color: #eee;}
.btn[disabled]{background-color: grey !important;border: grey !important;}
#leftCol h5{margin: 0px;}

/*For Desktops*/
.checkbox1 {padding-left: 20px; margin-bottom:0px !important;}
.checkbox1 label {min-height: 20px; font-weight: normal; display: inline-block; vertical-align: middle; position: relative;
margin-bottom:0px;  }
.checkbox1 input[type="checkbox"]{margin-top:4px;position: absolute;    margin-left: -20px;} 
	.colorBlack{color:black;}
	.backgroundColor{background-color: #eee;}
	#searchResultContainer input,select,button{border-radius: 0px !important;}
	/* #searchResultContainer #viewingRow{display: none;} */
	#searchResultContainer #logoCol{background-color: white;}
	#searchResultContainer #logoCol ul{margin-top: 15px;}
	#searchResultContainer #logoCol ul li{padding: 0px 10px;font-weight: bold;}
	#searchResultContainer #topCol{background-color: black;color: white;}
	#searchResultContainer #topCol > p {padding: 3px 0px}
	#searchResultContainer #leftCol .row{background-color: white;}
	#searchResultContainer #leftCol #categoryCol a{color: #333;}
	div#categoryCol{color:#333;}
	#searchResultContainer #prodDescp a{color:#333;}
	#searchResultContainer #searchHead{min-height: 105px;}
	#searchResultContainer #sortCol{min-height: 30px; background-color: white;}
	#searchResultContainer #prodCol{min-height: 260px;background-color: white;margin-top: 10px;padding-top:10px;padding-bottom: 10px}
	#searchResultContainer #prodOptions > ul{padding-left: 25px;padding-bottom: 11px;}
	#searchResultContainer #leftCol li , #leftCol span{font-size: 12px;margin-bottom: 5px;}
	#searchResultContainer #prodOptions{clear: both;border: 1px solid #ccc;border-radius: 3px;margin-top: 10px;display: inline-block;width:100%}
	#searchResultContainer .pad_l_none {padding-left: 0px;}
	#searchResultContainer #prodOptions > ul{padding-left: 25px;padding-top: 5px;}
	#searchResultContainer #prodOptions > ul li{padding:0px 2px;}
	#searchResultContainer .customhr{margin: 10px 0px;border-top: 1px solid;}
	#searchResultContainer .change {color: red;cursor: pointer;}
	#searchResultContainer .red_txt{color: red;}
	#searchResultContainer .colHead{background-color: #BA1C21;color: white;padding: 0px 5px;}	
	#searchResultContainer .inline_block{display: inline-block;}
	#searchResultContainer .inner-addon {position: relative;}
	/* #searchResultContainer .inner-addon .glyphicon {position: absolute;padding: 6px;pointer-events: none;}
	#searchResultContainer .right-addon .glyphicon { right: 0px;} */
	#glyphicon-box{position: absolute;right: 0;border: 0px;padding: 5px 6px;top: 1px;font-size: 13px;}
	#searchResultContainer .right-addon input { padding-right: 30px;}
	#searchResultContainer .pagination-sm {margin: 10px 0px;}
	#searchResultContainer .mt10 {margin-top: 10px;}
	#searchResultContainer .pad_none_desk{padding: 0px;}
	#searchResultContainer .btn{padding: 5px 6px;}
	#searchResultContainer #listBtn,#searchResultContainer #gridBtn{padding: 1px 6px;}
	#searchResultContainer .mar_none_desk{margin:0px;}
	#searchResultContainer .mb_10{margin: 0px 0px 10px 0px;}
	#searchResultContainer .form-group{margin-bottom: 10px;}
	#searchResultContainer .form-control{height: 25px;padding:3px 10px 5px 10px !important}
	#searchResultContainer .btn-popup{font-size:12px;line-height: 1.3;padding:4px 10px; border-radius:3px;}
	#searchResultContainer .mt3{margin-top: 3px;}
	#searchResultContainer .right{text-align: right; padding-right:10px;}
	#searchResultContainer .font_xs{font-size: 11px;}
	#searchResultContainer .font_xs_desk{font-size: 12px;}
	#searchResultContainer .font_sm{font-size: 12px;}
	#searchResultContainer .pad_lr_desk5{padding: 0px 5px;}
	#searchResultContainer .more_store_btn{background-color:#333;color:white;font-size:12px;padding:5px 6px;}
	#searchResultContainer .grid-view{width: 32.4%;margin-right: 3px;margin-left: 4px;box-shadow: 0px 4px 6px 0px #ccc;}
	#searchResultContainer .grid-view > div{width: 100%;}
	#searchResultContainer .grid-view .grid_p{width: 50%;}
	#searchResultContainer .grid-view #prod_specs{display: none !important;}
	#searchResultContainer .grid-view .grid_pickup_opt1{width: 37%;}
	#searchResultContainer .grid-view .grid_pickup_opt2{width: 60%;float:right;text-align:right;}
	#searchResultContainer .navbar{border-radius: 0px;min-height: 40px;margin-bottom: 0px;}
	#searchResultContainer .navbar-inverse{background-color: #BA1C21;border: 0px;}
	#searchResultContainer .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus,
	.navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.active>a,
	.navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover,
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus,
	.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-toggle:focus,
	.navbar-inverse .navbar-toggle:hover{background-color: transparent;}
	.navbar-inverse .navbar-toggle {border: 0px;}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color: white;}
	.navbar-inverse .navbar-nav>li>a {color: white;font-weight: bold;padding: 10px 15px;}
	#searchResultContainer ul{margin:0px 0px 10px 0px;}
	#searchResultContainer #storeModal .modal-dialog{min-width: 400px;}
 #searchResultContainer #storeModal .modal-header{padding: 8px 10px;color: white;background-color: black;}
 #searchResultContainer #storeModal .modal-body{padding: 10px;}
 #searchResultContainer #storeModal .modal-footer{margin-top: 5px;padding: 10px;max-height: 400px;overflow-y:scroll }
 #searchResultContainer #storeModal #selectMiles{height: 25px;padding: 0 5px;}
 #searchResultContainer #storeModal .listCont{border: 1px solid #CCC;padding: 10px 5px;border-radius: 3px;margin-bottom: 5px;}
 #searchResultContainer #storeModal .close{opacity: 1}
 #searchResultContainer #storeModal .close span{color: white}
 .heightForPopUp{ height: 110px !important;}
 .save-box{
	border:1px;border-radius:50%;background-color:red;
	width:40px;color:white;
	position:relative;text-align: Center;
	padding-top: 6px;padding-bottom: 8px;margin-right: 25px;}
/*For Tablets*/
@media only screen and (min-width:767px) and (max-width: 991px) {
	#searchResultContainer #frysLogo {height: 30px;margin-top: 7px;width: 180px;}
	#searchResultContainer #logoCol ul{margin-top: 12px;}
	#searchResultContainer #logoCol ul li{padding: 0px 5px;font-size: 11px;}
	#searchResultContainer #prodCol{min-height: 250px;}
	#searchResultContainer #leftCol li , #leftCol span{font-size: 11px;margin-bottom: 5px;}
	#searchResultContainer #leftCol p{font-size: 12px;}
	#searchResultContainer #searchHead{min-height: 110px !important;}
	#searchResultContainer span{font-size: 12px;}
	#searchResultContainer .font_xs{font-size: 9px;}
	#searchResultContainer .font_s{font-size: 10px;}
	#searchResultContainer .font_sm{font-size: 11px;}
	#searchResultContainer .font_reg{font-size:12px;}
	#searchResultContainer .font_lg{font-size:14px;}
	/* #searchResultContainer .inner-addon .glyphicon {padding: 5px !important;} */
	#glyphicon-box{position: absolute;right: 0;border: 0px;padding: 5px 6px;top: 1px;font-size: 13px;}
	#searchResultContainer .form-control{height: 25px;padding: 3px 6px;font-size: 11px;}
	#searchResultContainer .pagination-sm>li>a, .pagination-sm>li>span{padding: 3px 3px;font-size: 12px;}
	#searchResultContainer .pad_none_tab{padding: 0px;}
	#searchResultContainer .pad_lr_tab5{padding: 0px 5px;}
	#searchResultContainer .btn{padding: 3px 6px !important;font-size: 13px;}
	#searchResultContainer .grid-view{margin-right: 2px;margin-left: 2px;}
	#searchResultContainer .more_store_btn{background-color:#333;color:white;font-size:9px;}
	#searchResultContainer .mar_none_tab{margin:0px;}
	#searchResultContainer .xs_text li{font-size: 9px;padding: 0px;}
	#searchResultContainer .spec_p{font-size: 11px !important;}
	#searchResultContainer .navbar{min-height: 30px;} 
	.navbar-inverse .navbar-nav>li>a {padding: 5px 10px;font-size: 13px;}
	.save-box{
	border:1px;border-radius:50%;background-color:red;
	width:40px;color:white;
	position:relative;text-align: Center;
	padding-top: 6px;padding-bottom: 8px;margin-right: 25px;}
}

/*For Mobile Phones*/
@media only screen and (max-width: 767px) {    
	#searchResultContainer #frysLogo {height: 30px;width:40px;margin-top: 8px}
	#searchResultContainer #saveImg{height: 40px;width:40px;}
	#searchResultContainer #prodOptions{margin-top: 0px;}
	#searchResultContainer #prodOptions > ul{padding-left: 20px;}
	#searchResultContainer #prodOptions > ul li{padding:0px 6px;}
	#searchResultContainer #addToCartMobBtn{margin-top: 5px;margin-bottom: 5px;}
	#searchResultContainer #mainSearchField{font-size: 11px;padding: 0 10;height: 25px;}
	#searchResultContainer h4{font-size: 14px;}
	#searchResultContainer .font_reg{font-size: 12px;}
	#searchResultContainer .font_xs{font-size: 9px;}
	#searchResultContainer .font_xs_mob{font-size: 10px;}
	#searchResultContainer .font_sm{font-size: 10px;}
	#searchResultContainer .pad_none_mob{padding: 0px;}
	#searchResultContainer .btn{padding:8px;font-size: 12px;}
	#searchResultContainer .btnMbl{padding:4px;font-size: 10px;}
	#searchResultContainer .pad_lr_mob5{padding: 0px 5px;}
	#searchResultContainer .fs_btn{width: 100%}
	#searchResultContainer .inner-addon .glyphicon {font-size: 10px;padding: 7px;}
	#searchResultContainer .fryslogo_mob{content: url("images/fryslogo_mob.png");}
	#searchResultContainer .navbar-inverse{background-color: #ddd;}
	#searchResultContainer .navbar-header{background-color: #BA1C21}
	#searchResultContainer .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color: black;}
	#searchResultContainer .navbar-inverse .navbar-nav>li>a {color: black}
	#searchResultContainer #storeModal .modal-dialog{min-width: auto;}
 #searchResultContainer #storeModal .modal-header{padding: 5px 10px;}
 #searchResultContainer #storeModal .modal-header h5{font-size: 11px;}
 #searchResultContainer #storeModal .close{font-size: 15px;}
 #searchResultContainer #storeModal #chkLabel{line-height: 2;font-size: 10px;}
 #searchResultContainer #storeModal .modal-footer{max-height: 300px;}
 #searchResultContainer #storeModal #enterZipLabel{font-size: 11px;}
 #searchResultContainer #storeModal #enterZip{height: 25px;border-right: 0;}
.heightForPopUp{ height: 68px !important;}
.pad-left-5{padding-left: 5px;}
#searchResultContainer .pad-lr{padding-left:20px; padding-right:0px;}
.mar-btm{margin-bottom: 5px;}
.pad-l-none{padding-left: 0px !important;}
.back-to-top {
	font-family:Helvetica,Arial,sans-serif;
    position: fixed;
    bottom: 2em;
    right: 15px;
    text-decoration: none;
    color: #000000;
    background-color: #b8b8b8;
    font-size: 10px;
    padding: 5px;
    display: none;
}

.back-to-top:hover {    
    background-color: #b8b8b8;
}
@media only screen and (max-width: 360px) { 
	#searchResultContainer .btn{font-size: 10px;}
}
.save-box{
	border:1px;border-radius:50%;background-color:red;
	width:40px;height: 40px;color:white;position:relative;padding-bottom:0px;
	text-align: Center;padding-top: 6px;margin-right: 25px;text-shadow: none;}
}

	.arrow-up {
		text-align: right;
		width: 0;    
		height: 0;    
		border-left: 7px solid transparent;   
		border-right: 7px solid transparent;      
		border-bottom: 7px solid black;
		float: right;
	}
	.arrow-down{
		text-align: right;
		width: 0;    
		height: 0;    
		border-left: 7px solid transparent;   
		border-right: 7px solid transparent;      
		border-top: 7px solid black;
		float: right;
	}
	#accordion {
	    list-style: none;
	    padding: 0 0 0 0;
	    width: 170px;
	}
	#accordion li{
		margin-bottom: -3px;
	}
	.accordionMain {
	  	width: 100%;
	    display: block;
	    background-color: white;
	    font-weight: bold;
	    margin: 1px;
	    cursor: pointer;
	    padding:12px;
	    list-style: circle;
	    border: 1px solid grey;
	    margin-bottom: -3px;
	    /* -moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	    border-radius: 10px; */
	}
	#accordion ul {
		margin-left: 1px;
	    list-style: none;
	    padding: 0 0 0 0;
	    width: 100%;
	    border-bottom-width: 1px;
	  	border-bottom-style: solid;
	  	border-bottom-color: grey;
	}
	#accordion ul{
	    display: none;
	}
	#accordion ul li {
	  	border: 1px solid grey;
	    font-weight: normal;
	    cursor: auto;
	    background-color: #fff;
	    background-color: #eee;
	}
	#accordion a {
	    text-decoration: none;
	    color:#333;
	}
	#accordion a:hover {
	    text-decoration: underline;
	}
	.filterRefreshLink {
		width: 100%;
  		display: block;
	}



	#filtersRefineLink {
		 border-radius: 0px; 
		 text-decoration: none; 
		 background:rgb(154, 18, 36); 
		 width: 100%; 
		 color: white; 
		 padding:10px; 
		 text-align: center; 
		 float: left; 
		 position: fixed; 
		 top: 0; 
		 border-bottom-color: red;
	}
	#filterResult{
		 border-radius: 0px; 
		 text-decoration: none; 
		 background:rgb(154, 18, 36); 
		 width: 100%; 
		 color: white; 
		 padding:10px; 
		 text-align: center; 
		 float: left; 
		 position: inherit; 
		 top: 0; 
		 border-bottom-color: red;
	}
	#filterstCancelLink {
		 border-radius: 0px; 
		 text-decoration: none; 
		 background:rgb(237, 28, 36); 
		 width: 50%; 
		 color: white; 
		 padding: 7px; 
		 border:1px solid black; 
		 text-align: center; 
		 float: left; 
	}
	#pageHeader .dropdown-menu .popover-content {
    webkit-box-sizing: content-box;
    box-sizing: content-box;
	}
	#pageHeader .dropdown-menu .popover {
    max-width: none;
	}