@charset "UTF-8";

/* CSS Document */



/* RESETS */





/*

colours



blue				298EBC

dark blue			146A95

light blue			4ab6e8

light light blue	83d6fd



*/





/* Resets & Universals. */



html, body, ul, ol, li, p, 

h1, h2, h3, h4, h5, h6, table,

form, fieldset, a, img { margin: 0; padding: 0; border: 0; }



.a-left {text-align: left !important;}

.a-right {text-align: right;}

.a-center {text-align: center;}



ul {list-style:none;}



html, body {height: 100%}

html>body #wrapper{height: auto;	}



ul.disc {list-style:disc; padding-left:20px;}



.clear {clear:both;}



a, a:link, a:visited  {text-decoration: underline; color:#000099; }

a:hover {text-decoration: none;}





hr {border:0; width: 100%; color:#000; background-color:#000; height:1px; margin:0; padding:0;}

hr.line {border-top:1px solid #A6AB94; margin: 15px 0;}











/*======== STRUCTURE ========*/			

body {background: url(../images/background.gif) repeat-x #AECFD5; }



#wrapper {width:984px; height:100%; height:auto; margin:0 auto; background: url(../images/body_bg.gif) repeat-y;}

#container {width:944px; margin:0px auto; padding-top:20px; }

#pageBody {position:relative;  width: 100%; margin: 0 auto 100px auto; height:100%;}

#pageBody_contest {position:relative;  width: 100%; margin: 0 auto 10px auto; height:100%;}	

#pageBody_homepage {position:relative;  width: 100%; margin: 0 auto 242px auto; height:100%;}

#ribbon {

	width:100%;

	margin-bottom:20px;

	

	

	}

#header {position:relative; width:100%; height:180px; margin-bottom:20px;}	

	#banner {position:relative; float:left; width:944px; clear:right; margin-bottom:3px;}

	#hdr_logo {position:relative; float:left; top:15px; left:5px; height:93px; width:270px;}

	#subpageheader {position:relative; float:right; width: 620px; margin-top:30px; }

	#pageTitle {position:absolute; height:80px; top:-5px; }

		#pageTitle h2, #pageTitle h3 {}

	

#footer {position:relative; width:100%; height:100px; background:url(../images/bg-footer.gif) no-repeat 0 0;}

	#BottomNavigationContainer {width:623px; position:absolute; right:0; top:-20px;}

		#BottomNavigationContainer li {float:left;}

	#footer_links {position:absolute; width:50%; top:55px; left:15px;}

		#footer_links li {display:inline;}

	#footer_legallinks {position:absolute; width:50%; top:55px; right:15px; text-align:right;}

		#footer_legallinks li {display:inline;}



#TopNavigationContainer {float:right; margin-top:1px; width:780px; display:block;  background: url(../images/bg-nav.gif) no-repeat #298EBC top left;  height:32px; overflow:hidden; }

	#TopNavigationContainer ul {margin:0 auto; text-align:center; }

	#TopNavigationContainer ul li {float:right; padding:0 !important; margin:0 !important; }

	#TopNavigationContainer ul li a {font:12px/22px Helvetica, Arial, sans-serif; margin:0 !important; padding:5px 14px; border-left:1px solid #fff; background-color:#298EBC; color:#fff; text-decoration:none; display:inline-block; }

	.noborderLeft {border-left:none !important;}

	#TopNavigationContainer ul li a:hover {background-color:#146A95;}



.TopNavigationContainer {float:right; margin-top:1px; width:810px; display:block;  background: url(../images/bg-nav.gif) no-repeat #298EBC top left;  height:32px; overflow:hidden; }

	.TopNavigationContainer ul {margin:0 auto; text-align:center; }

	.TopNavigationContainer ul li {float:right; padding:0 !important; margin:0 !important; }

	.TopNavigationContainer ul li a {font:12px/22px Helvetica, Arial, sans-serif; margin:0 !important; padding:5px 14px; border-left:1px solid #fff; background-color:#298EBC; color:#fff; text-decoration:none; display:inline-block; }

	.noborderLeft {border-left:none !important;}

	.TopNavigationContainer ul li a:hover {background-color:#146A95;}



	

#widecolumn {position:relative;float:left; width:620px; display:inline; /*padding:0 10px 0 10px;*/ margin-bottom:75px; }

#widecolumn_contest {position:relative;float:left; width:620px; display:inline; /*padding:0 10px 0 10px;*/ }

#narrowcolumn {position:relative; float:left; width:314px; display:inline; margin-right:10px; margin-bottom:75px; }

#narrowcolumn_contest {position:relative; float:left; width:314px; display:inline; margin-right:10px; margin-top:20px; margin-bottom:20px;}

#fullcolumn {position:relative; float:left; width:944px; display:inline; margin-right:10px; margin-bottom:75px; }

#fullcolumn_homepage {position:relative; float:left; width:944px; display:inline; margin-right:10px; margin-bottom:20px; }

#fullcolumn1 {position:relative; float:left; width:640px; display:inline; margin-right:10px; margin-bottom:75px; }



#col1 {float:left; width:305px; margin-right:10px;}

#col2 {float:left; width:263px; margin-left:10px; }



/* splash */

.splash #header {height:40px;}

.splash #pageBody {height:560px;}





/* homepage */

.homepage #header {}

#home-flash {width:100%; height:350px; margin-bottom:5px; z-index:2000;}	

.homepage #widecolumn {margin-bottom:70px; padding-left:30px; width:590px !important;}

.homepage #widecolumn h2 {color:#298EBC !important;}

.homepage #narrowcolumn {padding-left:70px; width:244px !important;}







/* recipe */





#recipeTime {position:absolute; top:0; right:0; width:116px;}

	#recipeTime .clock {float:left; display:inline;}

	#recipeTime .time {float:left; display:inline; width:50px; height:40px; padding:7px 10px; margin-left:5px; background:url(../images/bg-time.gif) no-repeat 0 0;}

#recipeTools {float:left; width:100%; clear:right; z-index:200; position:relative; margin-bottom:10px;}

	ul.preptime {position:relative; float:left; line-height:20px; height:20px;}

		.preptime li {float:left; background:url(../images/bg-preptime.gif) repeat-x; /*border-left:1px solid #fff;*/ padding:0 15px; color:#fff; line-height:30px;}

		.preptime li.borderright {border-right:1px solid #fff;}

		.preptime li.endleft, preptime li.endright {width:10px; height:30px; padding:0 !important; margin:0 !important;}

		.preptime li.endleft {background:url(../images/bg-preptime-left.gif) no-repeat 0 0;}

		.preptime li.endright {background:url(../images/bg-preptime-right.gif) no-repeat 0 0;}

	.jump {position: absolute; z-index:200; left:335px/*654px*/;}

	.share {position:absolute; left:530px; z-index:201;}



#recipeImageContainer {position:relative; float:left; width:314px; /*margin-right:10px;*/}

	#recipeImageContainer .recipeFlag {position:absolute; top:75px; left:0px;}

	#recipeImageContainer .recipeFlag {position:absolute; top:75px; left:0px;}

#recipeKraftProduct {float:left; display:block; width: 309px; text-align:center; /*width:283px; margin-left:15px; */ border:1px solid #298EBC; height:180px; margin-top:20px;}

	

#recipeContentContainer {position:relative;float:left; width:620px; margin-bottom:100px; display:inline;}

#recipeContent {float:left; width:320px; display:inline;}

#recipeNutritionContainer {float:right; width:263px; display:inline; padding:10px; margin-left:15px; /*margin-bottom:10px; needed to omit this. Had to add a   after the div so that IE6 would not crash. So, the   takes on the margin attribute*/ border:1px solid #298EBC;z-index:0;}

#bannerContainer {float:left; width:263px; display:inline; padding:10px; margin-left:15px; /*margin-bottom:10px; needed to omit this. Had to add a   after the div so that IE6 would not crash. So, the   takes on the margin attribute*/ border:0px solid #298EBC;z-index:0;}

	.nutLeftCol {float:left; width:180px; background:url(../images/dot.gif) repeat-x 0 1.2em;}

	.nutLeftCol span {background:#fff; padding-right:5px;}

	.nutRightCol {float:left; width:50px; padding-left:10px; }

	

#recipeLinks {float:right; width:75px; margin-bottom:5px; } /* the print button */

	#recipeLinks .icon {float: left; margin-right: 5px; width: 30px; vertical-align: middle;}

	#recipeLInks .link {float: left; width: 40px;padding-top: 4px;vertical-align: middle;}



 

/* recipes default page */

	.grid-recipe {float:left; position:relative; display:inline; width:220px; margin-left:15px; background-color:#fff;}

	.grid-recipeImg {margin-bottom:5px;}

	.grid-recipeFlag {position:absolute; top:124px; left:0px;}

	.grid-recipeFlag2 {position:absolute; top:119px; left:0px;}

	.grid-recipeTitle {margin-bottom:10px;}

		a.grid-recipeTitle {text-decoration:none; font-weight:bold; color:#00549f;}

		a.grid-recipeTitle:hover {text-decoration:underline;} 

	.grid-recipeBlurb {} 



/* new recipe theme*/



.grid-recipe1 {float:left; position:relative; display:inline; width:150px; margin-left:10px; background-color:#fff;}

	.grid-recipe1Img {margin-bottom:5px;}

	.grid-recipe1Flag {position:absolute; top:124px; left:0px;}

	.grid-recipe1Flag2 {position:absolute; top:119px; left:0px;}

	.grid-recipe1Title {margin-bottom:5px;}

		a.grid-recipe1Title {text-decoration:none; font-weight:bold; font-size:11px; color:#00549f;}

		a.grid-recipe1Title:hover {text-decoration:underline;} 

	.grid-recipe1Blurb {} 



a.grid-recipe1Titlemore {text-decoration:none; font-weight:bold; color:#F00; text-align: right;}



















/* events */



#eventContentContainer {position:relative;float:left; width:644px; margin-bottom:100px; }

#eventImageContainer {position:relative; float:left; width:314px; margin-right:10px;}

#eventContent {float:left; width:305px; padding-right:15px;}

#eventlistingsContainer {float:left; width:263px; padding:10px; margin-left:15px; border:1px solid #298EBC;z-index:0;}

	#eventlistingsContainer ul {margin-top:5px;}

	#eventlistingsContainer .eventTitle {font-weight:bold; color:#D72D24;}





/* healthy living */

#livingwellwithdiabetes {float:left; position:relative; width:944px; padding:20px 0; margin-bottom:50px; border-top:1px solid #298EBC}





/* home page - blurb scroller */

.homepage .slideshow {height:200px !important; background-color:#fff !important; }



/* thank you - recipe scroller */

.slideshow {height:300px;} /* css container by the plugin */

	.slideshow-recipe {background-color:#fff;}

	.slideshow-recipeImg {margin-bottom:5px;}

	.slideshow-recipeTitle {}

	.slideshow-recipeBlurb {}









/*======== STYLE ========*/	

body { font-family: Helvetica, Arial, "Lucida Grande", Sans-Serif; font-size: 12px; line-height:1.8em; }



h1, h2, h3, h4, h5, h6 {font-weight: normal; color:#333333;}

h2 {font-size: 22px; color:#D62416; line-height:1.4em; padding-bottom:10px 0;}

h3 {font-size: 18px; line-height:1.4em; color:#298EBC;}

h4 {font-size: 16px; /*padding-bottom:1em;*/ }

h5 {font-size:14px; padding:0em 0 1em 0; }

h6 {font-size:12px; font-weight:bold;}

		

p, ul, ol, dt, table, label {padding-bottom: 10px; color:#333333;}

strong {}





/* homepage */

.homeEventTitle {font-size:16px;font-weight:bold; color:#D72D24;}

.homeEventLoc {font-weight:bold; color:#298EBC;}

.homeEventDate {font-weight:bold; color:#298EBC;}



#homemessage {float:left; width:100%; position:relative; background: url(../images/bg-homemessage.gif) repeat-x;}

.home-col {float:left; width:190px; margin-right:25px; padding-top:40px;  }

.home-smita {float:left; padding-left:35px; width:220px;}

.home-signature {position:relative; margin-left:100px;}



/* recipes */

h4.recipe {color: #005097; font-weight:bold; margin:1em 0; display:block; padding:10px; width:295px; background-color:#EBECED;}

.time {color:#fff !important; line-height:1.1em;}

p.descriptor {font-size:14px; color:#298EBC;}

p.fineprint {padding:0; margin:0; font-size:10px; line-height:12px;}

#recipeContent p {padding:0 10px;}







/* events */

p.eventsFineprint {font-size:11px; line-height:12px;display:block; padding:5px; margin:10px 0 0 0; background-color:#F1EEE6;}



/* links */

#footer_links li a, #footer_legallinks a {font-size:10px; color:#fff; font-weight:bold; text-decoration: none; padding:0 10px; background: url(../images/footer_pipe.gif) no-repeat right center;}

	#footer_links li a:hover, #footer_legallinks li a:hover {color:#CCCCCC;}

	#footer_links li a.last, #footer_legallinks li a.last {background:none;}

	

/* thankyou */

.slideshow-recipeBlurb p {padding:0 !important;}



/* recipes default */

.grid-recipeBlurb p {padding:0 !important;}

	

	

/*======== FORM ========*/	

.label {width:100px;}

.field {width:260px;}

.status {width:170px}

	

.form-shareRecipe {width:560px; padding:0 15px 15px 15px; background:url(../images/form-bdr-bg.gif) repeat-y; margin:0;}

.form-shareRecipe-bgTop {height:10px; background:url(../images/form-bdr-top.gif) no-repeat 0 0; display:block; margin:0;}

	* html .form-shareRecipe-bgTop {position:relative; top:10px;} /* for IE6 */

.form-shareRecipe-bgBot {height:10px; background:url(../images/form-bdr-bottom.gif) no-repeat 0 0;}



.required, .textfield, .textarea {font: 12px/16px Helvetica, Arial, sans-serif ;}

.required:focus, .textfield:focus, .textarea:focus {background-color:#F0EEE6;}

.required {width:150px; padding:2px;}

.textfield {width:250px; padding:2px;}

.textarea {width:280px; padding:5px;}



.requiredStar {font-size: 13px;font-weight: bold;color: #f47820;display: inline;margin-right: 3px;}

.requiredStar {font-size: 13px;font-weight: bold;color: #f47820;display: inline;}



/*javascript validation */

label.error { margin-left: 0px; font-family:Helvetica, Arial, sans-serif !important; font-size: 11px; color:#990000;}





/* Health Section start*/



h4.health {color: #005097; font-weight:bold;  margin-left:15px; display:block; padding:10px; width:595px; background-color:#EBECED;}

li.health {

padding-left:-60px;

list-style-image:url(../images/list.gif);

margin-left:30px;

}



.grid-healthy{text-decoration:none; font-weight:bold; color:#00549f;}





.linkContainer {float:left; width:500px; display:inline; padding:10px; margin-left:15px; /*margin-bottom:10px; needed to omit this. Had to add a   after the div so that IE6 would not crash. So, the   takes on the margin attribute*/ border:1px solid #298EBC;z-index:0;

margin-bottom:50px;}

#hdr_logoleft {

	position:relative;

	float:left;

	top:5px;

	left:5px;

	height:50px;

	width:270px;

	

}

.hdr_logoright {position:relative; float:right; top:15px; left:5px; height:93px; width:270px;}

.hdr_logocenter {position:relative; float:left; top:15px; left:75px; height:64px; width:300px;}



.pageTitle_Healthy {

	position:absolute;

	height:30px;

	top:-6px;

	left: 46px;

	

}

		#pageTitle_Healthy h2, #pageTitle_Healthy h3 {text-align:center;}

		

#pageBodyhealthy {position:relative;  width: 100%; height:100%;}



#narrowcolumndiabetes {position:relative; float:right; width:210px; display:inline; margin-left:10px; 

padding-left:10px;

height:100%;

}



#recipeImageContainerdiabetes {

	position:relative;

	float:right;

	width:210px;

	

}





.grid-recipeTitlehealthy {margin-bottom:10px;}

		a.grid-recipeTitlehealthy {text-decoration:none; font-weight:normal; font-style:italic;  color:#00549f;}

		a.grid-recipeTitle:hoverhealthy {text-decoration:underline;} 







p.healthdescriptor {font-size:10pt; margin-left:15px;}







/* Health Section Ends*/







/*======== TABLES ========*/	

.table-shareRecipe {}

.table-shareRecipe td {padding:5px}

#pics {position:relative; float:left;

width:290px;

display:inline; margin-bottom:75px; }



/* Recipe_Videos*/

.grid-recipevideo {float:left; position:relative; display:inline; width:428px; margin-left:15px; background-color:#fff;



border:1px #333 solid;

}



/* for Contest Flash */

#contast {position:relative; float:right; top:15px; right:0px; height:119px;}