
/* GLOBAL */
body { background-color:#FBF9EE; color:#2D3138; font-family:Verdana, Arial, Sans-Serif; font-size:11px; margin:0; padding:0; }
p, div, ol, ul, li, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
p { margin:3px 0; }
a img { border-width:0; }
form { width:1000px; margin:0; }

a, a:link, a:visited { color:#c93c08; }
a:hover { color:#711f01; }


/* CONTENT */
.content { background-color:#FBF4DC; }
.leftcol { width:763px; min-height:450px; background-color:#FBF9EE; border-right:4px solid #FBF9EE; }
.rightcol { width:233px; float:right; border-top:4px solid #FBF9EE; }
.breadcrumb { padding:6px 10px 8px 10px; font-size:9px; color:#F5D9BC; background: url(images/breadcrumb_bg.gif) top left repeat-x; }
.breadcrumb a,
.breadcrumb a:link,
.breadcrumb a:visited { color:#fbf9ee; }
.breadcrumb a:hover { color:#711F01; }
.sectionhdr { height:121px; }


/* ERROR */
.siteerror { height:350px; padding:100px 0 0 0; }
.siteerror p { text-align:center; font-size:12px; color:#004990; font-weight:bold; }
.siteerror a { color:#E68133; text-decoration:none; }
.siteerror a:hover { color:#711F01; text-decoration:underline; }


/* HEADER */
.header { padding:9px 0 0 0; height:127px; background: url(images/header_bg.gif) top left repeat-x; }
.header .logo { float:left; display:block; padding:8px 0 0 15px; width:202px;  }
.header .rightside { width:238px; float:right; }

.search { background:#faf1d2 url(images/search_bg.gif) top left repeat-y; height:67px; width:228px; padding:17px 0 0 10px; }
.search input { height:18px; width:175px; border:1px solid #c2bfbf;  }
.search .inputbtn { width:37px; height:20px; position:relative; top:4px; border-width:0; }
.search a, .search a:link, .search a:visited { color:#cd3d08; font-weight:bold; font-size:9px; }
.search a:hover { color:#711f01; }
.head2 { clear:both; }

.switchlang { float:right; padding-top:10px; padding-right:6px; /*margin:15px 45px 0 0; */ }
.switchlang a { color:#C93C08; font-size:14px; }
.switchlang a:hover { color:#711F01; }

.join { width:410px; font-size:10px; padding:9px 0 0 10px; float:left; background:url(images/join_bg.gif) top left repeat-y; margin-left:21px; }
.joinlink { color:#cd3d08; font-weight:bold; font-size:9px; }
.join .jointb { width:198px; height:18px; border:1px solid #c2bfbf; vertical-align:top; font-size:9px; color:#999; }

.join .profilepanel h5 { color:#004990; font-size:12px; }
.join .profilepanel h5 span { color:#666; }
.join .profilepanel p { padding-bottom:12px; }
.join .profilepanel a { font-weight:bold; }


/* NAV */
#topnav { padding:6px 0 0 0; list-style-type:none; }
#topnav li { float:left; position:relative; }
#topnav a { display:block; text-indent:-9000px; margin:0 20px 0 20px; outline:none; }

.nav-en .home a { width:51px; height:33px; background:url(images/nav/EN/home.gif) top left no-repeat; }
.nav-es .home a { width:46px; height:33px; background:url(images/nav/ES/home.gif) top left no-repeat; }
.home a:hover, .home:hover a, .home.tnhover a { background-position:bottom left; }

.nav-en .episodes a { width:66px; height:33px; background:url(images/nav/EN/episodes.gif) top left no-repeat; }
.nav-es .episodes a { width:71px; height:33px; background:url(images/nav/ES/episodes.gif) top left no-repeat; }
.episodes a:hover, .episodes:hover a, .episodes.tnhover a { background-position:bottom left; }
.episodes { background: url(images/nav/separator.gif) bottom left no-repeat; }

.nav-en .recipes a { width:60px; height:33px; background:url(images/nav/EN/recipes.gif) top left no-repeat; }
.nav-es .recipes a { width:61px; height:33px; background:url(images/nav/ES/recipes.gif) top left no-repeat; }
.recipes a:hover, .recipes:hover a, .recipes.tnhover a { background-position:bottom left; }
.recipes { background: url(images/nav/separator.gif) bottom left no-repeat; }

.nav-en .newsletter a { width:89px; height:33px; background:url(images/nav/EN/newsletter.gif) top left no-repeat; }
.nav-es .newsletter a { width:57px; height:33px; background:url(images/nav/ES/newsletter.gif) top left no-repeat; }
.newsletter a:hover, .newsletter:hover a, .newsletter.tnhover a { background-position:bottom left; }
.newsletter { background: url(images/nav/separator.gif) bottom left no-repeat; }

.nav-en .chefs a { width:121px; height:33px; background:url(images/nav/EN/chef_lorena.gif) top left no-repeat; }
.nav-es .chefs a { width:121px; height:33px; background:url(images/nav/ES/chef_lorena.gif) top left no-repeat; }
.chefs a:hover, .chefs:hover a, .chefs.tnhover a { background-position:bottom left; }
.chefs { background: url(images/nav/separator.gif) bottom left no-repeat; }

.nav-en .events a { width:52px; height:33px; background:url(images/nav/EN/events.gif) top left no-repeat; }
.nav-es .events a { width:60px; height:33px; background:url(images/nav/ES/events.gif) top left no-repeat; }
.events a:hover, .events:hover a, .events.tnhover a { background-position:bottom left; }
.events { background: url(images/nav/separator.gif) bottom left no-repeat; }

.nav-en .promotions a { width:89px; height:33px; background:url(images/nav/EN/promotions.gif) top left no-repeat; }
.nav-es .promotions a { width:100px; height:33px; background:url(images/nav/ES/promotions.gif) top left no-repeat; }
.promotions a:hover, .promotions:hover a, .promotions.tnhover a { background-position:bottom left; }
.promotions { background: url(images/nav/separator.gif) bottom left no-repeat; }

#topnav li:hover ul, #topnav li.tnhover ul { position:absolute; display:block; left:0; top:18px; }
#topnav li ul { display:none; width:185px; padding:29px 0 0 0; list-style-type:none; background:url(images/nav/ul_bg.gif) bottom left no-repeat; }
#topnav li ul li { display:block; width:185px; margin:0 0 0 4px; padding:0 0 4px 0; background:url(images/nav/li_bg.gif) bottom right repeat-y #E68133; }
#topnav li ul li.last { background:url(images/nav/li_last_bg.gif) bottom right no-repeat; }
#topnav ul li a { display:block; width:150px; height:15px; text-indent:0; margin:0 4px 0 2px; padding:10px 15px; font-weight:bold; color:#FFF; background:none; }
#topnav ul li a:hover { background-color:#C93C08; }


/* TOUTS */
.tout { width:233px; height:270px; }
.tout h3 { margin:0 0 10px 15px; }
.tout p { margin:0 0 5px 15px; width:130px; }
.tout a { margin:0 0 0 15px; }
.rightcol .abuelita { background:url(images/touts/abuelita_bg.jpg) top left no-repeat; }
.rightcol .abuelita h3 { padding-top:20px; }
.rightcol .lalechera { background:url(images/touts/lalechera_bg.jpg) top left no-repeat; }
.rightcol .lalechera h3 { padding-top:20px; }
.rightcol .maggi { background:url(images/touts/maggi_bg.jpg) top left no-repeat; }
.rightcol .maggi h3 { padding-top:10px; }
.rightcol .maggi p { width:120px; }
.rightcol .nescafe { background:url(images/touts/nescafe_bg.jpg) top left no-repeat; }
.rightcol .nescafe h3 { padding-top:15px; }
.rightcol .crema { background:url(images/touts/crema_bg.jpg) top left no-repeat; }
.rightcol .crema h3 { padding-top:15px; }
.rightcol .crema p { width:200px; }
.rightcol .stouffers { background:url(images/touts/stouffers_bg.jpg) top left no-repeat; }
.rightcol .stouffers h3 { padding-top:15px; }
.rightcol .stouffers p { width:200px; }

/* FOOTER */
.footer { clear:both; padding:10px; color:#999; background: url(images/footer_bg.gif) top left repeat-x; }
.footer a,
.footer a:link,
.footer a:visited { color:#999; text-decoration:none; }
.footer a:hover { color:#666; text-decoration:underline; }

.footer .logos { float:right; width:275px; text-align:right; }
.footer .logos img { padding:0 0 0 5px;  }
.truste { margin:5px 0 0 0;}

.notice { font-size:9px; }