@import url('reset.css');

body {
	background: #0198cd url(/img/global/BGmainGradBLU.jpg) top left repeat-x;
	color: #373737;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

a {
	text-decoration: none;
	color: #373737;
}

a:hover {
	color: #0198cd;
	text-decoration: none;
}

#container {
	width: 960px;
	height: auto;
	position: absolute;
	left: 50%;
	margin-left: -480px;
	top: 0;
	background: #0198cd url(/img/global/BGgradBehind.gif) bottom left no-repeat;
	margin-bottom: 100px;
}


/***** HEADER *****/
#header {
	width: 960px;
	height: 87px;
	background: #0198cd url(/img/global/BGheader.gif) top left no-repeat;
	overflow: visible;
	position: relative;
	z-index: 900;
}

#logo {
	width:  219px;
	height: 52px;
	margin-left: 21px;
}

#aLogo {
	display: block;
	width:  219px;
	height: 52px;
	background: url(/img/en/recipe/logo.gif) top left no-repeat;
}

ul#loginSearch {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 209px;
	height: 28px;
}


a.headerLogin {
	background: url(/img/en/recipe/btnLogin.gif) top left no-repeat;
	display: block;
}

a.headerLogin:hover {
	background: url(/img/en/recipe/btnLoginON.gif) top left no-repeat;
}

a.headerLogout {
	background: url(/img/en/recipe/btnLogout.gif) top left no-repeat;
	display: block;
}

a.headerLogout:hover {
	background: url(/img/en/recipe/btnLogoutON.gif) top left no-repeat;
}

ul#loginSearch li { display: block; float: left; }

ul#loginSearch input.searchInput {
	height: 15px !important;
	height: 20px;
	width: 108px;
	font-size: 10px;
}

ul#loginSearch li a {
	padding-right: 9px;
	width: 64px;
	height: auto;
}

#header ul#level1 {
	position: absolute;
	left: 50px;
	bottom: 9px !important;
	bottom: 8px;
	z-index: 1000;
}

#header ul li {
			display: block;
			float: left;
			width: auto;
			height: auto;
}

#header ul li a { display: block; height: 26px;}

.hidetext { display: none; }

#header ul li.bullet {
	width: 30px;
	height: 26px;
	background: url(/img/global/navBullet.gif) top left no-repeat;
}

#header ul li.yummy a {
	width: 98px;
	background: url(/img/en/recipe/nav01-yummy.gif) top left no-repeat;
}

#header ul li.yummy:hover a.level1 {
	background: url(/img/en/recipe/nav01-yummyON.gif) top left no-repeat;
}


#header ul li.kidding a {
	width: 109px;
	background: url(/img/en/recipe/nav02-kidding.gif) top left no-repeat;
}

#header ul li.kidding:hover a.level1 {
	background: url(/img/en/recipe/nav02-kiddingON.gif) top left no-repeat;
}

#header ul li.products a {
	width: 66px;
	background: url(/img/en/recipe/nav03-products.gif) top left no-repeat;
}

#header ul li.products:hover a.level1 {
	background:  url(/img/en/recipe/nav03-productsON.gif) top left no-repeat;
}

#header ul li.recipes a {
	width: 71px;
	background:  url(/img/en/recipe/nav04-recipes.gif) top left no-repeat;
}

#header ul li.recipes:hover a.level1 {
	background:  url(/img/en/recipe/nav04-recipesON.gif) top left no-repeat;
}

#header ul li.enews a {
	width: 88px;
	background:  url(/img/en/recipe/nav05-enews.gif) top left no-repeat;
}

#header ul li.enews:hover a.level1 {
	background:  url(/img/en/recipe/nav05-enewsON.gif) top left no-repeat;
}

#header ul li.nighttime a {
	width: 66px;
	background:  url(/img/en/navigation/nav06-nighttime.gif) top left no-repeat;
}

#header ul li.nighttime:hover a.level1 {
	background:  url(/img/en/navigation/nav06-nighttimeON.gif) top left no-repeat;
}

#header ul li ul.level2 {
	display: none;
	position: absolute;
	z-index: 5000;
}


#header ul li ul.level2 li {
	display: inline;
	float: none;
}

#header ul li ul.level2 li a {
	display: block;
	width: 139px;
	height: 26px;
	font-size: 11px;
	background:  url(/img/global/level02.gif) top left no-repeat;
}

#header ul li ul.level2 li a:hover {
	background:  url(/img/global/level02ON.gif) top left no-repeat;
}

#header ul li ul.level2 li a span.levelText, #header ul li ul.level2 li ul.level3 li a span.levelText {
	display: block;
	padding-left: 20px;
	padding-top: 7px;
}

