body { 
	background:white;
	margin:0px auto; 
	padding:0px;
	font:11px Arial, Helvetica, sans-serif;
	text-align:center;
 }
#page {
	width:880px;
	background:#f9f9f9 url(../images/bg-body.gif) left top repeat-y; height:100%;
	text-align:left;
	margin:0px auto;
	padding:0px;
 }
a img { border:0px; }
a { color:#7a1600; text-decoration:none; }
table td { vertical-align:top; }
#top {
		padding-top:5px;
		margin-left:59px;
}
.logo {
	margin:0px; padding:0px;
	float:left; margin-left:15px; margin-top:1px;
}
.logo h1 {
	margin:0px; padding:0px; display:inline;
}
.logo h1 a { 
	width:215px;
	height:108px; display:block;
	background:url(../images/logo.gif) top left no-repeat;
}
.logo h1 span {
	display:none;
}
.topnav { 
	margin:0px;
	margin-left:275px;
	margin-top:20px;
	margin-bottom:5px;
}
.topnav .social { margin-bottom:30px; margin-left:280px;}

.toplinks {
	background:url(../images/bg-top.gif) -70px top no-repeat;
	height:27px;
	margin-left:-4px; width:750px;
}
.toplinks ul#navlist {
		margin: 0;
		padding: 0;
		list-style-type: none;
		white-space: nowrap;
		margin-left:185px;
		height:27px; background:url(../images/toplinks.gif) top left no-repeat;
}
.toplinks ul#navlist li {
		float: left;
		margin: 0;
		padding:0px;
}
#navlist a, #navlist a:link {
	display:block; 
	margin:0px; padding:0px;
	height:27px; background:; width:58px;
}	

#navlist a.brand { width:58px; background:url(../images/toplinks.gif) top left no-repeat; }
#navlist a.about { width:88px; margin-left:3px; background-position: 149px; }
#navlist a.press { width:86px; margin-left:3px; background-position:238px; }
#navlist a.recipes { width:62px; margin-left:3px; background-position:303px; }
#navlist a.contact { width:61px; margin-left:3px; background-position:368px; }

#navlist a.brand:hover, #navlist a.actBrand { background:url(../images/toplinks.gif) left -34px no-repeat;}
#navlist a.about:hover, #navlist a.actAbout { background:url(../images/toplinks.gif) -61px -34px; }
#navlist a.press:hover, #navlist a.actPress { background:url(../images/toplinks.gif) -152px -34px; }
#navlist a.recipes:hover, #navlist a.actRecipes { background:url(../images/toplinks.gif) -241px -34px; }
#navlist a.contact:hover, #navlist a.actContact {background:url(../images/toplinks.gif) -306px -34px; }
#navlist a span { display:none; }

#slideshow {
	margin-left:55px;
	margin-top:5px; clear:both;
	z-index:-1
 }

#slides {
	background:#FFFCF4;
	margin-left:56px;
	margin-right:70px;
	padding:0px 0px;
 }
.banExtra { margin-left:55px; }
.strips a {
	margin:0px; padding:0px; margin-right:-1px;
 }
#breadcrumb {
	background:#f2be1a url(../images/bg-breadcrumbs.gif) left top no-repeat;
	margin-left:56px;
	height:27px;
	margin-right:72px;
	margin-top:5px;
}
#breadcrumb span { display:block; padding-top:5px; margin-left:10px; color:#7a1600; }
#breadcrumb span a { font-size:12px; }

#content {
	margin-left:55px;
	margin-top:5px;	min-height:490px;
	margin-right:71px;
}
.content { background:white url(../images/bg-grid.gif) left top no-repeat; }
.contentExtra { background:white url(../images/bg-grid2.gif) left top no-repeat; }
#content td, #contentExtra td { vertical-align:top; }
#content .subnav ul {
	margin:0px;
	padding:0px;
	width:162px; margin-right:5px;
	list-style:none;
	margin-top:12px;
 }
#content .subnav ul li {
	list-style:none; 
 }
#content .subnav a, #content .subnav2 a, .subnav-meat a, .subnav-milk a {
	display:block;
	padding-top:2px;
	padding-left:10px; margin-bottom:1px; line-height:1.62em;
	font:11px arial, Verdana, Geneva, sans-serif;
 }
#content .subnav a:hover { background:#eb8f3a; }
#content .subnav a.sel { background:#eb8f3a; }

#content .subnav ul li ul {
	margin:0px; padding:0px; margin-top:5px;
 }
#content .subnav ul li ul a {
	padding-left:25px;
 }
#content .subnav2 ul {
	margin:0px; padding:0px; list-style:none;
	margin-top:30px;
 }
#content .subnav_ice ul {
	margin:0px;
	padding:0px;
	list-style:none;
	margin-top:30px; margin-left:20px;
 }
#content .subnav_ice ul li {
	margin:0px;
	padding:0px;
	list-style:none;
 }
 
