@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;}
/* Common classes */
em { font-style: italic; }
strong { font-weight: bold; }
hr { display: none; }
div.hr-short { /*clear: both;*/ background: url(../images/hr-short-line.png) repeat-x 50% 50%; height: 1px; width: 230px; padding: 6px 0; }
div.hr-long { clear: both; background: url(../images/hr-long-line.png) repeat-x 50% 50%; height: 1px; width: 600px; padding: 6px 0; }
.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; }
h3 { color:#7c0707; font-size:16px; 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:360px; padding: 0 0 10px 10px;}
.product_package { position:absolute; margin:67px 0 0 -30px;}
#main_top_right_short{ float:right; width:35%; padding-bottom:10px;}
#main_top_left_long { width: 60%; padding-bottom:10px; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; line-height: 21px; }

#promo_bottom { margin:10px 0;}
#promo_bottom  .promo_container { float:left; width:300px; height:155px; }
  
#ugcshare {width:125px; padding:10px 12px; background-color:transparent; float:right; position:relative; top:5px; right:10px; z-index:89; float:right; border: 1px solid #8e0b1a; }
#ugcshare a{font-family:Arial, Helvetica, sans-serif; font-size:11px;}

#submit-a-recipe{background:url(../images/buttons/submit-a-recipe.png) no-repeat left; width:135px; height:27px; display:block;}
#submit-a-recipe:hover{background:url(../images/buttons/submit-a-recipe.png) no-repeat right; width:135px; height:27px;}

#submit-recipe{background:url(../images/buttons/submit-recipe.png) no-repeat left; width:135px; height:27px; display:block;}
#submit-recipe:hover{background:url(../images/buttons/submit-recipe.png) no-repeat right; width:135px; height:27px;}

#promo_bottom  .promo_container #flash1 { border-right:1px solid #fff; width:328px; margin-left:30px;}  
#promo_bottom  .promo_container #flash2 {width:328px;margin-left:60px;}
#promo_bottom  .promo_container #flash3 { border-right:1px solid #fff; width:328px;}
/*
#promo_bottom  .promo_container #flash2 { border-right:1px solid #fff; width:328px;}
#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:160px; 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;}

#site_footer .footer_content { margin: 0 auto; width: 850px; font-size: 12px; font-family:Arial, Helvetica, sans-serif; }
#site_footer .footer_content img.footerLogo { float: left; width: 109px; height: 48px; padding: 16px 0 0 0; }
#site_footer a, #site_footer a:hover { color: #fff; }
#site_footer p { font-size: 12px; color: #fff; }
#site_footer ul { padding: 0 0 0 10px; margin: 0; color: #333; }
#site_footer ul#annex { float: left; width: 690px; }
#site_footer ul#annex li { display: inline; list-style: none; margin: 0; padding: 0 5px; border-left: 1px solid #fff; line-height: 20px; }
#site_footer ul#annex li.first { border: none; padding-left: 0; }
#site_footer ul#annex li img { float: none; }
#site_footer iframe { }
#site_footer #followBox { float: right; width: 130px; border-left: 1px solid #fff; }
#site_footer #followBox h3 { text-transform: uppercase; font-size: 16px; padding: 0 0 0 10px; color: #fff; float: left; font-weight: bold; line-height: 30px; }
#site_footer #followBox ul { clear: both; padding: 0 0 0 10px; }
#site_footer #followBox li { float: left; display: inline; list-style: none; margin: 0; padding: 0 0 5px 5px; line-height: 20px; }
#site_footer #followBox li.first { border: none; padding-left: 0; }
#site_footer #followBox li.rss { background:url(../images/rss.png) no-repeat 0 0; padding: 0 0 0 20px; display: block; }
#site_footer #followBox li.rss a { display: block; }



#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;}

.signin_container { padding:0 5px 5px 5px; z-index:65; position:relative; }
/* Login Box */
.loginContainer { width:150px; height:20px; background:url(../images/input-rounded-143w-19h.png) no-repeat 0 0; margin:0 10px 0 0; }
.loginContainer .insideTextBox { float:left; margin:3px 0 0 8px; padding:0; border:0; width:130px; background:none; }


.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:11em;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;}

