@charset "utf-8";
/* CSS Document */
/*Reset*/
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: 0px;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {outline: 0;}
body {line-height: 1;color:#2a236e;font-size:xx-small; font-family:Arial, sans-serif}
ol, ul {list-style: none;}
a{ text-decoration:none;}
p{ font-size:12px; font-weight:normal; line-height:14px; font-family:Arial, sans-serif;}
/*Reset End*/
/*Footer Sticky*/
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 295px;}  /* must be same height as the footer */
#footer {position: relative;margin-top: -300px; height: 300px;clear:both;z-index:-1;} 

#main-s {padding-bottom: 95px;}  /* must be same height as the footer */
#footer-s {position: relative;margin-top: -75px; height: 35px;clear:both;z-index:5;} 

.clearfix:after {content: "."; display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/*Footer Sticky End*/

.landing{background:url(../images/landing_tile.jpg) repeat-x; background-color:#afccdf; font-family:Helvetica, Verdana, Arial, sans-serif}
#hellmanns_landing{background:url(../images/landing_bar.jpg) repeat-x; width:100%; margin-top:350px; height:40px;}
.default{background:url(../images/hellmanns_bg_tile.jpg) repeat-x; background-color:#afccdf;}
img{ padding:0px; margin:0px;}
h1{font-size:18px; color:#2a236e; font-weight:bold;}
h2{font-size:20px; color:#2a236e;}
h3{font-size:14px; color:#2a236e; font-weight:bold}
.faq{  padding-top:100px; margin:auto; width:700px;}
.faq p,li{ font-size:12px; margin-top:10px; margin-bottom:10px;}
/*Navigation*/
#hellmanns_navigation{height: 30px;z-index:50}
.hellmanns_logo{ position:absolute; left:390px; margin-top:-25px;}
.slogan{ float:right; margin-top:3px;}
#hellmanns_navigation .container{position: relative; top: 28px;left: 0px;}
#hellmanns_navigation ul {padding: 0px;margin: 0px;} 
#hellmanns_navigation ul li {display: inline;} 
#hellmanns_navigation ul li a{float: left;height: 30px;display: block;overflow: hidden; text-indent:-9999px;} 
#product a{background:url(../images/products_nav.gif) no-repeat; width:150px;}
#recipe a{background:url(../images/recipe_nav.gif) no-repeat 0px 0px; width:150px;}
#gardening a{background:url(../images/gardening_nav.gif) no-repeat 0px 0px; width:122px;}
#hellmanns_navigation a:hover{ background-position:0 100%;} 
#hellmanns_navigation a.current{ background-position:0 100%;}
/*Navigation End*/


/*Content*/
.left{ float:left;}
#content{ padding-top:75px; width:955px; margin:auto;}
#main_content{width:955px; float:left;}
.container{width:950px; margin:auto;}
.container.left{ width:300px; float:left; clear:right; }
.image_container{float:left; width:647px; position:relative;}
.image_top{position:relative; background:url(../images/top_image.png) no-repeat; height:5px;clear:both;}
.image_middle{background:url(../images/middle_image.png) repeat-y; clear:both;}
.image_middle img{ margin-left:5px;}
.image_bottom{background:url(../images/bottom_image.png) no-repeat; height:5px;}
.corner{background:url(../images/image_top_right.png) no-repeat;width:26px;height:24px;float:right;position:absolute;z-index:50;right:4px;clear:both;top:5px;}
.guides img{float:left; clear:both; padding:5px;}
.guides{ position:relative; background:url(../images/gardening_small_bg.png) no-repeat; width:318px; height:102px; float:left; clear:both; margin-top:-1px;}
.img_title{ position:absolute; background:url(../images/image_title_tile.png) repeat-x; height:33px; float:left; padding:8px 5px 0px 3px; margin:0px 0px 0px 5px;  z-index:50}
.image_top .title{ font-size:13px; font-weight:bold;}
.fridge .img_title .title{ font-size:13px; font-weight:bold;}
.right_bg .img_title .title{ font-size:12px; font-weight:bold;}
.blk{padding:4px 5px 0px 3px; background:url(../images/image_title_tile_blk.png) repeat-x; margin-top:5px; left:0; float:left;}
option,value,.dropd{ font-size:11px; font-weight:bold; color:#087cb5;}
.blk .title{color:#FFFFFF; font-size:12px;}
.title{	color:#0099cc;	font-weight:bold;	font-size:14px;	text-transform: uppercase;}
.select{padding:10px 0px 20px 0px; float:left;}
.item{ float:left; margin-right:55px;}
.recipe_item{ float:left; margin-right:16px;  height:150px;}
.item img{ margin:0px 11px 0px 11px}
.description{ font-size:10px; letter-spacing:-1px; color:#00ccff;}
.fridge{  margin-top:-20px;}
.fridge_container .title{ font-size:12px;}
.badge{ background:url(../images/approved_badge.png) no-repeat; width:100px; height:78px; position:absolute; z-index:5; right:10px; top:230px; }
.fridge .img_title{ margin-top:23px;}
.recipes{padding-left:30px;}
.recipe_item .title{font-size:8px; font-family:Verdana, Arial, Helvetica, sans-serif; width:135px; padding-top:10px; padding-bottom:25px; text-align:center;}
.fridge_container{background:url(../images/whats_in_your_fridge_bg.png) no-repeat; width:963px; height:317px; position:relative; }
.search_info{ width:360px; position:absolute; top:30px; left:320px; }
.fridge_container img{ padding:5px 0px 0px 5px;}
.results{width:289px;height:70px;background-color:#d3e1e6;float:left;}
.feature_popup{margin:-90px 0 0 0; left:0; position:absolute;background:url(../images/desc_bg.png); font-size:12px; padding:10px; width:270px;display:none}

.border{ border-right:solid 2px #cccccc; margin:0px 21px 0px 21px; float:left; height:70px;}

.search_results{ width:955px; float:left; padding:20px 0px 20px 0px;}
.white{ background-color:transparent}
.last{ margin:0px; border-right:none;}
.right_bg{ position:relative; background:url(../images/right_bg.png) no-repeat; width:320px; height:318px;}
.right_bg img{ margin:5px 0px 0px 5px; position:absolute; left:0; top:0; z-index:0}
.btn{ float:left; margin-top:10px;}
.btn a{background:url(../images/ingredients_btn.png) no-repeat; height:34px; float: left;height: 30px;display: block;overflow: hidden; text-indent:-9999px; width:300px; }
.btn a:hover{ background-position:0 -32px; }
#feature{background:url(../images/feature_bg.png) no-repeat; width:339px; height:76px; float:left; padding:9px 0px 0px 9px; margin-top:10px;}
#feature .title{font-size:10px; color:#999999; float:left; clear:left; margin-top:5px;}
span{ float:left; font-size:14px; line-height:17px; margin-left:5px; margin-bottom:10px; font-weight:normal;}
.name{ font-size:11px; color:#000066; float:left; font-weight:bold; clear:left;margin-top:3px; width:230px;}
.view{ font-size:10px; color:#0099cc;float:left; clear:left;margin-top:5px;}
#feature img{ float:left; margin-right:10px;}
#product_info{ position:absolute; top:10px; left:280px; width:335px; z-index:10; margin:10px;}
.product_info{ font-size:12px; margin:5px 0px 5px 0px;}
.facts{ position:absolute; top:32px; width:270px; font-size:14px; text-align:center; margin-left:20px; z-index:5;}
.flash_bg{ background:url(../images/flash_bg.png) no-repeat; width:963px; height:561px; padding-top:4px; position:relative;}
.share{ background:url(../images/share_recipe.png) no-repeat; height:33px; padding:8px 0px 0px 12px; width:150px; position:absolute;left:180px;}
.print a{ background:url(../images/print_recipe.png) no-repeat; height:33px; width:156px;}
.viewmoreproduct a{ background:url(../images/view_more_products.png) no-repeat; height:33px; width:195px; margin-top:10px;}
.more_recipe a{background:url(../images/find_more_recipes.png) no-repeat; height:33px; width:194px;}

.kitchen a{background:url(../images/whats_in_your_ktichen.png) no-repeat; height:13px; width:180px; margin-left:5px;}

.featured_desc{ background:url(../images/desc_bg.png) repeat-x; height:27px; position:relative; top:-27px; margin:0px 5px 0px 5px; }
.fridge .featured_desc{top:-27px;  margin:-5px 5px 0px 5px;}
.featured_desc .title{ margin:5px; color:#1b1464;}
.includes{ margin:auto; clear:left; margin-top:80px;}
#fact_info{font-size:12px; font-weight:normal; line-height:14px;}
/*Content End*/



/*Bob Greene*/
.bob_greene_left{ background:url(../images/bg_left_bg.png) no-repeat; float:left; position:relative;}
.bob_greene_left img{ padding:5px 5px 5px 5px;}
.bob_greene_right{ background:url(../images/bg_right_bg.png) no-repeat;float:left;position:relative;}
.bob_greene_right img{ padding:5px 5px 5px 5px;}
.bob_greene_content{ background:url(../images/bob_greene_content_Bg.png) no-repeat; width:374px; height:319px;float:left; font-size:13px; }
.bob_greene_content p{ margin:15px;}
.learn_more_btn,.more_recipe_btn, .view_recipe_btn{ padding-left:9px;float:left}
.learn_more_btn a{background:url(../images/learn_more.png) no-repeat; height:13px; float: left;display: block;overflow: hidden; text-indent:-9999px; width:100px; }
.view_recipe_btn a{background:url(../images/view_recipe.png) no-repeat; height:13px; float: left;display: block;overflow: hidden; text-indent:-9999px; width:120px;}
.more_recipe_btn a{background:url(../images/more_recipes.png) no-repeat; height:13px; float: left;display: block;overflow: hidden; text-indent:-9999px; width:105px;}
.learn_bob{ position:absolute; bottom:25px; left:18px;}
.learn_bob a{ background: url(../images/learn_about_bob.png) no-repeat; width:250px; height:33px; display:block; overflow:hidden; text-indent:-9999px; }
.learn_bob a:hover{ background-position:0 -33px; }
.visit_bob{ margin-right:10px;}
.visit_bob a{background:url(../images/visit_bob.png) no-repeat; height:13px; float: left;display: block;overflow: hidden; text-indent:-9999px; width:160px;}
.learn_more_btn a:hover,.more_recipe_btn a:hover, .view_recipe_btn a:hover,.visit_bob a:hover{ background-position:0 -12px;}

.meet{position:absolute; top:35px; left:10px;}
.meet a{ background: url(../images/meet_bob_greene.png) no-repeat; width:110px; height:14px; display:block; overflow:hidden; text-indent:-9999px; clear:left; }

.meet a:hover{ background-position:0 -13px; }

/*Bob Greene End*/

/* Modal Start */
#nutrition_info{border:solid 1px #999999;width:352px;background: url(../images/nutrition_title.jpg) no-repeat top left #FFFFFF;}
#nutrition{margin:40px 15px 0px 15px}
#nutrition_facts{width:320px;color:#2A236E; font-weight:normal; font-size:12px;}
#nutrition_facts h3 {margin:0 5px 0 0 ;padding:0;float:left;font-size:16px}
.serving_size{display:block;float:left;font-size:12px;color:#999999; padding:0 0 0 0; font-weight:normal; }
.section{border-bottom:solid 1px #999999; padding:5px 0 5px 0}
.right_side{text-align:right}
.indent{text-indent:10px}
.double_indent{text-indent:20px;}

#close_button img{border:none;margin:10px 0 0 0}

/* Z-index of #mask must lower than #boxes .window */

#boxes{ position:absolute; top:30%; left:45%;  z-index:999999; display:none;}  
/* Customize your modal window here, you can add background image too */

/* Modal End */

/*Footer*/
#popup{height:40px;overflow:visible;position:relative; z-index:200;width:100%;margin:0;}
#popup_mask {position:fixed;z-index:-50;background-color:#407eb3;display:none;top:1px;left:1px;}
#popup_bg{background: url(../images/hellmanns_footer_tile.png) repeat-x; margin-top:-26px; position:relative; z-index:-40; height:453px; }
#popup .hellmanns_tab{background:url(../images/hellmanns_bottom_tab.png) no-repeat 0 6px;z-index:100; height:45px; width:950px; margin:auto; cursor:pointer;}
.links{font-size:11px;color:#00ccff;}
.links a{color:#0099cc;}
.links a:hover{ color:#333333;}
.legal{
	font-size:10px;
	color:#9a9a9a;

}

#footer .container{ width:1035px;}
.past_programs{visibility:hidden;}
.popup_container{position:relative;}
.scroller{ position:absolute; margin-top:30px; z-index:50; float:left; clear:left;}
a.past_programs{width:148px;height:25px; background:url(../images/past_programs_popup_btn.jpg) no-repeat top left;position:absolute; top:-16px}
a.past_programs:hover{background-position:0 -25px}
a.eat_real{height:170px; width:219px; display:block; position:absolute; top:40px; left:50px; float:left;z-index:9999999;background:url(../images/eat_real_popup_btn.jpg) no-repeat top left}
a.eat_real:hover{background-position:0 -170px}
a.taste_test{height:170px; width:219px;display:block; position:absolute; top:40px; left: 365px;float:left;z-index:9999999;background:url(../images/hellmanns_taster_popup_btn.jpg) no-repeat top left}
a.taste_test:hover{background-position:0 -210px}
a.bob_green{height:170px; width:219px;display:block; position:absolute;top:40px; left:700px; float:left;z-index:9999999;background:url(../images/bob_green_popup_btn.jpg) no-repeat top left;}
a.bob_green:hover{background-position:0 -173px}
.top_search{position:absolute; top:40px; left:7px; overflow:scroll; overflow-x:hidden; width:306px; height:274px;}

.title a:visited{ color:#0099CC;}
.title a:hover{ color:#1B1464;}
#feature .vrecipe{ float:left; clear:left;}
.frecipe a{ background:url(../images/find_recipes.png) no-repeat; height:33px;}
.sagain a{ background:url(../images/search_again.png) no-repeat; height:33px;}
.vrecipe{ float:left; width:95px; margin-top:5px;}
.vrecipe a{ background:url(../images/view_recipe_sml.png) no-repeat; height:10px;}

.button a{ display:block; overflow:hidden; text-indent:-9999px; clear:left;}


.button a:hover{ background-position:0 -31px}
.vrecipe.button a:hover{ background-position:0 -10px}
/*Footer End*/
.anyClass{ margin:auto; margin-top:30px;height:170px;}
.anyClass img {padding:50px 0px 0px -40px;}
.anyClass ul li{ float:left; margin:0px 25px 0px 25px;width:230px;}

.footer_item {position:relative;height:150px;margin:-50px 0 0 0;}
.footer_item a {display:block;position:absolute;bottom:10px;font-size:12px;color:#1e1163;font-weight:bold;width:100%;text-align:center;}

.footer_item_image{position:absolute;bottom:0;display:block;width:230px;text-align:center;float:left}
.footer_item_rollover{width:190px;padding:0 0 0 0;position:absolute;bottom:26px;left:20px;z-index:60;background:url('../images/carousel_rollover_bg.gif') no-repeat;opacity:0;}
.footer_item_rollover p {margin:15px 5px 0 5px; padding:0 10px 15px 0;color:#1b1464;text-align:center;font-size:12px;font-weight:bold}
span .green_txt{color:#538500; float:none; font-size:12px; font-weight:bold;}
span .light_blue_txt{color:#078695; float:none;font-size:12px; font-weight:bold;}
h1 span.light_blue_txt{color:#078695; float:none;font-size:18px; font-weight:bold; margin-left:0px;}
.dark_blue_txt{color:#151064;  float:none;font-size:12px; font-weight:bold;}

.download_guide{background:url(../images/tab_image.png) no-repeat; position:absolute;width:432px; height:73px;  z-index:5; bottom:-50px; left:2px;}
.download_pdf{ background:url(../images/recipe_tab.png) no-repeat; width:432px; height:26px; position:absolute; z-index:-5; bottom:-20px; left:20px;}
.text1{ position:relative; top:-11px; }
.text2{ position:absolute; z-index:60; top:-22px;left:60px}
.text3{ position:absolute; z-index:60; top:-22px;left:15px}
/*Forms*/
input{ width:180px; }
textarea{ width:180px; height:100px; }
.checkbox{ width: 20px; }
.submit{ width: auto; }

/*Send To Friend*/
.stf{ border:none; float:left; cursor:pointer; padding:3px; display:block; background:url(../images/email.gif) no-repeat center; height:10px; width:12px;}

/*PNG fixes*/
.img_dips{ background:url(../images/cat_dips.png) no-repeat; display:block; height:224px; width:142px;}
.img_salads{ background:url(../images/cat_salads.png) no-repeat; display:block; height:244px; width:135px; }
.img_sides{ background:url(../images/cat_sides.png) no-repeat; display:block; height:244px; width:142px; }
.img_sandwich{ background:url(../images/cat_sandwich.png) no-repeat; display:block; height:244px; width:135px; }
.img_main{ background:url(../images/cat_main.png) no-repeat; display:block; height:244px; width:135px; }
.img_dessert{ background:url(../images/cat_dessert.png) no-repeat; display:block; height:244px; width:135px; }
.stf{ border:none; float:left; cursor:pointer; padding:3px; display:block; background:url(../images/email.gif) no-repeat center; height:10px; width:12px;}

.chol_bottle{ background:url(../images/product_hellmanns_col.png) no-repeat; width:60px; height:151px;}
.real_bottle{background:url(../images/product_hellmanns_real.png) no-repeat; width:92px; height:151px;}
.light_bottle{background:url(../images/product_hellmanns_light.png) no-repeat; width:89px; height:151px;}
.dij_bottle{background:url(../images/product_hellmanns_dijonnaise.png) no-repeat; width:67px; height:151px;}
.oil_bottle{background:url(../images/product_hellmanns_olive_oil.png) no-repeat; width:61px; height:151px;}
.oil_light_bottle{background:url(../images/product_hellmanns_olive_oil_light.png) no-repeat; width:61px; height:151px;}
.product_select{background:url(../images/select_product.png) no-repeat; width:918px; height:16px;}
.button.kitchen a:hover{background-position:0 -12px;}