#ag-bottom-text{
font-weight:bold;
color:white;
font-size:24px;
position:absolute;
margin-left:37%;
margin-top:-36%;
font-family:Petit Formal Script;
text-shadow:1px 1px 1px black;
}
#cardImg{
position: absolute;
margin-left: 35%;
margin-top: -26%;
}

.healthNeedsCat{ width:47.64% !important; }

.hhcCat{ width:48.2% !important; }

.beautyCat{ width:48.28% !important; }

.foodCat{ width:48.63% !important; }

.dairyCat{ width: 48.6% !important;}

.productsDept:hover{ opacity: 0.5 !important; filter: alpha(opacity=50) !important; /* For IE8 and earlier */}

.productHover:hover{ opacity: 0.5 !important; filter: alpha(opacity=50) !important; /* For IE8 and earlier */}

.productsBanner{ width:100% }

/*.productsDept { width:24.6%;}*/

.healthNeedsCat{ width: 23.64%;}

.hhcCat{ width: 24.5%;}

.beautyCat{ width:23.7%;}

.foodCat{ width:23.63%; }

.dairyCat{ width: 24.6%;}

#productsDeptDiv, #healthNeedsDiv, #beautyDiv, #foodDiv, #dairyDiv{ text-align:center; }

#seafood-wrapper {
	position: relative;
}
#seafoodBanner{
	position:absolute;
	text-shadow:1px 1px 1px black;
	font-family: quicksand;
	color:white;
	font-size:49px;
	top:60px;
	left:10px;
}
#meat-wrapper {
	position: relative;
	width: 850px;
}
#meatBanner{
	position:absolute;
	bottom: 1em;
	right: 0;
	text-shadow:1px 1px 1px black;
	font-family: quicksand;
	color:white;
	font-size:48px;
	margin-left: 50%;
}
a{
position:relative;
z-index:1;
}
#producequote{
font-family: quicksand;
font-size:32px;
text-align:center;
}
#producetable p{
font-family:quicksand !important;
font-size:20px;
}

#bakeryTitle{

padding-bottom:50px;
}
#bakeryQuote{
font-family:Quicksand;
padding-top:49px;
font-size:31px;
}
#cafeTable th{
padding:3px;
text-align:left !important;
font-family:Petit Formal Script;
font-size:20px;
}
#cafeTable td{
text-align:left!important;
padding:5px;
font-size:14px;
font-family:arial;
text-transform: lowercase;
}
table{
width:100%;
}
th{
text-align:left !important;
padding:3px;
font-family:Petit Formal Script;
font-size:20px;
}
td {
padding:5px;
font-size:14px;
font-family:arial;
text-transform: lowercase;
}
tr:nth-child(even) {background-color: aliceblue;
}

@media projection, screen, tv {
 #anchorID{
    display: inline-block;
    background: 50% 50% no-repeat;
    width:100%;
    /*min-height:192px;*/
    color: white;
    position:relative ! important;
    z-index: 10;
    }	
    #textOverImg{
    position:relative;
    background: rgba(138, 189, 220, 0.29);
    text-shadow: 2px 2px 2px black;
    word-break:break-word;
    line-height:normal;
    display: list-item;
    text-align:center;
    color:white;
    padding:0px;
    text-shadow:0px 2px 2px rgba(0, 0, 0, 0.4);
    margin-top:-43%;
    font-family: "Oswald", sans-serif;
    font-size:33px;
    transform: translateY(-50%);
    }

    #products-landing-item li {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#49aae8+0,dcd6d6+100 */
    background: url("../images/buttonBG.png"); /* Old browsers */
    background: -moz-linear-gradient(left,  #87BCDC 0%, #dcd6d6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #87BCDC 0%,#dcd6d6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #87BCDC 0%,#dcd6d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87BCDC', endColorstr='#dcd6d6',GradientType=1 ); /* IE6-9 */

    margin:6px;
    /*min-height:192px;*/
    position: relative;
    float: left;
    /*width: 24.52941176470588%;
    padding: 0.2352941176470588%;*/
    }
    #products-landing-item li:hover {
    opacity: 0.5 !important; filter: alpha(opacity=50) !important; /* For IE8 and earlier */
    }
	 #textOverImg{
    font-size: 28px;
    }
    #anchorID img{
    width: 95%;
    }
    #producequote{
    font-size: 27px;
    }
    #ambassador-text{
    text-align: center;
    font-family: Oswald;
    position: absolute;
    color: black;
    font-size: 40px;
    text-transform: uppercase;
    margin-left: 195px;
    margin-top: 16px;
    }
    #ambassador-bottom-text {
    text-align: center;
    font-family: Oswald;
    position: absolute;
    color: black;
    font-size: 40px;
    text-transform: uppercase;
    margin-left: 49px;
    margin-top: -78px;
    }
    #bottom-hallmark-text{
    text-shadow: 1px 1px 1px black;
    font-family: quicksand;
    position: absolute;
    font-size: 37px;
    color: white;
    bottom: 0;
    left: 10%;
    }
    #top-hallmark-text{
    font-family: quicksand;
    text-shadow: 1px 1px 1px black;
    position: absolute;
    font-size: 32px;
    color: white;
	top: 0;
    left: 10%;
    }
    #cardImg {
    position: absolute;
    margin-left: 33% !important;
    margin-top: -26% !important;
    width: 34%;
    }
    #ag-bottom-text {
    font-weight: bold !important;
    color: white !important;
    font-size: 24px!important;
    position: absolute!important;
    margin-left: 34%!important;
    margin-top: -36%!important;
    font-family: Petit Formal Script!important;
    text-shadow: 1px 1px 1px black!important;
    }
	/*
	.productsDept{
    width: 24.69%;
    }
	*/
    .deli-text{
    font-size:23px;
    }
}

@media handheld, only screen and (max-width: 767px) {

	#container table,
	#container table thead,
	#container table tbody,
	#container table th,
	#container table td,
	#container table tr { 
		display: block; 
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #container thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
    }

    #container tr { border: 1px solid #ccc; }

    #container td span{ 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
    }

    #container td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
    }
	
	#meat-wrapper {
		width: auto;
	}
	#meatBanner,
	#seafoodBanner {
		font-size: 14px;
	}
	
	#bottom-hallmark-text{
		font-size: 14px;
	}
    #top-hallmark-text{
		font-size: 14px;
    }
	
}