body { background:url(../images/back-site.gif) repeat-x #def2fc; margin:0; padding:0;}

img { border:0;}
div { margin:0; padding:0;}

div#frame { height:585px; width:912px; margin:16px auto 0 auto; padding:0; background:url(../images/back-content.gif) no-repeat 0px 39px; position:relative ; }

div#frame ul#tabs { width:525px; height:49px; margin:0 auto; padding:0; list-style:none; }
div#frame ul#tabs li { float:left; cursor:pointer;}
div#frame div#logo { background:url(../images/logo-yoplait.jpg) no-repeat; width:436px; height:83px; margin:0px 0 0 230px; padding:0; }
div#frame .coupon-footer { position:absolute; top:366px; right:96px;}
div#frame span#tellaFriend { color:White; cursor:pointer; font-family:Arial; font-size:13px; position:absolute; top:450px; left:110px; text-decoration:underline; font-weight:bold;}  
div#frame span#tellaFriend strong{ font-family:Lithos Pro Regular;  font-weight:bold; }
 
                           
div#frame ul#footer {width:594px; height:16px; padding:0px; margin:0; list-style:none; color:#35b6eb; font-family:Arial; font-size:9px; position:absolute; bottom:10px; right:0px; }
div#frame ul#footer li { float:left; padding:0 4px 0 0;  }
div#frame ul#footer li#copy { width:250px; text-align:right; }
div#frame ul#footer li a, div#frame ul#footer li a:visited { color:#35b6eb; text-decoration:none; }
div#frame ul#footer li a:hover { text-decoration:underline; }



/* HOME */

div#frame div#home-content { width:888px; height:288px; margin:0; padding:50px 0 0 16px;  position:relative; }
div#frame div#home-content a#explore { margin:100px 0 0 10px; padding:0; display:inline-block;  }
div#frame div#home-content div#cup { width:208px; height:208px; background:url(../images/cup-greek.jpg) no-repeat; position:absolute; top:77px; left:210px; }
div#frame div#home-content div#intro { width:428px; height:254px;  position:absolute; top:11px; left:455px; }
div#frame div#home-content div#intro h1 {margin:0px; padding:0px; width:405px; height:29px; background:url(../images/title-intro.gif) no-repeat;}
div#frame div#home-content div#intro p { font-family:arial; color:#00a3e6; font-size:11px; line-height:15px; font-weight:bold; padding:0 0 4px 0; margin:0; }
div#frame div#home-content div#intro .coupon { position:absolute; top:144px; left:0px; }
div#frame div#home-content div#intro a#goRecipe { position:absolute; top:145px; left:210px;}
div#frame div#home-content div#intro span#tellaFriend { color:White; cursor:pointer; font-family:Arial; font-size:13px; position:absolute; top:300px; left:90px; text-decoration:underline;}  
div#frame div#home-content div#intro span#tellaFriend strong{ font-family:Lithos Pro Regular; font-weight:bold;}
div#frame div#home-content div#intro div#intro-text { background:url(../images/text-intro.gif) no-repeat; width:407px; height:105px;} 
 
/* FLAVORS */

div#frame div#flavor-info {width:842px; height:218px; margin:0; padding:3px 0 0 59px;  position:relative;}
div#frame div#flavor-info div#product { width:186px; height:210px; float:left; position:relative; margin:0; padding:0 0 0 0; }
div#frame div#flavor-info div#nutrition { width:221px; height:163px; background:url(../images/box-info.jpg) no-repeat; float:left; padding:0; margin:15px 0 0 33px; position:relative; color:#00a3e6; font-size:10px; font-family:arial;}
div#frame div#flavor-info div#nutrition span#nutrition-title{ font-weight:bold; padding:30px 0 0 10px; display:block; font-size:11px; }
div#frame div#flavor-info div#nutrition span#seeInfo { position:absolute; bottom:20px; left:11px; cursor:pointer; text-decoration:underline; }
div#frame div#flavor-info div#nutrition img#blue-arrow { padding:0 0 0 3px; position:absolute; bottom:18px; right:24px;}
div#frame div#flavor-info div#nutrition span#seeInfo img{ vertical-align:middle; padding:0 0 0 4px;}
div#frame div#flavor-info div#nutrition div#spec { padding:0px 0 0 10px; display:inline-block; margin:0;}

div#frame div#flavor-info div#nutrition div#specDesc { float:left;display:inline;}
div#frame div#flavor-info div#nutrition div#specInfo { padding:0px 0 0 30px; float:left;}


div#frame div#flavor-info div#product-detail { float:left; width:332px; height:161px; padding:0; margin:34px 0 0 44px;}
div#frame div#flavor-info div#product-detail p#product-description { padding:14px 0 0 0; margin:0; font-family:Arial; color:#00a3e6; font-size:12px; line-height:16px;}
div#frame div#flavor-info div#product-detail img#mainTitleFull { color:#0f346b; font-family:Lithos Pro Regular, Arial; font-size:11px; display:block; padding:11px 0 0 0; font-weight:bold;}
div#frame div#products { width:542px; height:135px; float:left;margin:17px 0 0 53px; display:inline; background:url(../images/bg-yogurts.jpg) 0px 0px no-repeat; }
div#frame div#products div.product-item{ width:115px; height:136px; margin:2px 59px 2px 0; float:left; cursor:pointer; }
div#frame div#products div.product-item img#productHolder1 { padding:70px 0 0 13px;}
div#frame div#products div.product-item img#productHolder2 { padding:70px 0 0 15px;}
div#frame div#products div.product-item img#productHolder3 { padding:71px 0 0 12px;}
div#frame div#products div.product-item span { display:block; font-family:Lithos Pro Regular; color:White; font-size:13px; text-align:center; text-decoration:underline;}

/* COUPON THANK YOU */

div#frame div#home-content .getCoupon { position:absolute; top:30px; left:110px;}

/* RECIPES */

div#frame span#recipe-intro { width:469px; height:42px; display:block;  background:url(../images/recipe-intro.gif) no-repeat; margin:0 auto 0 auto; padding:0; }
div#frame div#scroll-band { width:888px; height:165px; margin:0 0 0 12px; padding:0; background: #a5def7; position:relative;  }
div#frame div#scroll-band img#leftscroll{ position:absolute; top:0; left:0px; cursor:pointer; margin:53px 0 0 23px; display:block;}
div#frame div#scroll-band img#rightscroll{ position:absolute; top:0; right:0px; cursor:pointer; margin:53px 23px 0 0;}
div#frame div#scroll-band div#recipe-holder { width:735px; height:148px; margin:7px 0 0 102px; display:inline-block;}
div#frame div#scroll-band div#recipe-holder div.recipe { width:112px; height:148px; margin:0 32px 0 0; float:left; cursor:pointer;}
div#frame div#scroll-band div#recipe-holder div.recipe span.recipe-title { color:#043b6e; font-family:Arial; font-size:10px; text-decoration:underline; font-weight:bold; text-align:center; display:block; padding:3px 0 0 0; margin:0; }

/* GREEK STYLE */
div#frame div#band { width:888px; height:195px; margin:0 0 0 12px; padding:0; background: #a5def7; position:relative;  }
div#frame div#band div#greekwrap { background:url(../images/bg-gossip.jpg) top left no-repeat; width:269px; height:114px; padding:50px 3px 0; position:absolute; left:160px; top:27px; }
div#frame div#band div#greekwrap div#TICKER { overflow:hidden; width:200px; padding:12px 0 0 35px; display:block; position:absolute; left:16px; top:50px; }
div#frame div#band div#greekwrap div#TICKER a,
div#frame div#band div#greekwrap div#TICKER a:visited { font-family:Arial; font-size:11px; color:Black; text-decoration:none; }
div#frame div#band div#greekwrap div#TICKER a:hover { color:#d29311; }
div#frame div#band div#greekwrap p#rss-intro {  background:url(../images/rss-intro.gif) no-repeat; display:block; width:257px; height:58px; position:absolute; left:5px; top:120px;  display:block; margin:0; padding:0;   }
div#frame div#band a#buttonClash { width:276px; height:153px; background:url(../images/bt-clash.jpg) no-repeat; position:absolute; left:460px; top:27px; display:block;}

/* THANK YOU DOWNLOAD */
div#frame  div#thanks-download { background:url(../images/thanks.gif) no-repeat; width:503px; height:64px; margin:70px auto 0 auto;}

/* NUTRITIONAL INFO OVERLAY  */
.PopNutritionalInfo {
	
	padding: 25px 0px 0px;
	width: 397px;
	font-size:10px;
	font-family:Helvetica,Arial,Tahoma,sans-serif;
	margin-top:50px;
}

    .PopNutritionalInfo .top {float:left;
	    background: url(../images/bg-top-pop-nutri.png) left bottom no-repeat;

		font-size: 0px;
		height: 36px;
		line-height: 0px;
		width: 397px;
	}
    
	.PopNutritionalInfo .Inner { float:left;
		background: url(../images/bg-loop-pop-nutri.png) left repeat-y;
		color: #000;
		padding: 2px 39px 0px 41px;
		margin:0 0 0 0;
		width: 317px;
		z-index: 7;
		line-height:12px;
	}

        
		.PopNutritionalInfo .Inner span.CloseNut {						
			float:right;
			font-size: 0.967em;
			font-weight: bolder;
			margin-bottom: 5px;
			z-index: 8;
		}
		.PopNutritionalInfo .Inner a.Close,
		.PopNutritionalInfo .Inner a.Close:active,
		.PopNutritionalInfo .Inner a.Close:hover,
		.PopNutritionalInfo .Inner a.Close:link,
		.PopNutritionalInfo .Inner a.Close:visited {
			display: block;
			color: #900c1a !important;
			position: relative;
			text-decoration: underline;
			float:left;
		}
		.PopNutritionalInfo .Inner a.Close:hover {		
			text-decoration: none;
		}
		.PopNutritionalInfo .Inner h3 {
			clear: both;
			background: url(../images/title-nutritional-info-popup.gif) left top no-repeat;
			font-size: 0px;
			height: 30px;
			line-height: 0px;
			margin-bottom: 0px;
			text-indent: -10000px;
			
		}	
			.PopNutritionalInfo .Inner dl dt {
				font-size: 1.289em;
				font-weight: bolder;		
			}
			.PopNutritionalInfo .Inner dl dd {
				font-size: 0.967em;
				line-height: 13px;
			}	
		.PopNutritionalInfo .Inner table {
			border-collapse: collapse;
		}
		
		.PopNutritionalInfo .Inner td { 			
			border-bottom: 1px solid #000;
			font-size: 0.967em;
			line-height: 4px;			
		}	
		.PopNutritionalInfo .Inner td.Line {
			border-bottom: 2px solid #000;
		} 
		.PopNutritionalInfo .Inner td.RowStyle {
			padding-top: 14px;
		}
		.PopNutritionalInfo .Inner .AmountServing {
			text-align: right;
		}	
		.PopNutritionalInfo .Inner .DailyValue {
			text-align: right;
			padding: 4px 0px 4px 16px;
			width: 70px;
		}	
		.PopNutritionalInfo .Inner th {
			font-size: 0.967em;
			line-height: 4px;		
		}
		.PopNutritionalInfo p {
			font-size: 0.967em;
			padding: 14px 0px 8px 0px;			
		}
		.PopNutritionalInfo p.TextStyle {
			font-size: 0.805em;
			text-transform: uppercase;
		}
	.PopNutritionalInfo .Bottom {float:left;
		background: url(../images/bg-bottom-pop-nutri.png) left top no-repeat;
		font-size: 0px;
		height: 36px;
		line-height: 0px;
		width: 397px;
	}


#nutriInfo1,
#nutriInfo2,
#nutriInfo3,
#nutriInfo4{ display:none; position:absolute; top:-70px; left:230px; }



/* SEND TO FRIEND OVERLAY  */
div#frame div#email-holder {top:40px; left:250px;  width:340px;  border:soild 4px; height:418px; position:absolute; top:50px; left:300px; z-index:1000; display:none; }
div#frame div#email-holder div#email { width:340px; height:468px; background:url(../images/bg-email.png) no-repeat; font-family:Arial; color:#043b6e; font-size:10px; }
div#frame div#email-holder div#email div#screen {  width:290px; height:403px; margin:21px 0 0 26px; position:relative; display:inline-block;}
div#frame div#email-holder div#email div#screen img#recipeTitle { position:absolute; top:19px; left:0px; display:none; } 
div#frame div#email-holder div#email div#screen div#close { width:50px; height:14px; cursor:pointer; margin:0 0 0 0; position:absolute; z-index:1111; top:0px; right:0px;  }
div#frame div#email-holder div#email div#screen div#note { font-weight:bold; display:block; padding:5px 0 5px 0 ; }
div#frame div#email-holder div#email div#screen span.spacing { padding:53px 0 0 0; display:block;}
div#frame div#email-holder div#email div#screen span.error { color:Red; font-weight:bold;}
div#frame div#email-holder div#email div#screen p { margin:0; padding:2px 0 6px 0; display:block;}
div#frame div#email-holder div#email div#screen p input{ display:block; height:25px; width:275px; border:solid 1px; margin:4px 0 0 0; font-family:Arial; font-size:14px; padding:6px 0 0 3px; }
div#frame div#email-holder div#email div#screen img#sendEmail { margin:1px 0 0 65px; cursor:pointer; }
div#frame div#email-holder div#email div#screen small { font-size:10px; color:black; font-family:Arial; display:inline-block; margin:1px 0 0 0 ; padding:0px; line-height:10px; width:280px;}


/* RECIPE OVERLAY  */
div#frame div.recipe-holder {top:40px; left:250px;  width:340px;  border:soild 4px; height:418px; position:absolute; }
div#frame div.recipe-holder div.recipe-detail { background:url(../images/bg-recipe.png); width:340px; height:418px;  }
div#frame div.recipe-holder div.recipe-detail div.ops-print {width:100px; height:28px; cursor:pointer; position:relative; top:0px; left:0px; z-index:11111; float:left  }
div#frame div.recipe-holder div.recipe-detail div.ops-share {width:126px; height:28px; cursor:pointer; position:relative; top:0px; left:70px; z-index:11111; float:left;  }
div#frame div.recipe-holder div.recipe-detail div.close-recipe {width:30px; height:28px; cursor:pointer; position:relative; top:0px; left:61px; z-index:11111; float:left; }
div#frame div.recipe-holder div.recipe-detail div.recipe-text { float:left; width:291px; height:356px; border:solid 1px #008cd2; margin:0 0 0 14px; display:inline; overflow:auto; position:relative; z-index:11111;}
div#frame div.recipe-holder div.recipe-detail div.recipe-text div.recipeText { width:262px; color:#043b6e; font-family:Arial; font-size:10px; padding:5px 4px 4px 5px; line-height:18px; }
div#frame div.recipe-holder div.recipe-detail div.recipe-text div.recipeText h1 { width:120px; font-size:13px; }
div#frame div.recipe-holder div.recipe-detail div.recipe-text div.recipeText h2 { width:140px; font-size:13px; padding:45px 0 0px; margin:0; }
div#frame div.recipe-holder div.recipe-detail div.recipe-text div.recipeText span { display:block; width:140px; }
div#frame div.recipe-holder div.recipe-detail div.recipe-text div.recipeText p.reg { padding:20px 0 100px 0;} 
div#frame div.recipe-holder div.recipe-detail div.recipe-text div.recipeText img.recipethumb { float:right; padding:0 0 0 4px;}
div#frame div.recipe-holder div.recipe-detail div.recipe-text div.recipeText img.footer { float:left; padding:0 0 0 15px;}

div#frame div#recipe-detail1, div#frame div#recipe-detail2, div#frame div#recipe-detail3, div#frame div#recipe-detail4, div#frame div#recipe-detail5,
div#frame div#recipe-detail6, div#frame div#recipe-detail7, div#frame div#recipe-detail8, div#frame div#recipe-detail9, div#frame div#recipe-detail10,
div#frame div#recipe-detail1, div#frame div#recipe-detail11, div#frame div#recipe-detail12 { display:none; }