/*
Table of Contents
=BASE
=WORKAROUNDS
=GLOBAL LAYOUT
=COMMON
=MODAL
*/


/* =BASE */

html {
	overflow-y:scroll; /* always show the vertical scrollbar to avoid visual jumps when the page dynamically grows longer */
    overflow-x:auto;
}

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;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline-color:silver;
}

strong {font-weight:bold;}
em {font-style:italic;}
sup {
	bottom:0.5em;
	height:0;
	line-height:1;
	font-size:0.7em;
	position: relative;
	vertical-align:baseline;
}
h1 sup {font-size:0.6em;}

object,embed {outline:none;}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

p {
	font-size:1.1em;
	line-height:1.5em;
	margin-bottom:7px;
}
a:link,
a:visited {
	color:#004276;
	text-decoration:none;
}
a:active,
a:focus,
a:hover {
	text-decoration:underline;
}
p.link a {
	text-decoration:underline;
}

dd {
	font-size:1.0em;
}


/* end BASE */

/* =WORKAROUNDS */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* end WORKAROUNDS */

/* =GLOBAL LAYOUT */
body {
	background:#FFF url(/SiteCollectionImages/global/bg-body.jpg) 0 0 repeat-x;
	font:normal 62.5% Arial,sans-serif;
}

#container {
	background:#FFF;
	margin:0 auto;
	width:960px;
}
#container.splash {
	width:792px;
}

#header {
	background:#012e59 url(/SiteCollectionImages/global/bg-header.jpg) 0 0 repeat-y;
	min-height:121px;
	position:relative;
	z-index:100;
}

#header a:link,
#header a:visited {
	color:#ADC8E0;
	text-decoration:none;
}

#header a:active,
#header a:focus,
#header a:hover {
	color:#FFF;
	text-decoration:none;
}

#header a#logo {
	left:27px;
	position:absolute;
	top:18px;
}

ul#membership {
	color:#FFF;
	font-size:1.1em;
	left:210px;
	position:absolute;
	top:20px;
	width:250px;
}
ul#membership li {
	background:transparent url(/SiteCollectionImages/global/rule-membership.gif) 0 2px no-repeat;
	display:inline;
	padding:0 9px 0 11px;
}
ul#membership li.first {
	background:none;
	padding-left:0;
}

ul#utilities {
	left:475px;
	position:absolute;
	top:13px;
	width:186px;
}

ul#utilities li {
	background:transparent url(/SiteCollectionImages/global/rule-utilities.gif) 0 0 no-repeat;
	float:left;
	padding:1px 0 1px 13px;
	margin:0 0 0 12px;
}
ul#utilities li.first {
	background:none;
	padding-left:0;
	margin-left:0;
}

ul#utilities li a,
ul#utilities li span {
	background-position:0 2px;
	background-repeat:no-repeat;
	display:block;
	height:26px;
	line-height:1.2em;
	padding:0 0 0 26px;
	width:46px;
}

ul#utilities li#dinnercalendar-link a,
ul#utilities li#dinnercalendar-link span {
	background-image:url(/SiteCollectionImages/global/icon-calendar.gif);
}
ul#utilities li#recipebook-link a,
ul#utilities li#recipebook-link span {
	background-image:url(/SiteCollectionImages/global/icon-recipebox.jpg);
	background-position:0 4px;
	padding-left:29px;
}
ul#utilities li span {
	color:#FFF;
}

div#globalsearch {
	font-size:1.1em;
	position:absolute;
	right:14px;
	text-align:right;
	top:13px;
	width:286px;
	z-index:15000;
}
div#globalsearch fieldset {
	background:transparent url(/SiteCollectionImages/global/bg-search-field.gif) 0 0 no-repeat;
	margin:0 0 6px 0;
	position:relative;
}

div#globalsearch input.text {
	background:transparent;
	border:none;
	color:#BBB;
	font-size:1em;
	margin:0 100px 0 0;
	outline:0;
	padding:0;
	position:relative;
	vertical-align:middle;
	width:150px;
}

