@charset "utf-8";

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

				Defaults
				
---------------------------------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}

a {
color: #253326;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

input, select {
border: 1px solid #969695;
}

input.image {
border: none;
}

.hidden {
display: none;
}

.print_page {
display: none;
}

.preload {
position: absolute;
left: -999em;
height: 0px;
width: 0px;
overflow: hidden;
}

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

				Layout
				
---------------------------------------------*/

body {
font-size: 62.5%;
font-family: georgia, times new roman;
text-align: center;
background: #d4bd9e url(../images/header.jpg) top center no-repeat;
}

.container {
width: 959px;
margin: 37px auto 0;
text-align: left;
}

.container_bottom {
float: left;
width: 959px;
background: url(../images/footer.gif) bottom center no-repeat;
padding: 0 0 36px;
}

.page {
float: left;
width: 959px;
background: url(../images/herdezbg.jpg) repeat-y;
}

.header {
float: left;
margin: 5px 54px -85px;
display: inline;
height: 175px;
width: 851px;
background: url(../images/navigation.png) no-repeat;
}

.footer {
float: left;
background: url(../images/logo.gif) no-repeat;
height: 48px;
width: 959px;
}

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

				Navigation
				
---------------------------------------------*/

.logo {
float: left;
width: 168px;
height: 41px;
margin: 0 0 15px 41px;
display: inline;
position: relative;
}

.nav {
float: left;
height: 21px;
width: 770px;
padding: 0 35px 0 50px;
position: relative;
overflow: hidden;
}

.nav li {
float: left;
display: inline;
margin: 0 13px 0 0;
}

.nav li.regions {
margin: 0;
}

.nav li a {
float: left;
height: 21px;
position: relative;
cursor: pointer;
text-indent: -999em;
overflow: hidden;
}

.nav li a div {
float: left;
width: 100%;
height: 100%;
}

.nav .home {
padding: 0;
}

.nav .home a {
width: 38px;
background: url(../images/home.png) no-repeat;
}

.regional a {
width: 110px;
background: url(../images/regional.png) no-repeat;
}

.traditions a {
width: 76px;
background: url(../images/traditions.png) no-repeat;
}


.herdez a {
width: 129px;
background: url(../images/herdez.png) no-repeat;
}


.bufalo a {
width: 126px;
background: url(../images/bufalo.png) no-repeat;
}


.donamaria a {
width: 154px;
background: url(../images/donamaria.png) no-repeat;
}

.regions a {
width: 59px;
background: url(../images/regions.png) no-repeat;
}

.nav .home a:hover, .nav .home a.active {
width: 38px;
background: url(../images/home_hover.png) no-repeat;
}

.regional a:hover, .regional a.active {
width: 110px;
background: url(../images/regional_hover.png) no-repeat;
}

.traditions a:hover, .traditions a.active {
width: 76px;
background: url(../images/traditions_hover.png) no-repeat;
}


.herdez a:hover, .herdez a.active {
width: 129px;
background: url(../images/herdez_hover.png) no-repeat;
}


.bufalo a:hover, .bufalo a.active {
width: 126px;
background: url(../images/bufalo_hover.png) no-repeat;
}


.donamaria a:hover, .donamaria a.active {
width: 154px;
background: url(../images/donamaria_hover.png) no-repeat;
}

.regions a:hover, .regions a.active {
width: 59px;
margin: 0;
background: url(../images/regions_hover.png) no-repeat;
}

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

				sub nav
				
---------------------------------------------*/

.sub_nav_title {
clear: left;
width: 245px;
}

.left_col .sub_nav_title {
margin: 15px 0 0 5px;
float: left;
}

.sub_nav {
float: left;
padding: 5px 0 20px 0;
}

.sub_nav a {
color: #774825;
line-height: 1.8em;
text-decoration: none;
}

.sub_nav a:hover, .sub_nav a.active {
color: #ba282f;
text-decoration: none;
}

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

				Text
				
---------------------------------------------*/

h1 {
font-size: 2.6em;
padding: 0 0 30px;
font-family: "Karacan Pro";
color: #77583a;
font-weight: normal;
background: url(../images/h1_border.gif) bottom left repeat-x;
margin-bottom: 10px;
}

h2 {
font-size: 1.9em;
font-family: "Karacan Pro";
color: #77583a;
font-weight: normal;
padding: 0 0 15px;
}

h3 {
font-size: 2.4em;
font-family: "Karacan Pro";
color: #77583a;
font-weight: normal;
padding: 0 0 5px;
}

h4 {
font-size: 2em;
font-family: "Karacan Pro";
color: #77583a;
font-weight: normal;
padding: 0 0 15px;
}

p, ul {
font-size: 1.2em;
line-height: 1.5em;
color: #77583a;
padding: 0 0 15px;
}

p a, ul a {
color: #ba262c;
text-decoration: none;
}

p a:hover, ul a:hover {
text-decoration: underline;
}

.tradition p {
padding: 0 15px 0 0;
}

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

				home
				
---------------------------------------------*/

.home {
float: left;
padding: 0 54px 30px;
}

.home_left {
float: left;
width: 357px;
}

.home_right {
float: left;
width: 494px;
}

.postcards {
float: left;
width: 357px;
height: 238px;
position: relative;
background: url(../images/postcards.png) no-repeat;
}

.tv_spots {
position: absolute;
bottom: 0;
left: 50px;
height: 30px;
width: 130px;
text-indent: -999em;
}

.home_left p {
float: left;
padding: 40px 10px 0 50px;
}

.first_letter {
float: left;
margin-top: -23px;
display: inline;
font-size: 36px;
line-height: 36px;
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing: -4px;
width: 16px;
}

.flavor_tradition {
float: left;
width: 494px;
height: 141px;
padding: 50px 0 0;
background: url(../images/flavor_tradition.png) no-repeat;
}

.flavor_tradition h1, .flavor_tradition h2 {
padding: 0;
background: none;
}

.flavor_tradition h1 {
font-size: 3.8em;
}

.flavor_tradition h2 {
font-size: 2.1em;
}

.page_border {
float: left;
height: 56px;
width: 431px;
margin: 0 62px 0 0;
display: inline;
background: url(../images/h1_border.gif) repeat-x;
}

.product_strip {
float: left;
width: 243px;
height: 120px;
position: relative;
}

.strip {
position: absolute;
top: 0;
left: 24px;
height: 120px;
width: 195px;
overflow: hidden;
z-index: 10;
}

.strip .strip_link_holder {
float: left;
position: relative;
z-index: 5;
}

.strip div.strip_image {
float: left;
position: relative;
left: 15px;
z-index: 2;
width: 900px;
height: 120px;
background: url(../images/product_strip.png) no-repeat;
}

.strip ul {
float: left;
position: absolute;
left: 15px;
width: 900px;
height: 120px;
}

.strip ul li {
float: left;
height: 120px;
width: 61px;
padding: 0 0 0 20px;
}

.strip ul li.can {
float: left;
height: 120px;
width: 61px;
padding: 0 0 0 30px;
}

.strip ul li.cans {
float: left;
height: 120px;
width: 100px;
padding: 0 0 0 30px;
}

.strip ul li a {
text-decoration: none;
float: left;
width: 60px;
height: 120px;
z-index: 100;
position: relative;
}

.strip ul li.cans a {
width: 100px;
}

.strip ul li a:hover {
text-decoration: none;
}

.strip ul li a div {
float: left;
width: 100%;
height: 100%;
}

.controls {
position: absolute;
position: relative;
top: 0;
left: 0;
z-index: 1;
width: 243px;
height: 120px;
background: url(../images/product_strip_controls.png) no-repeat;
}

.scroll_left {
position: absolute;
left: 0;
height: 20px;
width: 20px;
top: 50px;
cursor: pointer;
z-index: 10;
}

.scroll_right {
position: absolute;
right: 0;
height: 20px;
width: 20px;
top: 50px;
cursor: pointer;
z-index: 10;
}

.explore_regional {
float: left;
width: 214px;
height: 60px;
text-indent: -999em;
position: relative;
overflow: hidden;
cursor: pointer;
text-decoration: none;
background: url(../images/explore_regional.png) no-repeat;
}

.explore_mexican {
float: left;
width: 214px;
height: 60px;
text-indent: -999em;
position: relative;
overflow: hidden;
cursor: pointer;
text-decoration: none;
background: url(../images/explore_mexican.png) no-repeat;
}

.explore_regional:hover {
background: url(../images/explore_regional_hover.png) no-repeat;
}

.explore_mexican:hover {
background: url(../images/explore_mexican_hover.png) no-repeat;
}

.explore_regional div, .explore_mexican div {
float: left;
width: 100%;
height: 100%;
}

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

				2 columns
				
---------------------------------------------*/

.columns {
float: left;
width: 851px;
padding: 0 54px;
overflow: visable;
}

.left_col {
width: 261px;
float: left;
padding: 0 0 0 30px;
}

.tradition .left_col {
width: 296px;
}

.img_bkg {
float: left;
padding: 15px 35px 15px 20px;
background: url(../images/recipe_img_bkg.png) no-repeat;
}

.tradition .img_bkg {
padding: 18px 29px 19px 17px;
background: url(../images/traditions_img_bkg.png) no-repeat;
}

.left_col .sub_nav {
padding: 0 0 20px 5px;
}

.right_col {
float: left;
width: 510px;
padding: 0 50px 25px 0;
display: block
}

.tradition .right_col {
width: 475px;
}

.right_col h1 {
width: 469px;
}

.instructions {
float: left;
width: 280px;
padding: 0 40px 20PX 0;
}

.instructions p {
float: left;
}

.print_recipe {
float: left;
background: url(../images/print_recipe.png) no-repeat;
width: 89px;
height: 50px;
position: relative;
cursor: pointer;
}

.print_recipe div {
float: left;
width: 100%;
height: 100%;
}

.ingredients {
float: left;
width: 190px;
}

.ingredients p {
color: #a67c52;
}

.ingredients ul {
font-size: 1em;
color: #a67c52;
list-style: disc;
padding: 0 0 0 15px;
}

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

				Content
				
---------------------------------------------*/

.content {
float: left;
padding: 0 104px 10px 94px;
width: 761px;
overflow: visible;
}

.content h1 {
width: 745px;
}

.content h1.region {
width: 355px;
}

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

				Traditions
				
---------------------------------------------*/

.tradition_list {
float: left;
padding: 25px 0 50px 60px;
}

.tradition_list li {
float: left;
text-align: center;
padding: 0 40px 0 0;
width: 97px;
}

.tradition_list li img {
float: left;
}

.tradition_list li a {
color: #77583a;
clear: both;
}

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

				Products
				
---------------------------------------------*/

.products_3col {
float: left;
padding: 25px 0 50px 50px;
}

.products_3col li {
float: left;
padding: 0 25px 0 0;
width: 208px;
}

.products_3col li a {
float: left;
padding: 40px 0 0;
color: #77583a;
max-width: 143px;
}

.products_3col li a img {
float: left;
margin: -40px 0 0;
display: inline;
padding: 0 5px 0 0;
}

.products_2col {
float: left;
padding: 25px 0 50px 50px;
}

.products_2col li {
float: left;
padding: 0 35px 0 0;
width: 302px;
}

.products_2col li a {
float: left;
padding: 40px 0 0;
color: #77583a;
max-width: 188px;
}

.products_2col li a img {
float: left;
margin: -40px 0 0;
display: inline;
padding: 0 5px 0 0;
}

.product_info {
float: left;
width: 568px;
overflow: visible;
}

.fruit_vegetable .product_info {
padding-top: 15px;
}

.more {
background: url(../images/recipe_hr.gif) no-repeat;
padding: 10px 0 0;
float: left;
width: 380px;
}

.fruit_vegetable .more {
margin-top: 10px;
padding-top: 15px;
}

.more h4 {
padding: 0;
}

.more .sub_nav {
width: 100%;
}

.more .sub_nav li {
float: left;
width: 49%;
padding: 0;
}

.more .recipe_nav li {
float: none;
width: auto;
}

.locator {
float: left;
width: 231px;
height: 142px;
padding: 40px 0 0 30px;
background: url(../images/formbg.png) no-repeat;
margin: -10px -54px 0 -30px;
display: inline;
overflow: visible;
}

.locator p {
padding: 0 20px 15px 0;
}

.locator input {
float: left;
}

.locator_field {
border-top: 1px solid #3c3125;
border-left: 1px solid #3c3125;
border-bottom: 1px solid #9d8976;
border-right: 1px solid #9d8976;
color: #836647;
background: #c3b297;
width: 130px;
height: 20px;
margin-right: 3px;
}

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

				Recipes
				
---------------------------------------------*/

.recipes_3col {
float: left;
padding: 25px 0 50px 50px;
}

.recipes_3col li {
float: left;
padding: 0 25px 5px 0;
width: 208px;

}

.recipes_3col li a {
float: left;
padding: 25px 0 0;
color: #77583a;
max-width: 108px;
}

.recipes_3col li a img {
float: left;
margin: -25px 0 0;
display: inline;
padding: 0 5px 0 0;
}

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

				Regions
				
---------------------------------------------*/

.Baja {
float: right;
width: 390px;
height: 390px;
background: url(../images/baja_peninsula.png) no-repeat;
}

.Gulf {
float: right;
width: 390px;
height: 390px;
background: url(../images/the_gulf.png) no-repeat;
}

.Central {
float: right;
width: 390px;
height: 390px;
background: url(../images/central_mexico.png) no-repeat;
}

.North {
float: right;
width: 390px;
height: 390px;
background: url(../images/the_north.png) no-repeat;
}

.Pacific {
float: right;
width: 390px;
height: 390px;
background: url(../images/pacific_coast.png) no-repeat;
}

.Yucatan {
float: right;
width: 390px;
height: 390px;
background: url(../images/yucatan_peninsula.png) no-repeat;
}

.region_map {
float: right;
width: 425px;
height: 335px;
}

.region_map_holder {
float: right;
width: 425px;
height: 335px;
background: url(../images/region_map.png) no-repeat;
}

.region_map img {
float: left;
position: relative;
width: 425px;
height: 335px;
}

.map_baja_peninsula {
float: right;
width: 425px;
height: 335px;
background: url(../images/map_baja_peninsula.png) no-repeat;
}

.map_the_gulf {
float: right;
width: 425px;
height: 335px;
background: url(../images/map_the_gulf.png) no-repeat;
}

.map_central_mexico {
float: right;
width: 425px;
height: 335px;
background: url(../images/map_central_mexico.png) no-repeat;
}

.map_the_north {
float: right;
width: 425px;
height: 335px;
background: url(../images/map_the_north.png) no-repeat;
}

.map_pacific_coast {
float: right;
width: 425px;
height: 335px;
background: url(../images/map_pacific_coast.png) no-repeat;
}

.map_yucatan_peninsula {
float: right;
width: 425px;
height: 335px;
background: url(../images/map_yucatan_peninsula.png) no-repeat;
}

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

				Product Locator
				
---------------------------------------------*/

#side_bar strong {
float: left;
width: 20px;
}

