@charset "utf-8";
/* resets properties to normalize all grade A browers */
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, sub, sup, tt, var, dl, dt, dd, 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; }


html body { background-image:url(../images/body_bg.jpg);}
body { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:14px; line-height:18px;}
.clear { clear:both; }
p{margin-bottom:10px;}
a:active, a:visited, a:link { color:#7c0707; text-decoration:none;}
a:hover { text-decoration:underline; }


h1 { color:#7c0707; font-size:30px; letter-spacing:-1px; line-height:40px; }
h2 { color:#7c0707; font-size:18px; letter-spacing:-1px; line-height:40px; }

#main_body_container { width:980px; margin:auto; clear:both; }
#child_body_left { float:left; width:608px; padding:5px 15px;}
#child_body_right { float:left; width:312px; padding:5px 15px;}
#main_top_right{ float:right; width:60%; padding-bottom:10px;}
.product_package { position:absolute; margin:67px 0 0 -30px;}

#promo_bottom { margin:10px 0;}
#promo_bottom  .promo_container { float:left; width:300px; height:155px; }
#promo_bottom  .promo_container #flash1 { border-right:1px solid #fff; width:328px;}
#promo_bottom  .promo_container #flash2 {width:328px;margin-left:60px;}
#promo_bottom  .promo_container #flash3 { border-right:1px solid #fff; width:328px; margin-left:30px;}

#promo_seperator { width:1px; height:160px; background-color:#fff; float:left; margin:0 18px;}

#footer_container { height:130px; font-size:12px; margin:auto; width:985px; padding-top:10px;}
#footer_container table { margin:auto;}
#footer_container table tr td { margin:0; padding:6px 0;}
.footer_links { color:#fff;}
.footer_links a { color:#fff; text-decoration:none;}
.footer_links a:hover { color:#fff; text-decoration:underline;}

#content_search_bar {color:#7c0707; font-size:20px; font-weight:bold; height:28px; position:relative; margin:0 6px; padding:10px 10px 0 10px; font-family:"Times New Roman", Times, serif;}

a.button { text-decoration:none; position:relative; color:#FFF; margin-top:4px; display:block; font-weight:bold; z-index:55;  }
a.search_button_inner {text-decoration:none; padding:4px 7px; margin:0; color:#FFF; font-weight:bold; float:right; background-color:#ac0909; }

#header_container { height:55px; width:100%; background-color:#fff;font-family: "Times New Roman", Times, serif;}
#header {width:980px; height:inherit; background-image:url(../images/header-bg.jpg); background-position:top right; background-repeat:no-repeat; margin:auto;}
#dropshadow_header { height:11px; background-image:url(../images/header_dropshadow.png); width:100%; left:0; position:absolute; z-index:99;}

#login_container { float:left; height:30px; margin:10px 0 0 22px; padding:0px; width:349px;}
#login_controls{display:none; position:absolute; margin:40px 0 0 234px; z-index:1000; width:349px;}
#search_container { float:right; background-color:#fff; border:1px solid #ac0909; height:25px; margin-top:10px; margin-right:10px; width:250px; }
#searh_field { position:relative; margin-top:4px;}
#login_include { font-size:12px; font-weight:bold; color:#000;}

.btn_red { font-size:14px; height:25px; padding:0 10px;}
.productLocatorError { font-size:9px !important; color:#980808 !important;}

#site_logo { margin:auto; float:left; margin-left:0px; z-index:100; position:relative;}
#site_logo img { margin-top:6px;}

/* search results */
.searchRsltDesc{font-size:12px;}
.searchRsltType{margin-left:10px; font-size:10px; font-style:italic; color:#444;}

.recipeIngredients ul{margin-top:0px;}
.recipeIngredients ul li{ list-style-type:none; margin-left:-16px; line-height:20px;}
.recipeDirections ol li{ margin-left:10px; line-height:20px; padding-bottom:8px; }
.recipeDirections ol {padding-bottom:20px; margin-right:0px;}
#recipe_description p, #recipe_description a{font-size:12px; line-height:18px;}

#menu {margin:auto; width:980px; position:relative; left:9px; z-index:79;}
#nav { z-index:90; float:right;}
#nav, #nav ul{margin:0 0 0 0;padding:0;list-style-type:none;list-style-position:outside;position:relative;line-height:1.5em;}
#nav ul li.foot { background-image:url(../images/menu/child_btm.png); background-repeat:no-repeat; height:12px; width:193px; position:relative; top:22px;}
#nav a{font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#fff; text-decoration:none; line-height:16px;}
#nav a:hover{color:#FC0; text-decoration:none;}

#nav li{float:left;position:relative;}
#nav ul {position:absolute;display:none;width:192px;top:48px; left:0px; background-color:#c80909; padding-top:15px; padding-bottom: 0px;}
#nav ul.first {position:absolute;display:none;width:193px;top:49px; left:10px; background-color:#c80909; padding-top:5px;}
#nav li ul a{width:10em;height:auto;float:left; padding:0 0 0 10px; text-decoration:none; margin:0 0 0 10px;}
#nav li ul li{padding:10px 0 0 0;}


#nav ul ul{top:auto; background-color:#c80909; z-index:98;}	
#nav li ul ul {left:12em;margin:0px 0px 0px 10px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}


/* sharebox */

#sharebox a:link,
#sharebox a:visited {color:#fff; text-decoration:none;}
#sharebox a:hover{text-decoration:underline;}

#sharebox {width:125px; padding:10px 12px; background-color:#deab42; float:right; position:relative; top:5px; left:5px; z-index:9999; }
#sharebox a{font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.shareIcon { font-size:12px; padding-bottom:3px;}
.shareIcon img { padding:0 5px 0 0;}

/* icon links on recipe page */
.recipeListIcons a{padding:0 5px;}


#pagination .active{background:#f1c663;color:#50060d;font-weight:bold;display:block;float:left;padding:4px 6px;}
#pagination a:link,
#pagination a:visited {color:#fff;display:block;float:left;padding:3px 6px;text-decoration:none;}
#pagination a:hover{border:solid 1px #fff;}


.page_copy { color: #000; font-size: 14px; padding-top: 15px; padding-bottom: 20px; }

#facebox {color: #000000; }
#facebox td.body {background-color:#eaca03;}

/* articles */
#article_top_left { float:left; width:450px; padding-bottom:10px; font-size:12px; line-height: 20px; }
#article_top_left p{ padding: 8px 0 8px 0; }
#article_top_right{ float:right; width:150px; padding-bottom:10px; margin-right:0px;}
#article_btm_content { border-top:1px solid #fff; padding:10px; }
#article_btm_content .ds_container { float:left !important; margin-left:20px !important; width:334px; }
#article_btm_content .contentItem_recipes { float:left; padding:0 !important; margin-left:10px;}
#article_btm_content #recipe_description { width:220px !important;}
#article_btm_content #recipe_description a {float:left !important;}
#article_btm_content #sharebox { position:absolute; left:-1000px;}
#article_btm_content .clear { clear:none !important;}
#article_btm_content h3 { width:220px;}
#article_btm_content .contentItem_recipes canvas { display:none;}

#favoriteCount { text-align:right; font-size: 12px; }
#favoriteCount .title { text-align:right; padding-right: 5px; font-weight: bold; }
#favoriteCount .content { text-align:left;  }

#article { }
#article .title { display: none; }
#article .content { text-align:left }
#article .content img { float: right; margin: 0px 0px 10px 10px; }
#article #headline-title {  }
#article #headline { font-size:20px; text-align:left; padding-bottom: 10px; }

#article_right { padding: 100px 20px 0 0; }

#article-byline { }
#article-byline .title {font-weight: bold; }
#article-byline .content { }

.list-item-left { float: left; width:50%; }

/*registration form*/
#registration_form label, #contact_form label{ float:none; margin-right:3px;}
#registration_form label.title, #contact_form label.title, #contact_form td.title { float:right; margin-right:3px; font-weight: bold;}
#registration_form .title { float:right; margin-right:3px; font-weight: bold; text-align: right;}
#registration_form label.radio{ float:none; margin-left:3px; }
#registration_form td, #contact_form td { padding:3px; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; }
#registration_form input, #contact_form input{ padding:2px;}
#registration_form select, #contact_form select{ margin-left:3px;}
#registration_form label#optIn1,#registration_form label#optIn2 { float:left;}
#optIn11,#optIn12,#optIn21,#optIn22,#hasChildren1,#hasChildren2 { border:none;}
#registration_form .errortext, #contact_form .errortext { font-size:12px; color:#980808;}
#registration_form .question  { float:left; margin-right:3px; }
#registration_form .segment_checkbox_label { float:left; text-align:left; padding:0px; margin:0px; }

/* flash */
#flash_home { padding-top:5px; }
#flash_recipe { padding-top:5px; }
#promo_side .promo_container { padding:10px 0; }
#main_body_container #flash_hero {  }
/* position:absolute; margin:6px 0 0 -9px; */


/* product page - nutritional info */
table.nutritionPanel{border:solid 1px; padding:8px; margin:0; background:#fff; color:#000;}
.nutritionPanelParent th, .nutritionPanelParent p, .nutritionPanelParent, .nutritionPanel p, .nutritionPanel th, .nutritionPanel td, .nutritionPanel{font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:12px;}
.nutritionPanel .vitamin{width:40%;}
.nutritionPanel .vitamin p{float:left; font-size:9px; }
.nutritionPanel .nutritionDivider{background:#000;}
.nutritionPanel .child{text-indent:10px;}
.nutritionPanel .dvTbl{height:16px;}
.nutritionPanelParent{border:solid 1px; padding:8px; margin:20px 0 20px -6px; background:#fff; color:#000;}


.form-label { font-size:12px; font-weight:bold; }
#login-content { font-size:12px; }


/* terms & conditions */
#terms { padding-top: 10px; }
#terms p { padding: 10px 0px; } 
#terms .subhead { font-weight:bold; }
#terms .emphasis { font-weight:bold; }

/*favorites dropdown*/
#favorites { margin-top:10px; color:#810707;}
#favorites h5 {font-size:15px; font-weight:bold;}

#password_request_form  { padding:20px 0px 30px 0px; }
#password_request_form label{ font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; font-weight: bold; }

/* buttons */
#searchRecipes_button {float:right; margin-top:0px;}
.buttonSearchRecipes {float:left; clear:both; cursor:pointer; height:30px; width:144px; background:url(../images/buttons/search-recipes.png) left no-repeat;}
.buttonSearchRecipes:hover {height:30px; width:144px; background:url(../images/buttons/search-recipes.png) right no-repeat;} 

#findPasta_button {float:right; margin-top:0px;}
.buttonFindPasta {float:left; clear:both; cursor:pointer; height:30px; width:126px; background:url(../images/buttons/find-pasta.png) left no-repeat;}
.buttonFindPasta:hover {height:30px; width:126px; background:url(../images/buttons/find-pasta.png) right no-repeat;} 

#searchFooter_button {float:right; margin-top:0px; padding-top:5px;}
.buttonSearchFooter {float:left; clear:both; cursor:pointer; height:30px; width:84px; background:url(../images/buttons/search-sm.png) left no-repeat;}
.buttonSearchFooter:hover {height:30px; width:84px; background:url(../images/buttons/search-sm.png) right no-repeat;} 

#login_button {float:left; margin-top:0px; }

#loginPageLogin_button { float:left; margin-top:0px; }
.buttonLoginPageLogin {float:left; clear:both; cursor:pointer; height:26px; width:71px; background:url(../images/buttons/login-sm.png) left no-repeat;}
.buttonLoginPageLogin:hover {height:26px; width:71px; background:url(../images/buttons/login-sm.png) right no-repeat;} 

#signin_button_red {float:left; padding:1px 8px; z-index:101; cursor:pointer; position:relative;}
.signInButtonRed {float:left; display:block; cursor:pointer; height:40px; width:71px; background:url(../images/buttons/login-sm.png) left no-repeat;z-index:101;}
.signInButtonRed_hover {height:40px; width:71px; display:block; background:url(../images/buttons/login-sm.png) right no-repeat;z-index:101;} 

.signInButton {float:left; clear:both; cursor:pointer; height:40px; width:363px; background:url(../images/buttons/login.png) left no-repeat;}
.signInButton:hover {height:40px; width:363px; background:url(../images/buttons/login.png) right no-repeat;} 

.viewRecipeBox {float:left; clear:both; cursor:pointer; height:40px; width:320px; background:url(../images/buttons/view-favorites.png) left no-repeat;}
.viewRecipeBox:hover {height:40px; width:320px; background:url(../images/buttons/view-favorites.png) right no-repeat;} 

#submitRegistration {float:left;}
.buttonSubmitRegistration {float:left; clear:both; cursor:pointer; height:30px; width:182px; background:url(../images/buttons/submit-registration.png) left no-repeat;}
.buttonSubmitRegistration:hover {height:30px; width:182px; background:url(../images/buttons/submit-registration.png) right no-repeat;}

#updateProfile_button {float:left;}
.buttonUpdateProfile img {height:30px; width:142px;}
.buttonUpdateProfile {float:left; clear:both; cursor:pointer; height:30px; width:142px; background:url(../images/buttons/updateProfile.png) left no-repeat;}
.buttonUpdateProfile:hover {height:30px; width:142px; background:url(../images/buttons/updateProfile.png) right no-repeat;}

#updateRegistration {float:left;}
.buttonUpdateRegistration {float:left; clear:both; cursor:pointer; height:30px; width:142px; background:url(../images/buttons/update-registration.png) left no-repeat;}
.buttonUpdateRegistration:hover {height:30px; width:142px; background:url(../images/buttons/update-registration.png) right no-repeat;}

#submit_btn {float:left;}
.buttonSubmit {float:left; clear:both; cursor:pointer; height:30px; width:93px; background:url(../images/buttons/submit.png) left no-repeat;}
.buttonSubmit:hover {height:30px; width:93px; background:url(../images/buttons/submit.png) right no-repeat;}

#contactSubmit_btn {float:left;}
.buttonContactSubmit {float:left; clear:both; cursor:pointer; height:30px; width:87px; background:url(../images/buttons/submit.png) left no-repeat;}
.buttonContactSubmit:hover {height:30px; width:87px; background:url(../images/buttons/submit.png) right no-repeat;}

#passwordSubmit_button {float:left;}
.buttonPasswordSubmit {float:left; clear:both; cursor:pointer; height:30px; width:87px; background:url(../images/buttons/submit.png) left no-repeat;}
.buttonPasswordSubmit:hover {height:30px; width:87px; background:url(../images/buttons/submit.png) right no-repeat;}

/*paging controls*/
ul#pagination{border:0; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; margin-left:6px;}

#pagination li{border:0; margin:0; padding:0;font-size:11px;list-style:none;margin-right:2px; float:left;}
#pagination a{border:solid 1px #f1c663;margin-right:2px; font-family:Arial, Helvetica, sans-serif;}
#pagination .previous-off,
#pagination .next-off {border:solid 1px #DEDEDE; color:#888888;display:block;float:left;font-weight:bold;margin-right:2px;padding:3px 4px;}
#pagination .next a,
#pagination .previous a {font-weight:bold; color:#fff; background:#4f060d;}
#pagination .active{background:#f1c663;color:#50060d;font-weight:bold;display:block;float:left;padding:4px 6px;}
#pagination a:link,
#pagination a:visited {color:#fff;display:block;float:left;padding:3px 6px;text-decoration:none;}
#pagination a:hover{border:solid 1px #fff;}

#pagingAlert{ float:left; width:140px; font-size:14px; font-weight:bold; height:26px;}

/*search controls*/
#searchControls {background-color:#CEAD68; padding:5px;}
#searchControls table td { padding:0 5px;}

/* user rating results area*/
.recipeRating{margin:12px 0 2px 10px; padding-top:20px; width:150px;}
#rating_title { color:#7c0707; font-weight:bold;}
#messages { clear:left; width:140px; font-size:12px; line-height:13px;}

.profilePwd{display:none;}

#topSiteSearch, #right_column_content, #sharebox, .rounded_image, .promoTileDiv, #topSiteSearch, .ds_container, .rounded_image, .ds_container .promoTileDiv{display:none;}
div .recipeList{display:hidden;}
div .recipeList table{display:inline;}


canvas{display:none;}