input.button:active,
input.button:focus,
input.button:hover {
	background-position:0 -22px;
}

div#globalsearch a#category-link {
	background:transparent url(/SiteCollectionImages/global/rule-searchbycategory.gif) 7px 5px no-repeat;
	color:#888;
	display:block;
	display:inline-block;
	font-size:1em;
	line-height:24px;
	padding:0 18px 0 14px;
	position:absolute;
	right:35px;
	text-align:center;
	top:-1px;
	z-index:150000;
}
div#globalsearch a#category-link.open {
	background:#9BBBD5 url(/SiteCollectionImages/global/icon-opendropdown-white.gif) 93% 9px no-repeat;
	color:#FFF;
}

div#globalsearch div#recipesbycategory {
	background:#FFF;
	border:6px solid #9BBBD5;
	display:none;
	padding:8px 13px 12px 13px;
	right:35px;
	position:absolute;
	text-align:left;
	top:18px;
	width:178px;
	z-index:100000;
}
div#globalsearch div#recipesbycategory.open {
	display:block;
}

div#globalsearch div#recipesbycategory p {
	color:#888;
	font-weight:bold;
	text-transform:uppercase;
	padding:4px 0 4px 0;
	position:relative;
	top:0;left:0;
}
div#globalsearch div#recipesbycategory p img.close-button {
	cursor:pointer;
	position:absolute;
	left:155px;
	top:0px;
}

div#globalsearch ul li {
	background:transparent url(/SiteCollectionImages/global/rule-mainnav-subitem.gif) 0 0 repeat-x;
	display:block;
	float:left;
	width:178px;
}
div#globalsearch ul li.first {background-image:none;}
div#globalsearch ul li a {
	display:block;
	height:auto;
	padding:7px 4px 5px 4px;
}
div#globalsearch ul li a:link,
div#globalsearch ul li a:visited {
	color:#5e7f9f;
}
div#globalsearch ul li a:active,
div#globalsearch ul li a:focus,
div#globalsearch ul li a:hover {
	background:#7C9DB7 url(/SiteCollectionImages/global/bg-subnav-link.jpg) 0 0 repeat-x;
	color:#FFF;
}

ul#mainnav {
	background:transparent url(/SiteCollectionImages/global/rule-mainnav.gif) 17px 0 no-repeat;
	font-size:1.1em;
	left:191px;
	padding:11px 0 0 0;
	position:absolute;
	top:70px;
	width:755px;
	z-index:500;
}

ul#mainnav li {
	background:url(/SiteCollectionImages/global/rule-mainnav-item.gif) 0 5px no-repeat;
	display:block;
	float:left;
	padding-left:1px;
	position:relative;
	z-index:100;
}
ul#mainnav li.first {
	background:none;
}
ul#mainnav li a {
	cursor:pointer;
	display:block;
	height:28px;
	line-height:28px;
	text-align:center;
	z-index:100;
	position:relative;
}
ul#mainnav li a span {
	background-color:transparent;
	background-image:url(/SiteCollectionImages/global/bg-mainnav.jpg);
	background-repeat:no-repeat;
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}

/* recipes */
ul#mainnav li a#recipes-link {width:101px;}
ul#mainnav li a#recipes-link span {background-position:0 0;}
ul#mainnav li.current a#recipes-link span {background-position:0 -84px;}
ul#mainnav li.open a#recipes-link span {background-position:0 -56px;}
ul#mainnav li.open a#recipes-link:active span,
ul#mainnav li.open a#recipes-link:focus span,
ul#mainnav li.open a#recipes-link:hover span {background-position:0 -28px;}

/* our products */
ul#mainnav li a#ourproducts-link {width:141px;}
ul#mainnav li a#ourproducts-link span {background-position:-101px 0;}
ul#mainnav li.current a#ourproducts-link span {background-position:-101px -84px;}
ul#mainnav li.open a#ourproducts-link span {background-position:-101px -56px;}
ul#mainnav li.open a#ourproducts-link:active span,
ul#mainnav li.open a#ourproducts-link:focus span,
ul#mainnav li.open a#ourproducts-link:hover span {background-position:-101px -28px;}