.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_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 { font-weight:normal; 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 { }

#article #glycemicIndexArticleImg { float: left; margin: 2px 2px 2px 0; }

.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, .errortext { font-size:12px; color:#f00;}
#registration_form .question  { float:left; margin-right:3px; }
#registration_form .segment_checkbox_label { float:left; text-align:left; padding:0px; margin:0px; }
#registration_form .changePassword { padding: 3px; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; cursor: pointer; }

/* 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:167px; background:url(../images/buttons/recipe_box.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:87px; background:url(../images/buttons/submit.png) left no-repeat;}
.buttonSubmit:hover {height:30px; width:87px; 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*/
#pagination { color: #7b0909; }
ul#pagination{border:0; margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:9px; margin-left:6px;}
#pagination a:link, #pagination a:visited {color:#fff;display:block;float:left;padding:0 6px;text-decoration:none;}
#pagination a:hover { text-decoration:none; background:#7b0909; color:#fff; }
#pagination li {border:0; margin:0; padding:0;font-size:10px;list-style:none;margin-right:2px; font-family:Verdana, Geneva, sans-serif; float:left;}
#pagination .active { background:#fff;color:#000;font-weight:normal;display:block;float:left;padding:0 6px;}
#pagination li a:hover { color: #7b0909; background: #fff; }
#pagination a {margin-right:2px; font-family:Verdana, Geneva, sans-serif; padding:0 6px; background-color:#7b0909;}
#pagination .previous-off, #pagination .next-off {color:#7b0909;display:block;float:left;font-weight:bold; padding:1px 6px; }
#pagination .next a, #pagination .previous a {font-weight:bold; color:#7b0909; border:none; background-color:transparent;}
#pagination .next a:hover, #pagination .previous a:hover {font-weight:bold; color:#7b0909; border:none; text-decoration:underline; background-color:transparent;}
#pagingAlert{ float:left; width:140px; font-size:10px; font-weight:bold; height:12px; font-family:Arial, Helvetica, sans-serif;}


/*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;}

/*faqs*/
#faqs { list-style:none;}
#faqs li a { font-weight:bold;}
#faqs li { padding-bottom:5px;}
#faqs li ul {padding-top:10px;}
#faqs li ul li a { font-weight:normal; font-style:italic;}
#faqs li ul li, #faqs li ul li ul li { text-transform:none;}
#faqs li ul, #faqs li ul ul { list-style:none;}

/*conversion tables*/
#slide_panel table th a{outline: none;}
a.slide_button {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#ffffff;}
#slide_panel {display: none; width:606px;}
.slide_button { background:transparent url(../images/buttons/table-plus.png) left 8px no-repeat; padding: 6px 5px 0 25px; margin-left:10px; display: block; color: #fff; text-decoration: none; height:30px; outline: none;}
.minus_icon {background:transparent url(../images/buttons/table-minus.png) left 8px no-repeat;outline: none;}
#ctable-header{ background:transparent url(../images/buttons/conversion-table-tab.png) no-repeat; height:36px; width:606px;}
#slide_panel table tr td { padding:10px; font-family: Arial, Helvetica, sans-serif !important; font-size:12px !important;}
#slide_panel table, #slide_panel th, #slide_panel td { border:1px solid #cfb168;}
#slide_panel table { margin-bottom:10px;}
#slide_panel table th { background-color:#dabb6b; padding:8px 10px; text-transform:uppercase; color:#000000; font-size:12px !important; font-family:Arial, Helvetica, sans-serif !important;}
.measuring-pasta-copy { width:445px; margin:15px 0 50px 0;}

#recipe_hero { float: right; width: 60%; height: 186px; padding: 6px 5px 10px 10px; }
.member-recipe { position: absolute; top: -7px; left: -17px; }
#legalFirst { font-size: 12px; width: 500px; line-height: 20px; }
#userAgreement { border: 1px solid #000; background: #fff; height: 100px; margin: 10px 0; overflow: auto; padding: 10px; width: 480px; font-size: 14px; }

#member-recipes-header { background: url(../images/member-recipe-card.png) no-repeat 100% 100%; min-height: 130px; }

#tabbed_box_1 { margin: 0px auto 0px auto; width:620px; }
#tabbed_box_1 .pagingControls {  }
.tabbed_area { padding: 10px 10px 0 0;  }
ul.tabs { margin:0px; padding:0px; margin:5px 0 4px; }
ul.tabs li { list-style:none; display:inline; }
ul.tabs li.first { margin-left: 10px; }
ul.tabs li a { color: #8e0b1a; padding: 6px 16px; text-decoration:none; font-size: 10px; font-family: "Times New Roman", Times, serif; font-weight:bold; text-transform:uppercase; letter-spacing: 2px; background: url(../images/tab-off.png) repeat-x 0 0; margin: 0 2px; }
ul.tabs li a:hover { background:#cea665; }
ul.tabs li a.active { color: #000; background: url(../images/tab-on.png) repeat-x 0 0; padding: 8px 16px; *padding: 7px 16px;  }

.tab-content { padding:10px; font-family:Arial, Helvetica, sans-serif; background: url(../images/tab-content-bg.png) repeat-x 0 0; }
#content_2, #content_3, #content_4 { display:none; }

#tinymce { color: #000; background: #fff; }
#tinymce ul, #tinymce ol { padding: 0; margin: 0; }
#tinymce ol { list-style: decimal; }
#tinymce li { margin-left: 30px; }

table#recipe_form tr td { padding: 6px 0; }
table#ingredients_tbl tr td, table#directions_tbl tr td { padding: 0; }
table#topFive #rateRecipeContainer { margin-left: 0;}
#ingredients_resize { display:none; }
#directions_resize { display:none; }
.submitRecipeBy { font-size: 14px; padding: 5px 0; }