#header ul li ul.level2 li a:hover span.levelText, #header ul li ul.level2 li ul.level3 li a:hover span.levelText {
	color: #0198cd;
}

#header ul li ul.level2 li a.levelxTop {
	height: 27px;
	background:  url(/img/en/recipe/level02-top.gif) top left no-repeat;
}

#header ul li ul.level2 li a.levelxTop:hover {
	background:  url(/img/en/recipe/level02-topON.gif) top left no-repeat;
}

#header ul li ul.level2 li a.levelxBottom {
	height: 28px;
	background:  url(/img/en/recipe/level02-bottom.gif) top left no-repeat;
}

#header ul li ul.level2 li a.levelxBottom:hover {
	height: 28px;
	background:  url(/img/en/recipe/level02-bottomON.gif) top left no-repeat;
}

#header ul li ul.level2 li a:hover {
	display: block;
}

#header ul.level3 {
	display: none;
	position: absolute;
	margin-left: 139px;
	margin-top: -26px;
	z-index: 5000;
}

/***** CONTENT *****/

#pagecontent {
	width: 925px;
	height: auto;
	/*background: #dbf1f9 url(/img/global/nighttime-bg.jpg) top left repeat-x;*/
	background: #dbf1f9 url(/img/global/BGcontent.jpg) top left repeat-x;
	margin: 0 18px 18px 18px;
	position: relative;
	padding-bottom: 20px;
	overflow: auto;
}

#underNav {
	margin-left: 26px;
	padding: 9px 0 8px 0;
	position: relative;
}

#breadcrumbs {
	margin-bottom: 12px;
	width: 500px;
	height: auto;
}

h1 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #0198cd;
	margin-bottom: 6px;
}

#starRating {
	font-size: 9px;
	font-weight: bold;
}

#starRating img {
	margin-right: 6px;
	margin-top: 3px;
}

.starRating {
	float: left;
}

.starRating img {
	margin-right: 6px;
	margin-top: 3px;
	margin-right: 10px;
}

.starreview img { margin-top: 0px; padding-bottom: 10px;}

ul#recipeIcons {
	position: absolute;
	right: 15px;
	top: 0;
}

ul#recipeIcons li { float: left; display: block; margin-left: 11px; }

ul#recipeIcons li a span { display: none; }

ul#recipeIcons li a { display: block; height: 17px; }

ul#recipeIcons li a#recipeEmail {
	width: 52px;
	background:  url(/img/en/recipe/icon-Email.gif) top right no-repeat;
}

ul#recipeIcons li a#recipeEmail:hover {
	background:  url(/img/en/recipe/icon-EmailON.gif) top right no-repeat;
}

ul#recipeIcons li a#recipePrint {
	width: 46px;
	background:  url(/img/en/recipe/icon-Print.gif) top right no-repeat;
}

ul#recipeIcons li a#recipePrint:hover {
	background:  url(/img/en/recipe/icon-PrintON.gif) top right no-repeat;
}

ul#recipeIcons li a#recipeAdd {
	width: 107px;
	background:  url(/img/en/recipe/icon-AddRecipe.gif) top right no-repeat;
}

ul#recipeIcons li a#recipeAdd:hover {
	background:  url(/img/en/recipe/icon-AddRecipeON.gif) top right no-repeat;
}



#leftSide {
	margin-left: 16px;
/*	background: pink; */
/*	border: 1px solid red; */
	width: 404px;
	float: left;
	position: relative;
	left: 0 !important;
	left: -15px;
	display: inline;
}



.box1 {
	position: relative;
	width: 396px;
	height: auto;
	background: url(/img/global/box1-top.png) top left no-repeat;
	padding: 25px 0 0px 33px;
	margin-bottom: 25px;

}

.box1bottom {
	position: absolute;
	left: 0;
	bottom: -24px;
	width: 396px;
	height: 24px;
	background: url(/img/global/box1-bottom.png) bottom left no-repeat;
}

h5 {
	text-transform: uppercase;
	color: #0198cd;
	font-weight: bold;
	margin-bottom: 11px;
}

.box1 p { width: 305px; }

.box1 p, .box1 a {
	margin-bottom: 11px;
}

.boxBelow {
	margin-top: 40px;
/*	margin-bottom: 50px; */
}

a.btnArrow {
	display: inline;
	background: url(/img/global/btnArrow.gif) top left no-repeat;
	padding-left: 15px;
	height: 13px;
	width: auto;
}