/* cooking italian */
ul#mainnav li a#cookingitalian-link {width:154px;}
ul#mainnav li a#cookingitalian-link span {background-position:-507px 0;}
ul#mainnav li.current a#cookingitalian-link span {background-position:-507px -84px;}
ul#mainnav li.open a#cookingitalian-link span {background-position:-507px -56px;}
ul#mainnav li.open a#cookingitalian-link:active span,
ul#mainnav li.open a#cookingitalian-link:focus span,
ul#mainnav li.open a#cookingitalian-link:hover span {background-position:-507px -28px;}

/* share the table */
ul#mainnav li a#sharethetable-link {width:149px;}
ul#mainnav li a#sharethetable-link span {background-position:-242px 0;}
ul#mainnav li.current a#sharethetable-link span {background-position:-242px -84px;}
ul#mainnav li.open a#sharethetable-link span {background-position:-242px -56px;}
ul#mainnav li.open a#sharethetable-link:active span,
ul#mainnav li.open a#sharethetable-link:focus span,
ul#mainnav li.open a#sharethetable-link:hover span {background-position:-242px -28px;}

/* what's new */
ul#mainnav li a#whatsnew-link {width:116px;}
ul#mainnav li a#whatsnew-link span {background-position:-391px 0;}
ul#mainnav li.current a#whatsnew-link  span{background-position:-391px -84px;}
ul#mainnav li.open a#whatsnew-link:active span,
ul#mainnav li.open a#whatsnew-link:focus span,
ul#mainnav li.open a#whatsnew-link:hover span {background-position:-391px -28px;}

/* flyout nav */
ul#mainnav ul {
	background:transparent url(/SiteCollectionImages/global/bg-mainnav-subnav.png) 0 100% no-repeat;
	display:none;
	left:1px;
	padding:6px 13px 18px 17px;
	position:absolute;
	top:28px;
	width:157px;
}
ul#mainnav li.menu-top {
	background:url(/SiteCollectionImages/global/bg-mainnav-subnav-top.png) 0 100% no-repeat;
	height:10px;
	left:0;
	position:absolute;
	top:-10px;
	width:187px;
}


ul#mainnav li.open {z-index:1000;}
ul#mainnav li.open ul {
	display:block;
	z-index:1000;
}
ul#mainnav li.open a {z-index:10000;}

ul#mainnav ul li {
	background:transparent url(/SiteCollectionImages/global/rule-mainnav-subitem.gif) 0 0 repeat-x;
	padding-left:0;
	width:151px;
}
ul#mainnav ul li.first {background-image:none;}
ul#mainnav ul li a {
	height:auto;
	padding:7px 4px 5px 4px;
	line-height:normal;
	text-align:left;
}
ul#mainnav ul li a:link,
ul#mainnav ul li a:visited {
	color:#5e7f9f;
}
ul#mainnav ul li a:active,
ul#mainnav ul li a:focus,
ul#mainnav ul li a:hover {
	background:#7C9DB7 url(/SiteCollectionImages/global/bg-subnav-link.jpg) 0 0 repeat-x;
	color:#FFF;
}

#breadcrumb {
	color:#004276;
	font-size:1.1em;
	padding:7px 19px 24px 19px;
}
#breadcrumb a {
	margin:0 3px;
}

#breadcrumb span {
	color:#666;
	margin:0 3px;
}

#footer {
	border-top:1px solid #DADADA;
	clear:both;
	font-size:1.1em;
	padding:10px 0 0 0;
	margin:0 0 0 10px;
	position:relative;
	width:939px;
}
div.home #footer {
	border:0;
}

