@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, 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: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

html, body { height: 100%; }
html body { font-family: Georgia, Verdana, Arial, Geneva, sans-serif; font-size: 12px; }
#outer-wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -130px; }
body.homepage { background: #e5ad60 url(../images/bg-homepage.jpg) no-repeat 50% 100px; }
body.interior { background: #e5ad60 url(../images/bg-interior.jpg) repeat-y 50% 0; }

/* Links */
a:link { text-decoration: none; color: #b11b08; }
a:visited { text-decoration: none; color: #b11b08; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { text-decoration: underline; color: #faf0d7; }

/* Common classes */
em { font-style: italic; }
strong { font-weight: bold; }
hr { display: none; }
div.hr { clear: both; background: url(../images/line-dots.gif) repeat-x 50% 50%; height: 10px; padding: 10px 0; }
.accessibility { display: none; }
.clear { clear: both; }
.hide { display: none; }
.invisible { visibility: hidden; }
.notice { font-style: italic; color: #f00; }
.nowrap { white-space: nowrap;}
* br.clear { font-size: 1px !important;}
p.focus { text-align: center; }
.focus img { display: block; margin: 0 auto; }
sup {	vertical-align: super; text-transform: uppercase; font-size: 80%; }
.imgLeft { float: left; margin: 10px 20px 0 0; }
.imgRight { float: right; margin: 10px 0 0 20px; }
address span { display: block; font-style: normal; }
textarea { overflow: auto; }

/* Structure */
#site_header_wrapper { background: url(../images/wood-grain-header.png) repeat-x 0 0; height: 180px; }
#site_header, #main { width: 960px; margin: 0 auto; }

/* Login */
#login_container { float: right; color: #f9f0e2; width: 800px; padding: 4px 0 0 0; }
#login_container a { color: #e7b368; }
#loginBtn span a { float: left; width: 100px; background: url(../images/login-arrow.png) no-repeat 0 2px; color: #f9f0e2; font-size: 14px; padding: 0 0 0 16px; display: block; }
.notLoggedIn, .loggedIn { float: left; }
.notLoggedIn a, .loggedIn a, .contactUs { font-style: italic; }
.contactUs { float: right; text-align: right; width: 100px; }
span.loginErrorMsg { text-align: left; }
#user_controls { position: relative; z-index: 125; }
#login_controls { display: none; padding: 10px; border: 2px solid #814023; background: #fbefd7; color: #694314; position: absolute; top: 30px; left: 0; width: 240px; z-index: 101; }
#login_controls a { color: #b11b08; }
#btnLogin { background: url(../images/btn-login.png) no-repeat 0 0; display: block; width: 70px; height: 23px; }
#btnLogin:hover { background-position: -70px 0; display: block; cursor: pointer; }
#btnSubmit { background: url(../images/btn-submit.png) no-repeat 0 0; display: block; width: 70px; height: 23px; text-indent: -9999px; }
#btnSubmit:hover { background-position: -70px 0; display: block; cursor: pointer; }
#loginError { display: none; margin: 0 auto; padding: 10px; color: #f00; width: 190px; }
#closeLogin { cursor: pointer; float: right; }
form td { padding: 6px 0 0 12px; font-size: 12px; }
form label.title { float: right; }
#commentLabel, #likeToReceive, #subscriptionDescription, #subscriptionDescription { text-align: right; }
form td input { text-align: left; }
.errortext { color: #f00; }

/* Navigation */
#menu { float: right; }
#nav { margin: 16px 0 0 0; padding: 0; width: 800px; height: 50px; font-size: 14px; font-weight: bold; font-style: italic; /*text-shadow: 0px 1px 1px #000;*/ clear: both; }
#nav li { margin:0; padding:0; float:left; width: 114px; text-align: center; display: inline; list-style: none; height: 50px; position: relative; z-index: 90; }
#nav ul { margin:0; padding:0; background: url(../images/nav-dropdown.jpg) no-repeat 0 0; width: 240px; list-style: none; display: none; position: absolute; top: 70px; left: 0; z-index: 0; }
#nav ul li { float: left; width: 240px; text-align: left; /* IE 7 */ display: block!important; display: inline; height: 35px; line-height: 35px; }
#nav a { display: block; padding: 10px 0; color: #faf0d7; text-decoration: none; height: 50px; position: relative; z-index: 100; }
#nav a:hover, #nav li:hover a { background: transparent url(../images/nav-current.png) repeat-x; }
/* Drop Down */
#nav li:hover li a { float: none; padding: 0 16px; background: transparent; border: none; line-height: 35px; height: 35px; }
/* Hover */
#nav li:hover li a:hover { background: url(../images/nav-dropdown-hover.png) no-repeat 0 0; }
#nav li.current a, #nav li.current a:hover { background: transparent url(../images/nav-current.png) repeat-x 0 0; }
#nav li:hover ul, #nav ul li:hover ul { display: block; }

/* Content */
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1 { font-size: 36px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; padding: 6px 0; }
h4 { font-size: 14px; }

#logo img { float: left; width: 152px; height: 143px; padding: 20px 0 0 0; }

/* Center Mast */
#midmast { min-height: 600px; width: 960px; margin: 0 auto; position: relative; top: 25px; left: -20px; }
#midmast .leftCol { float: left; width: 640px; color: #fde9bd; }
#midmast .leftCol img {  }
#midmast ul#btnCycle { position: absolute; top: -30px; right: 50px; z-index: 60; margin: 0; padding: 0; }
#midmast ul#btnCycle li { float: left; display: inline; }
#midmast ul#btnCycle li a { display: block; width: 33px; height: 44px; text-indent: -9999px; }
#midmast ul#btnCycle li.btnLeft a { background: transparent url(../images/left-arrow.png) no-repeat 0 0; }
#midmast ul#btnCycle li.btnLeft:hover a { background-position: 0 -44px; display: block; cursor: pointer; }
#midmast ul#btnCycle li.btnRight a { background: transparent url(../images/right-arrow.png) no-repeat 0 0; }
#midmast ul#btnCycle li.btnRight:hover a { background-position: 0 -44px; display: block; cursor: pointer; }
#midmast .rightCol { float: right; width: 300px; }
#midmast .rightCol h3 { clear: both; color: #b11b08; font-size: 22px; font-style: italic; }
#midmast .rightCol .inside { padding: 5px 20px; }
#midmast .rightCol p.featuredRecipe { clear: both; margin: 20px 0 0 0; line-height: 0; }
#midmast .rightCol p { color: #814023; font-size: 14px; line-height: 20px; }
#midmast .viewMore { margin: 20px 0 50px 80px; }
#midmast .viewMore a { padding-left: 15px; background: url(../images/red-arrow.gif) no-repeat 0 2px; color: #b11b08; font-style: italic; font-weight: bold; }
#midmast .rightCol img { padding: 8px 0 0 0; }
#midmast .rightCol { *margin-right: 20px; }


/* Interior pages */
#main_body { width: 960px; margin: 0 auto 20px; text-align: left; color: #694314; font-size: 14px; }
#main_body #content { width: 690px; padding-bottom: 20px; line-height: 22px; }
#main_body #content h1 { font-size: 30px; font-style: italic; line-height: 26px; }
#main_body #content h2 a { color: #b11b08; font-style: italic; }
#main_body #content .readMore a { color: #b11b08; float: right; font-style: italic; }
#main_body #content .italianTitle { font-size: 26px; font-style: italic; line-height: 20px; color: #d6b791; }
#main_body #content .insRightCol img { border: 2px solid #694314; }
#main_body #content p { padding: 8px 0 0; }
#main_body #content h3 { font-style: italic; font-size: 18px; }
#main_body #content ul, #main_body #content ol { margin: 0 0 0 10px; }
#main_body #content ul li, #main_body #content ol li { margin: 0 0 10px 10px; }
#main_body #content #directions p { padding: 0 0 10px 0; }
#main_body .leftCol { float: left; width: 690px; }
#main_body .leftCol ul#shareTools { margin: 10px 0; padding: 0; }
#main_body .leftCol ul#shareTools li { display: inline; list-style: none; margin: 0; padding: 0 6px; border-left: 1px solid #694314; }
#main_body .leftCol ul#shareTools li a { color: #b11b08; }
#main_body .leftCol ul#shareTools li.first { border: none; padding-left: 0; }
#main_body .leftCol img.imgRight { border: 2px solid #694314; }
#main_body .rightCol { float: right; width: 250px; padding: 8px 0; }
#main_body .leftCol .insLeftCol { float: left; width: 270px; position: relative; }
#main_body .leftCol .insRightCol { float: right; width: 400px; }

#main_body .leftCol .insLeftCol p#packageOverlay img { position: absolute; top: 100px; left: 0; padding: 0; }
#main_body .leftCol .insLeftCol #prodBrief { margin: 10px 20px 0; }
#prodBrief, #saucePair, #servings, #winePair { font-style: italic; margin: 0 20px; line-height: 18px; }
#saucePair, #winePair { font-size: 12px; }

#main_body #content .recipeContent, #main_body #content .articleContent { font-style: italic; line-height: 16px; }
#main_body #content .recipeContent .insLeftCol img, #main_body #content .articleContent .insLeftCol img { border: 2px solid #694314; }
#main_body #content .recipeContent h4, #main_body #content .articleContent h4 { font-size: 20px; line-height: 22px; }
#main_body #content .recipeContent .italianTitle { font-size: 18px; }
#main_body #content .recipeContent ul#recipeList { clear: both; list-style: none; margin: 0; padding: 20px 0 0 0; }
#main_body #content .recipeContent ul#recipeList li #shareTools { font-style: normal; margin-bottom: 20px; }
#main_body #content .recipeContent ul#recipeList li .insLeftCol { margin-bottom: 20px; }
#main_body #content ul#pastaShapes { position: relative; list-style: none; padding: 0; margin: 0; float: left; }
#main_body #content ul#pastaShapes a { color: #b11b08; font-style: italic; }
#main_body #content ul#pastaShapes img { border: none; }
#main_body #content ul#pastaShapes li { float: left; display: inline; margin: 10px 0 10px 10px; width: 330px; }
#main_body #content ul#pastaShapes li p { padding: 0 10px 0 120px; font-size: 12px; }
#main_body #content ul#pastaShapes li.nth-child-odd { clear: left; }

/* Ingredient box */
#main_body .insLeftCol #ingredients { float: left; width: 270px; }
#main_body .insLeftCol #ingredients h3 { background: url(../images/line-dots.gif) repeat-x 0 100%; }
#main_body .insLeftCol #ingredients ul { padding: 0; margin: 10px 0 0 0; list-style: none; }
#main_body .insLeftCol #ingredients ul li { font-size: 13px; line-height: 24px; list-style: none; background: url(../images/bullets.gif) no-repeat 0 10px; padding: 0 0 0 10px; margin: 0; }
#main_body .insLeftCol #ingredients .recipeBoxStart { background: transparent url(../images/ingredients-bg.png) repeat-y scroll 0 0; }
#main_body .insLeftCol #ingredients .recipeBoxEnd { background: transparent url(../images/ingredients-bg.png) no-repeat 0 100%; height: 25px; margin-top: -23px; }
#main_body .insLeftCol #ingredients .inside { padding: 5px 20px; }
#main_body .insLeftCol #ingredients p { margin: 10px 0 0 30px; line-height: 20px; }

/* Paging controls */
ul#pagination { margin: 0; padding: 0; float: right; font-family: Verdana, Geneva, sans-serif; font-size: 9px; margin-left: 10px; }
#pagination li { margin: 0; padding: 0; float: left; font-size: 10px; list-style: none; margin-right: 4px; font-family: Verdana, Geneva, sans-serif; }
#pagination a { padding: 0 6px; color: #e5ad60; background: #b11b08; font-family: Verdana, Geneva, sans-serif; }
#pagination .previous-off, #pagination .next-off { color: #b11b08; display: block; float: left; font-weight: bold; padding: 1px 6px; }
#pagination .next a, #pagination .previous a { font-weight: bold; color: #b11b08; border: none; background-color: transparent; }
#pagination .next a:hover, #pagination .previous a:hover { font-weight: bold; color: #fff; background: #e5ad60; border: none; text-decoration: underline; background-color: transparent; }
#pagination .active { background: #e5ad60; color: #694314; font-weight: normal; display: block; float: left; padding: 0 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: #e5ad60; color: #50060d; }
#pagination .next a, #pagination .next a:hover, #pagination .previous a, #pagination .previous a:hover { color: #b11b08; }
#pagingAlert { float: left; width: 140px; font-size: 10px; font-weight: bold; height: 12px; font-family: Arial, Helvetica, sans-serif; }

/* Rating styles */
#messages { clear: left; width: 140px; font-size: 12px; }
#newRating, #nonMemberRate { width: 140px; }
#rating_title { font-size: 14px; }

#retailerLocation { float: left; padding: 20px 0; }
span.retailerName { font-size: 20px; line-height: 20px; }
#prodAddress address { margin: 20px 0; }
#map { float: left; width: 400px; height: 400px; border: 2px solid #694314; margin: 20px 20px 20px 0; clear: both; }
#termsCond h3, #priPolicy h3 { margin-top: 12px; }

/* Footer */
#footer-wrapper, #force { height: 130px; }
#footer-wrapper { clear: both; background: url(../images/footer-tear.png) repeat-x 0 0; }
#footer { width: 960px; margin: 0 auto; height: 130px; background: url(../images/footer-italy.png) no-repeat 60px 30px; font-size: 12px; color: #faf0d7; text-align: center; }
#footer ul, #footer p { padding: 0 0 5px 100px; margin: 0; }
#footer ul#annex { padding-top: 50px; }
#footer ul#annex li { display: inline; list-style: none; margin: 0; padding: 0 6px; border-left: 1px solid #faf0d7; line-height: 20px; }
#footer ul#annex li.first { border: none; padding-left: 0; }

/* scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 2008 Mark Wubben, <http://novemberborn.net/>
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.
This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*/
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
/* Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active so they only apply if sIFR is active. Make sure to limit the CSS to the screen media type, in order not to have the printed text come out weird. */
.sIFR-active #ingredients h3, .sIFR-active .italianTitle, #content .insRightCol h3 { visibility: hidden; font-family: Verdana; }