.blueArrow {
	background: url(/img/global/btnArrowBlue.gif) top left no-repeat !important;
	display: block !important;
}

a.btnArrow span {
	position: relative;
	top: 1px;
}

a.breakit {
	display: block;
}

#rightSide {
	float: left;
	width: 488px;
	height: auto;
	position: relative;
	left: 0 !important;
	left: -15px;
/*	border: 1px solid blue; */
	display: inline;
}

ul#tabs, ul#profiletabs {
	width: 488px;
	height: 22px;
	position: relative;
	top: 1px;
	left: 15px;
}

ul#tabs li, ul#profiletabs li {
	display: block;
	float: left;
	background: url(/img/global/tab-long.png) top left no-repeat;
	width: 143px;
	height: 22px;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

ul#tabs a, ul#profiletabs a {
	display: block;
	margin-top: 8px;
}

ul#tabs li.shorttab, ul#profiletabs li.shorttab {
	background: url(/img/global/tab-short.png) top left no-repeat;
	width: 77px;
	height: 22px;
}

ul#tabs li.tabON, ul#profiletabs li.tabON {
	background: url(/img/global/tab-longON.png) top left no-repeat;
}

ul#tabs li.tabONs, ul#profiletabs li.tabONs {
	background: url(/img/global/tab-shortON.png) top left no-repeat;
	width: 77px;
	height: 22px;
}

ul#tabs li.tabextralongON {
	background: url(/img/global/tab-extralongON.gif) top left no-repeat;
	width: 200px;
	height: 22px;
}

#panelTop {
	width: 488px;
	height: 16px;
	background:  url(/img/en/recipe/panelTop.gif) top left no-repeat;
}

#staticCARD {
	width: 488px;
	height: auto;
	background:  url(/img/en/recipe/panel.gif) bottom left no-repeat;
	position: relative;
	overflow: hidden;
	padding-bottom: 40px;
}

#panel-recipe, #panel-reviews, #panel-nutritional, #panel-kidtips { margin-left: 10px; }

#panel-reviews, #panel-nutritional, #panel-kidtips { display: none; min-height: 480px; height: auto !important; height: 500px; }


/***** for recipe image *****/

#recipeImg, #recipeImg2 {
	width: 396px;
	min-height: 256px;
	height: auto !important;
	height: 275px;
	position: relative;
	overflow: hidden;
}

#recipeBorderTop, #recipeBorderTop2 {
	background: url(/img/global/recipeBorder_top.gif) top left no-repeat;
	min-height: 60px;
	height: auto !important;
	height: 60px;
	position: relative;
	left: 0;
	top: 0;
	width: 396px;
	text-align: center;
	z-index: 100;
}

#recipeBorderTop span img, #recipeBorderTop2 span img {
/*	padding-top: 35px; */
	margin-top: 35px;
}

#recipeBorderTop2 h3, #recipeBorderTop h3 {
	text-transform: uppercase;
}

#recipeBorderTop2 h4, #recipeBorderTop h4 {
	text-transform: uppercase;
	padding-top: 3px;
	font-size: 14px;
	width: 350px;
	display: inline-block;
	text-align: center;
}

#recipeBorderBottom, #recipeBorderBottom2 {
	background: url(/img/global/recipeBorder_bottom.gif) top left no-repeat;
	width: 396px;
	height: 196px;
	position: relative;
	left: 0;
	bottom: 0;
	z-index: 100;
}

#imgRecipe, #imgRecipe2 {
	position: absolute;
	z-index: 10;
	left: 0px;
	bottom: 0px; /* top: 0; */
	height: 268px;
	overflow: hidden;
}

a.rolloverLink {
	position: absolute;
	display: block;
	width: 400px;
	height: 200px;
	z-index: 2000;
}
/***** FOR RECIPE PANEL *****/
ul#recipeInfo {
	height: 17px;
	margin-left: 17px;
}

ul#recipeInfo li {
	display: block;
	float: left;
	font-size: 10px;
	font-weight: bold;
	height: auto;
	padding-bottom: 2px;

}

ul#recipeInfo li p {
	padding-top: 3px;
}

#recipeReviews {
	font-size: 10px;
	color:  #0198cd;
	font-weight: bold;
	position: absolute;
	top: 0;
	right: 20px;
}

#recipeDetails {
	width: 469px;
}

#recipeIngred, #recipePrepDIV {
	margin-left: 18px;
}

#recipePrepDIV h3 {
	margin-top: 10px;
}

.dottedLine {
	margin: 20px 0;
	background:  url(/img/en/recipe/dottedLine.gif) top left no-repeat;
	width: 450px;
	height: 2px;
}