ul#footer-links {
	float:left;
	width:483px;
}
ul#footer-links li {
	float:left;
	line-height:1.8em;
	margin:0 10px 0 0;
	width:163px;
}
ul#footer-links li.col1 {
	width:117px;
}
ul#footer-links li a:link,
ul#footer-links li a:visited {
	background:transparent url(/SiteCollectionImages/global/bullet-footerlinks.gif) 0 0.5em no-repeat;
	color:#888;
	padding:0 0 0 7px;
	text-decoration:none;
}
ul#footer-links li a:active,
ul#footer-links li a:focus,
ul#footer-links li a:hover {
	text-decoration:underline;
}

#footer fieldset {
	background:transparent url(/SiteCollectionImages/global/rule-footer-vertical.gif) 0 0 repeat-y;
	color:#444;
	float:left;
	min-height:122px;
	padding:0 0 0 16px;
	width:211px;
}
#footer fieldset#product-locator select {
	width:180px;
}
#footer fieldset input.text {
	margin:0 5px 0 0;
}
#footer fieldset#newsletter-signup input.text {
	width:175px;
}
#footer fieldset p {
	padding:0;
	margin:0;
}
#footer fieldset label {
	display:block;
	margin:12px 0 2px 0;
}

p#copyright {
	background:transparent url(/SiteCollectionImages/global/rule-footer-horizontal.gif) 0 0 repeat-x;
	bottom:0;
	color:#BBB;
	left:0;
	padding:8px 0 0 0;
	position:absolute;
	width:432px;
}
.splash #footer {
	border:0;
	text-align:center;
	width:auto;	
}
.splash #footer p {
	color:#666;
	font-size:1.0em;
}
.splash #footer p a {
	font-weight:bold;
}
.splash p#copyright {
	background:none;
	color:#BBB;
	position:static;
	padding:0 13px 30px 0;
	width:auto;
}


div#section-utils {
	float:left;
	margin:0 16px 0 0;
	width:181px;
}
div#section-utils ul.sectionnav {
	font-size:1.2em;
	margin-top:12px;
}
div#section-utils ul.sectionnav li {
	background:transparent url(/SiteCollectionImages/global/rule-footer-horizontal.gif) 0 0 repeat-x;
}
div#section-utils ul.sectionnav li a:link,
div#section-utils ul.sectionnav li a:visited {
	display:block;
	font-weight:bold;
	padding:8px 0 6px 19px;
	text-decoration:none;
	width:162px;
}
div#section-utils ul.sectionnav li a:active,
div#section-utils ul.sectionnav li a:focus,
div#section-utils ul.sectionnav li a:hover {
	background:#F5F5F5;
}

div#section-utils ul.sectionnav li.current a:active,
div#section-utils ul.sectionnav li.current a:focus,
div#section-utils ul.sectionnav li.current a:hover,
div#section-utils ul.sectionnav li.current a:link,
div#section-utils ul.sectionnav li.current a:visited {
	background:#e6e7e8;
	color:#666;
}

div#section-utils ul.sectionnav li.first,
div#section-utils ul.sectionnav li li {
	background:none;
}
div#section-utils ul.sectionnav ul {
	padding-bottom:10px;
	padding-top:10px;
}
div#section-utils ul.sectionnav ul li a:link,
div#section-utils ul.sectionnav ul li a:visited {
	background:none;
	color:#444;
	font-size:0.9em;
	font-weight:normal;
	padding-bottom:5px;
	padding-top:3px;
}
div#section-utils ul.sectionnav ul li a:active,
div#section-utils ul.sectionnav ul li a:focus,
div#section-utils ul.sectionnav ul li a:hover {
	background:none;
}
div#section-utils ul.sectionnav li.current ul a:link,
div#section-utils ul.sectionnav li.current ul a:visited {
	background:#FFF;
}
div#section-utils ul.sectionnav li.current ul a:active,
div#section-utils ul.sectionnav li.current ul a:focus,
div#section-utils ul.sectionnav li.current ul a:hover {
	color:#004276;
}
div#section-utils ul.sectionnav li.current ul a.current {
	color:#830108;
}