#side_bar ul {
float: left;
font-size: 1em;
}

#side_bar li {
width: 250px;
min-height: 30px;
float: left;
background: none;
padding: 0;
}

a.gmnoprint:hover, #map div a:hover {
border: none;
}


#content #side_bar li {
background: white;
}

#side_bar li a {
float: left;
width: 180px;
}

#map {
float: left;
margin-bottom: 50px;
}

.locator_holder {
width: 761px;
float: left;
padding: 5px 0 10px;
line-height: 2em;
}

.locator_holder * {
float: left;
margin: 0 5px 0 0;
}

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

				Footer
				
---------------------------------------------*/

.footer li {
float: left;
line-height: 48px;
color: #89765a;
}

.worldfood {
padding: 0 29px 0 0;
}

.worldfood a {
float: left;
width: 200px;
height: 48px;
}

.footer li a {
color: #89765a;
text-decoration: none;
}

.footer li a:hover {
text-decoration: underline;
}

.footer li.pipe {
padding: 0 10px;
}


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

				Contact Us.
				
---------------------------------------------*/

.contact_form {
padding: 0 0 25px;
}

.comment_box {
float: left;
clear: both;
}

.contact_form .comment_box label {
width: 650px;
}

.contact_form .comment_box textarea {
margin: 5px 0 0 175px;
}

.contact_form p {
float: left;
width: 100%;
}

.contact_form label {
width: 175px;
float: left;
color:#77583A;
font-size:1.2em;
}

.contact_form input {
width: 250px;
}

.contact_form textarea {
width: 248px;
}

.contact_form select {
width: 252px;
}

.contact_form input.submit {
width: auto;
clear: both;
}

.contact_form .half {
float: left;
padding: 0 0 5px;
width: 500px;
clear: both;
}

.contact_form .half label {
margin: 2px 0 0;
height: 15px;
}

#ucLoaderContact_ctl00_inputAddress1, #ucLoaderContact_ctl00_inputEmail, #ucLoaderContact_ctl00_inputProductDescription {
margin: 0 0 5px;
}

.req {
font-weight: bold;
color: red;
font-size: 1.2em;
}

.req li {
font-weight: bold;
color: red;
font-size: 0.8em;
}

.pdf {
background: url(../images/pdf.gif) no-repeat 0 0;
padding: 0 0 10px 20px;
float: left;
clear: both;
}

#productLocatorForm1_requiredZip {
font-weight: bold;
line-height: 1.5em;
}

.screen {
z-index: 10;
}

.show_tv_spot {
z-index: 11;
}