.firstinstance {
	margin-top: 20px;
}

.recipeIngredients {
	width: 320px;
}

.recipeIngredients td {
	padding-bottom: 8px;
}

.colONE { width: 50px; }

.colTWO { width: 73px; }

.colTHREE { width: 194px; }

ol.recipePrep {
	list-style-type: decimal;
	padding-left: 22px;
	width: 410px;
	color: #0198cd;
	font-weight: bold;
}

ol.recipePrep li span {
	font-weight: normal;
	color: #373737;
	line-height: 16px;
	padding-bottom: 5px;
	display: block;
}
/*
ol.recipePrep {
	font-weight: bold;
	color: #0198cd;
	padding-left: 22px;
	list-style-type: decimal;
	width: 410px;
}

ol.recipePrep li {
	width: 400px;
	line-height: 18px;
	padding-bottom: 15px;
}

ol.recipePrep li span{
	font-weight: normal;
	color: #373737;
}

*/

#recipeSmallPrint {
	width: 400px;
	margin-left: 18px;
	margin-bottom: 40px;
}


/***** for REVIEWS panel *****/


#forReviewForm, .reviewReview { margin-left: 18px; }

/*#forReviewForm { margin-bottom: 55px; } */

.reviewReview { width: 440px; height: auto; position: relative; }

.userStar, .userReview { float: left; }

.userStar { width: 65px; height: 9px; }

.userReview { width: 375px; height: auto; position: relative; }

.userReview p { width: 280px; }

.userReview p.userDate { position: absolute; right: 0; top: 0; width: auto; }

.userReview p.reviewer { font-style: italic; }

.userReview h5 { display: none; }

.userReview p.flagger { position: absolute; right: 0; width: auto; }

.userReview p.flagger a { font-style: italic; }

#closeWin { position: absolute; right: 0; top: 10px !important; top: 30px; display: block; width: auto; }

#closeWin span { position: relative; bottom: 3px; }

/***** for NUTRITONAL panel *****/

#nutrVariation {
	margin-left: 10px;
}

#panel-nutritional { margin-left: 8px; }

#nutriBox {
	position: relative;
	width: 468px;
	height: auto;
	background: url(/img/global/box-nutrition-bottom.gif) bottom left no-repeat;
	padding-bottom: 100px;
}

#nutriBox-top {
	width: 468px;
	height: 15px;
	background: url(/img/global/box-nutrition-top.gif) bottom left no-repeat;
}

#nutriBox h5, #nutriBox .tableNutritional { margin-left: 15px; }

.tableNutritional {
	width: 320px;
}

.tableNutritional td {
	padding-bottom: 8px;
}

.tableNutritional td.colONE {
	width: 150px;
}

.tableNutritional td.colTWO {
	width: 170px;
}

#panel-nutritional ul {
	width: 400px;
	height: auto;
	color: #0198cd;
	list-style: disc;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 14px;
}

#panel-nutritional ul li {
	padding-bottom: 8px;
	width: 300px;
}

#panel-nutritional ul li p {
	color: #373737;
}

/***** for KID TIP panel *****/

#formKidtips { margin-left: 18px; }

#panel-kidtips dl { margin-top: 10px; }

#panel-kidtips dl dt { clear: left; }

#panel-kidtips dl dd {
	float: left;
	width: 50px;
	display: block;
	padding-bottom: 5px;
}

#panel-kidtips dl dd p { padding-top: 5px; }

#panel-kidtips dl dd.formInput {
	width: 400px;
}

#panel-kidtips dl dd.btnSubmit {
	width: 360px;
}

#panel-kidtips dl dd.btnSubmit a {
	width: auto;
	display: block;
	float: right;
}

#panel-kidtips dl dd.formInput input, #panel-kidtips dl dd.formInput textarea {
	width: 300px;
}

#panel-kidtips dl dd.formInput textarea {
	height: 100px;
}

p.formConfirm { color: #0198cd; margin-left: 18px; }

#panel-kidtips .userReview { margin-left: 50px; }


/***** top 10 recipes *****/
ol#orderedList {
	list-style-type: decimal;
	list-style-position: outside;
	width: 290px;
	padding-left: 35px;
	font-weight: bold;
	color: #0198cd;
}

ol#orderedList li {
	padding-bottom: 5px;
}

ol#orderedList li span {
	color: #373737;
	font-weight: normal;
}


/***** 6 image recipes small border *****/

ul#multiRecipeImgs {
	width: 488px;
	height: 271px;
}