div#content {
	min-height:468px;
	padding:0 0 45px 0;
}
div.splash div#content {
	padding-bottom:0;
	min-height:0;
}
div#pagecontent {
	border-left:1px solid #E2E2E2;
	color:#444;
	float:left;
	min-height:355px;
	padding:0 0 0 16px;
	width:735px;
}
.splash div#pagecontent {
	border-left:0;
	padding:25px 20px 0 31px;
}
/* end GLOBAL LAYOUT */


/* =COMMON */

input.button {
	cursor:pointer;
	vertical-align:middle;
}
select, input, textarea {
	font:normal 1.0em/1.5em Arial,sans-serif;	
}
input.text, textarea.text, select.text {
	border:1px solid #C1C1C1;
	border-bottom-color:#E1E1E1;
	border-top-color:#848484;
}
select, input.text {
	vertical-align:middle;
}
input.text {
	height:1.3em;
}
input.error {
	border:1px solid #830108;
}
img.warning {
	margin-left:4px;
	vertical-align:middle;
}

#content h1 {
	color:#830108;
	font-size:2.0em;
	font-weight:bold;
	margin:0 0 5px 0;
}
#content h2 {
	color:#830108;
	font-size:1.8em;
	font-weight:bold;
	margin:0 0 5px 0;
}
#content #pagecontent h2 {
	color:#666;
	font-size:1.4em;
	font-weight:bold;	
	margin-bottom:12px;
}
#sectionnav h3 {
	background:#9D060F;
	color:#FFF;
	margin:0 0 11px 0;
}

#content p.intro {
	font-size:1.4em;
	line-height:1.4em;
	margin-bottom:15px;
	width:625px;
}

#pagecontent fieldset {
	width:615px;
}
#pagecontent fieldset p {
	font-size:1.2em;
}
#pagecontent fieldset select,
#pagecontent fieldset input.text {
	font-size:1.1em;
}

#pagecontent fieldset li {
	background:transparent url(/SiteCollectionImages/global/rule-footer-horizontal.gif) 0 0 repeat-x;
	padding:15px 0;
}
#pagecontent fieldset li.plain {
	background:none;
	padding:4px 0;
}
#pagecontent fieldset label {
	font-size:1.2em;
}
#pagecontent fieldset a.help-button {	
	position:relative;
	top:2px;
	margin-left:3px;
}
#pagecontent .italiano {
	color:#444;
	font-size:1.2em;
	font-style:italic;
}

/* end COMMON */

/* =MODAL */
div.modal {
	background:#000;
	opacity:0.85;
}
div.modal-container {
	padding:18px 0 0 0;
	position:relative;
}
div.modal-container div.noflash {
	padding:15px;
}
div.modal-container div.noflash p {
	font-size:1.2em;
}
div.modal-content h1,
div.modal-content h2 {
	color:#444;
	font-size:1.6em;
	font-weight:bold;
	padding-bottom:10px;
}
div.modal-content h2 {font-size:1.6em;}
div.modal-content p {font-size:1.2em;}
div.modal-container a.close-button {
	background:transparent url(/SiteCollectionImages/global/icon-white-x.gif) 100% 2px no-repeat;
	color:#FFF;
	font-size:1.2em;
	font-weight:bold;
	padding:0 16px 0 0;
	position:absolute;
	right:4px;
	text-decoration:none;
	top:0;
}
div.modal-content {
	background:#FFF;
	border:5px solid #ccc;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	padding:18px 15px 12px 15px;
}
div.model-quiz-content {
	background:#FFF;
	width: 838px;
	height: 390px;
}
div.modal-278 {width:278px;}
div.modal-425 {width:425px;}