#content .subnav-meat ul { margin:0px; padding:0px; list-style:none;
	margin-top:230px;
}
#content .subnav-milk ul { margin:0px; padding:0px; list-style:none;
	margin-top:220px;
}
.product {
	color:#7a1600;
	height:100px;
}
#content .Pmagnolia {
	background:url(../images/logo-magnolia.gif) 430px 10px no-repeat;
}
#content .Porientex {
	background:url(../images/logo-orientex.gif) 430px 10px no-repeat;
}
#content .Pfrescano {
	background:url(../images/logo-frescano.gif) 430px 10px no-repeat;
}
#content .Ppampanga {
	background:url(../images/logo-pampanga.gif) 430px 10px no-repeat;
}
#content .Pbestaste {
	background:url(../images/logo-bestaste.gif) 430px 10px no-repeat;
}
#content .Pmanila {
	background:url(../images/logo-manila.gif) 430px 10px no-repeat;
}
#content .Pturo {
	background:url(../images/logo-turo.gif) 458px 3px no-repeat;
}
.product p {
	margin:0px;
	margin-right:200px;
	margin-left:10px; margin-top:0px;
	line-height:13px;	
}
.product .head {
	margin-top:15px;
	margin-right:400px;
	margin-left:10px; margin-bottom:5px;
}
.product sup { font-size:.6em; }
#ban-footer {
	margin-left:56px;
	margin-top:2px;
 }
#extras {
	margin-left:56px;
 }
#footer {
	text-align:center;
	color:#7a1600;
	padding:2px 0px 0px;
}
.submenu {
	display:none;
	position:absolute;
	z-index:1100;
	font-family: 'Calibri', 'Tahoma';
	font-size:11px;
	background-color:#f2be1a;
	margin-top:6px;
	text-align:left;
	width:100px;
	padding-left:0px;
	list-style-type:none;	
}

.submenu ul{
	list-style-type:none;
	margin-top:0px;
	padding: 0 0 0 0px;
}

.submenu a {
	display:block;
	width:90px;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	color:#872803;
	}
.submenu a:hover {
	background-color:#eb993a;
	display:block;
}

/* Fading Links Animation */
.gradualshine {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
 }
.gradualshine:hover{
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
} 

/* SLIDERS AT HOME PAGE */
.slide_arrow {
	cursor: pointer;
	}
#sal {
	float:left;
	}
#sar {
	position:absolute;
	float:right;
	}
#iconContainer {
	float:left;
	width: 720px;
	height:64px;
	overflow:hidden;
	
	}
#iconTray {
	margin:0 0 0 0px;
	width: 0px;
	}
#iconTray img {
	margin:0 0 0 0px;
	float:left;
	}
/* /Harris */
	
/* SPECIAL PAGES OTHER THAN PRODUCTS AND RECIPES */
#pages {
	margin-left:55px;
	margin-top:5px;	min-height:495px;
	margin-right:71px;	
}
.pageAbout {
	background:white;
	padding-left:30px; color:#7A1600; padding-bottom:30px;
}
.headAbout {
	margin-bottom:45px; margin-top:15px;
}
.pageAbout .col1 {
	width:330px;
}
.pageAbout .col2 {
	padding-left:35px;
	padding-right:20px;
}
.pressVid {
	margin-left:30px;
	margin-top:30px;
	height:400px;
}
.pressVid p {
	margin:20px;
}
.pressVid p img {	
	display:block;
	border:0px;
	padding-bottom:3px;
}
.newsPage {
	margin-left:10px;
	color:#7A1600;
}
.recipesPage {
	margin-left:70px;
	margin-top:20px;
	color:#7A1600;
}
.news1 {
	padding-right:10px;
}
.news2 { padding-left:10px; }

.socialIcons {
	padding-top:30px;
	padding-left:20px;
	padding-right:50px;
}
.socialIcons a {
	padding-right:35px;
}
.recipesPage .recipeStrips {
	padding-left:80px; padding-top:10px;
}
.recipesPage a.recipeStrip {
	width:100px;
	padding-right:5px; float:left;
	font-size:10px;
}
.recipe { 
	padding-left:35px;
	padding-right:90px;
}
.recipeName {
	margin	
}
.recipeName span { display:block; font-weight:normal; }
.recipeImg p {
	margin-bottom:15px;
}
.buttons a { margin-right:30px; }

.newsPage .pr {
	background:url(../images/pdf.gif) left top no-repeat;
	padding-left:60px; padding-right:30px;
}
.newsPage .pr strong a {
	font-size:1.34em; color:#7A1600;
	line-height:1.52em;
}
.newsPage .pr strong {
	display:block;
}
.newsPage .pr span {
	color:#a84c37;
	display:block; margin-bottom:5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#content .subnav_ice { margin-left:15px; margin-top:65px; }
#content .subnav_ice ul { margin-left:0px; }
#content .subnav-meat ul { margin-top:245px; }
#content .subnav-milk ul { margin-top:227px;
}
}