ul#multiRecipeImgs li {
	display: block;
	float: left;
	width: 160px;
	height: 134px;
	/*border: 1px solid red;*/
	position: relative;
	text-align: center;
}

ul#multiRecipeImgs li span.recipeBorder-small {
	width: 159px;
	height: 118px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 50;
	background: url(/img/global/recipeBorder-small.gif) top left no-repeat;
}

ul#multiRecipeImgs li img {
	position: relative;
	left: 0;
	top: 12px;
	margin-bottom: 9px !important;
	margin-bottom: 0px;
}

ul#multiRecipeImgs li a {
	margin-top: 10px;
	display: block;
	width: auto;
}

ul#multiRecipeImgs li a.boxListing {
	margin-top: 0 !important;
	margin-top: 10px;
}

ul#multiRecipeImgs li a.boxListing span {
	position: relative;
	top: 0 !important;
	top: 8px;
}
/*
ul#multiRecipeImgs li a.btnArrow {
	display: inline;
}*/

/***** recipe box form *****/

.box2 {
	width: 470px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	position: relative;
	background: url(/img/global/box2-top.gif) top left no-repeat;
	padding: 30px 0 0px 33px;
}

.box2bottom {
	width: 475px;
	height: 37px;
	position: absolute;
	left: 0;
	bottom: -37px;
	background: url(/img/global/box2-bottom.gif) top left no-repeat;
	z-index: 200;
}

ul#recipeBoxForm {
	width: 262px;
	height: 50px;
	margin: 21px 0 21px 50px;
}

ul#recipeBoxForm li {
	width: 200px;
	float: left;
	display: block;
	margin-bottom: 10px;
}

ul#recipeBoxForm li.recipeBoxForm-text {
	width: 62px;
	text-align: right;
}

ul#recipeBoxForm li.recipeBoxForm-text span{
	position: relative;
	top: 5px;
}

ul#recipeBoxForm input {
	width: 175px;
}

.box2 p.recipeBoxForm-signup {
	margin-left: 50px;
}

.box2 p.recipeBoxForm-submit {
	margin: 10px 0 0 280px;
}

/***** desserts ****/

.box1 ul#multiRecipeImgs {
	height: 150px;
	width: 330px;
}

.box1 ul#multiRecipeImgs li a {
	position: relative;
	top: 20px;
	display: inline;
}

ul#unorderedList {
	width: 350px;
}

ul#unorderedList li {
	display: block;
	margin-bottom: 5px !important;
	margin-bottom: 0;
}

span.brand { font-weight: bold; }

/***** pagination *****/

#pagination {
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 10px;
}

#pagination a { text-decoration: underline; }

#pagination a.youarehere { text-decoration: none; }

.noLink { cursor: default; }

/***** STAF div *****/

form#sendtofriend, #thankyou {
	position: absolute;
	z-index: 10000;
	top: 10px;
	right: 10px;
	width: 300px;
	background-color: #e8f8fd !important;
}

#STAFform, #thankyou { display: none; }

form#sendtofriend div label {
	width: 100px;
	display: inline-block;
}

small { font-size: 9px; }

.closeBtn {
	display: block;
	position: absolute;
	right: 5px;
	top: 5px;
}

.moveittotheright {
	margin-left: 103px;
}

form#sendtofriend input {
	width: 150px !important;
	font-size: 11px;
	height: 15px !important;
	height: 20px;
}

#legal {
	position: absolute;
	width: 100%;
	text-align: center;
	height: auto;
	padding: 20px 0 40px 0;
}

#legal, #legal a {
	color: #fff;
	font-size: 11px;
	line-height: 14px;
}

#legal a:hover {
	color: #373737;
}

/***** error page 404 *****/

ul.errorUL {
	padding-left: 35px !important;
	padding-left: 40px;
	list-style-position: outside;
	width: 435px;
	list-style-type: decimal;
}

ul.errorUL li {
	line-height: 15px;
	padding-bottom: 5px;
}

h5.errorFRcopy {
	margin-top: 20px;

}

.imgRecipeProduct {
	cursor: pointer;
}

#forReviewForm p {
	margin-bottom: 10px;
}
#forReviewForm ul {
	overflow: auto;
}
#forReviewForm ul li {
	display: block;
	float: left;
	margin-top: 10px;
}

#forReviewForm ul li.charLeft {
	margin-right: 15px;
}

#forReviewForm ul li.charRight {
	margin-left: 140px;
	margin-top: 5px;
}

#styled_popup {
	margin-left: 40px;
}

#styled_popup .dottedLine {
	margin-left: -61px;
}

sup { bottom:4px;
font-size:8px;
position:relative;
right:3px; }