div.modal-content div#monthlyview {
	font-size:1.0em;
	margin-top:0;
}
div.modal-content p {
	line-height:1.4em;
	margin:0 0 10px 0; 
}
div.modal-content p.login-help {
	color: #444444;
	text-align: right;
	font-size:1.1em;
}
div.modal-content p.buttons {
	color:#888;
	margin-top:28px;
	text-align:right;
	vertical-align:middle;
}
div.modal-content p.buttons a {
	font-weight:bold;
	text-decoration:underline;
}
div.modal-content p.buttons a.button {
	vertical-align:bottom;
}
div.modal-content p.buttons input.button {
	margin-left:4px;
	vertical-align:middle;
}
div.modal-content p.two-links {
	position:relative;
	width:100%;
}
div.modal-content p.two-links a {text-decoration:underline;}
div.modal-content p.two-links a.right-link {
	position:absolute;
	top:0;right:0;
}
div.modal-content fieldset label {
	color:#444444;
	font-size:11px; 
	font-weight:bold;
}
div.modal-content fieldset input.text {
	width: 230px;
}
div.modal-content .confirmation {
	font-weight: bold;
	color: #830108;
}

div.modal-content fieldset .errorMessage {
	color:#830108;
	font-size:0.9em;
}

div.modal-content div.forgot-password {
	background-color:#f0f0f0;
	width: 238px;
	padding:10px 15px 15px 15px;
	margin: 0 0 -12px -15px;
}
div.modal-content div.forgot-password h2 {
	color: #666;
	font-weight: bold;
	margin: 5px 0;
	font-size: 1.2em;
}
div.modal-content div.forgot-password fieldset label {
	color:#666;
}
div.modal-content div.forgot-password p {
	color:#666;
	font-size:1.1em;
}
div.modal-content div.forgot-password p.buttons {
	margin-top:12px;
}
div.modal-content div#flash-container {
	width: 960px;
	height: 621px;
	}
div.modal-sttthanks {
	width: 630px;
	}
	
	div.modal-sttthanks .header {
		background:transparent url(/SiteCollectionImages/global/rule-footer-horizontal.gif) 0 bottom repeat-x;
		padding: 0 0 30px 0;
		margin: 0 0 20px 0;
		width: 100%;
		position: relative;
		}	
		div.modal-sttthanks .header .photo {
			float: left;
			margin: 0;
			}
		div.modal-sttthanks .header h1 {
			font-size:1.5em;
			margin: 0 0 0 194px;
			padding-top:15px;
			}
		div.modal-sttthanks .header h1.reg {
			font-size:1.6em;
			padding-top:30px;
		}
	div.modal-sttthanks h3 {
		color:#444;
		font-size:1.4em;
		font-weight: bold;
		margin:0 0 1px 0;
		}
	div.modal-sttthanks ul {
		list-style-type: disc;
		color: #830108;
		margin-left: 15px;
		}
		div.modal-sttthanks ul li {
			line-height: 15px;
			font-size: 1.2em;
			margin: 0 0 10px 0;
			}
			div.modal-sttthanks ul li span {
				color: #000000;
				}
	div.modal-sttthanks span.errorMessage {
		margin-left:90px;
	}
div.modal-sttthanks fieldset {
	background:transparent url(/SiteCollectionImages/global/rule-footer-horizontal.gif) 0 bottom repeat-x;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
}
div.modal-sttthanks fieldset label {
	font-size:1.0em;
	font-weight:normal;
}
div.modal-content p.modal-footer {
	background:transparent url(/SiteCollectionImages/global/rule-footer-horizontal.gif) 0 0 repeat-x;
	color:#666;
	font-style:italic;
	font-size:1.1em;
	padding:20px 0 0 0;
}
#howHear {
	background:transparent url(/SiteCollectionImages/global/rule-footer-horizontal.gif) 0 0 repeat-x;
	padding:20px 0;
	margin:20px 0 0 0;
}
#howHear label {
	color:#444;
	font-size:1.4em;
	font-weight:bold;
	margin-right:14px;
}
#howHear select {
	font-size:1.1em;
	margin-right:10px;
	vertical-align:middle;
}
#howHear span {
	background:transparent url(/SiteCollectionImages/global/icon-checkmark.gif) 0 0.2em no-repeat;
	color:#666;
	font-style:italic;
	padding-left:12px;
}

/* end MODAL */