/* GLOBAL RESET */
a img {border:0;}
p, div, ul, ol, li, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
h1 {font-size:15px;} h2 {font-size:14px;} h3 {font-size:13px;} h4 {font-size:12px;} h5 {font-size:11px;}


/* COMMON */
html {height:100%;}
body {margin:0; padding:0; font-family:Verdana, Sans-Serif; font-size:11px; color:#000; background-color:#FFF;}
form {background:url(images/form_bg.jpg) top left repeat-x;}
.shadow {margin:0 auto; width:1020px; background:url(images/shadow_bg.gif) top center repeat-y;}
.container {background:url(images/sitetop_bg.gif) top center repeat-x;}
.site {margin:0 auto; width:1000px;}
.content {background:#FFF;}

h1.hdr {padding:0 0 0 35px; height:67px; line-height:67px; background:url(images/h1_bg.gif) top left no-repeat;}
h1.hdr img {margin:24px 0 0 0;}
h2.subhdr {font-size:23px; font-family:Verdana, Sans-Serif; font-weight:normal; color:#000;}
a {color:#000;}
a:hover {color:#ED1C24;}


/* SITETOP */
.sitetop {padding:0 5px; height:65px; background:url(images/discover_power_of_maggi.gif) no-repeat 260px 12px;}
.sitetop .logo {position:absolute; z-index:110;}
.recipesearch {padding:12px 10px 0 0; text-align:right;}
.recipesearch .searchbox {float:right; margin:0 0 0 7px;}
.recipesearch .searchbox input {position:relative; height:13px; width:165px; font-size:10px; color:#999;}
.recipesearch .searchbox .searchgo {top:5px; height:19px; width:auto;}
.recipesearch .text {text-align:right;}
.recipesearch .text a {display:block; margin:-3px 0 0 0; font-size:10px; color:#ED1B23;}
.recipesearch .text a:hover {color:#000;}
.switchlang {padding:0 20px 0 0; height:20px; text-align:right;}
.switchlang input {margin:0 0 0 15px;}
.site .breadcrumb {height:25px; padding:0 0 0 200px; font-size:10px; line-height:25px; background:url(images/breadcrumb_bg.gif) top left no-repeat;}
.site .breadcrumb a {color:#ED1B24;}


/* TOPNAV */
#topnav {position:relative; height:36px; list-style-type:none; z-index:100; background:#FFF;}
#topnav li {float:left; position:relative;}
#topnav li:hover ul, #topnav li.tnhover ul {position:absolute; display:block; left:5px; top:27px;}
#topnav a.tab {display:block; margin:0; height:27px; outline:none; text-indent:-9000px;}
#topnav li ul {display:none; padding:5px 0 10px 0; list-style-type:none; background-color:#ED1B24; border-bottom:4px solid #000;}
#topnav li ul li {float:none; padding:5px 15px;}
#topnav ul li a {display:block; text-align:left; text-decoration:none; color:#FFF200;}
#topnav ul li a:hover {text-decoration:underline;}

/*english*/
.nav-en #topnav {padding:0 0 0 308px; }
.nav-en #topnav a.tab:hover, .nav-en #topnav ul.tnhover a.tab, nav-en #topnav ul:hover a.tab {background-position:0 27px;}
.nav-en #home a.tab {width:84px; background:url(images/topnav/en/home.gif);}
.nav-en #products a.tab {width:126px; background:url(images/topnav/en/products.gif);}
.nav-en #cooking a.tab {width:175px; background:url(images/topnav/en/cooking.gif);}
.nav-en #newsletter a.tab {width:146px; background:url(images/topnav/en/newsletter.gif);}
.nav-en #about a.tab {width:161px; background:url(images/topnav/en/about.gif);}
.nav-en #cooking ul {width:165px;}
.nav-en #cooking.tnhover a.tab, .nav-en #cooking:hover a.tab {background-position:0 27px;}
.nav-en #about ul {width:150px;}
.nav-en #about.tnhover a.tab, .nav-en #about:hover a.tab {background-position:0 27px;}

/*spanish*/
.nav-es #topnav {padding:0 0 0 290px; }
.nav-es #topnav a.tab:hover, .nav-es #topnav ul.tnhover a.tab, nav-es #topnav ul:hover a.tab {background-position:0 27px; }
.nav-es #home a.tab {width:87px; background:url(images/topnav/es/home.gif);}
.nav-es #products a.tab {width:131px; background:url(images/topnav/es/products.gif);}
.nav-es #cooking a.tab {width:208px; background:url(images/topnav/es/cooking.gif);}
.nav-es #newsletter a.tab {width:101px; background:url(images/topnav/es/newsletter.gif);}
.nav-es #about a.tab {width:182px; background:url(images/topnav/es/about.gif);}
.nav-es #cooking ul {width:195px;}
.nav-es #cooking.tnhover a.tab, .nav-es #cooking:hover a.tab {background-position:0 27px;}
.nav-es #about ul {width:170px;}
.nav-es #about.tnhover a.tab, .nav-es #about:hover a.tab {background-position:0 27px;}


/* PAGE CONTENT */
.midcontent {padding:30px 30px 60px 30px;}
.midcontent p {margin:0 0 10px 0; color:#4D4D4D;}


/* SIDENAV */
.sidenav {float:left; width:247px;}
.sidenav img {display:block;}
.sidenav .links {padding:28px 10px 4px 20px; background:url(images/sidenav/sidenav_body.gif) repeat-y;}
.sidenav .links h3 {padding:15px 0 0 0;}
.sidenav .links a {display:block; padding:4px 0; color:#000;}
.sidenav .linksfoot {height:3px; background:url(images/sidenav/sidenav_foot.gif) no-repeat;}
.sidenav .bulletlinks {padding:20px 10px 15px 20px;}
.sidenav .bulletlinks h3 {padding:25px 0 15px 0;}
.sidenav .bulletlinks div {margin:0 0 0 5px;}
.sidenav .bulletlinks a {padding-left:15px; background:url(images/sidenav/bullet.gif) 6px 6px no-repeat;}
.sidenav .bulletlinks a:hover {color:#ED1B23;}
.sidenav .bulletlinks a.current {text-decoration:none; font-weight:bold;}


/* FOOTER */
#footer {clear:both; margin:0 auto; width:1020px; height:40px; color:#FABC09; background:url(images/footer_bg.gif) top center repeat-y;}
#footer .links {padding-left:20px;}
#footer a {margin:0 5px; line-height:40px; color:#FABC09; font-weight:bold;}
#footer a:hover {color:#000;}
#footer .storelocator {float:right; margin-right:25px;}
.truste {height:100px;}