@charset "utf-8";
/* CSS Document */

/*===  RESET  ===*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*===  GLOBAL  ===*/
body.home { background: url(../images/bg_body_home.jpg) repeat-x left top;}
body { background: url(../images/bg_body.jpg) repeat-x left top; font-family: Arial, Helvetica, sans-serif;}
	.videoPage { background: none;}

strong { font-weight: bold;}
em { font-style: italic;}

.forPrint { display: none;}
.clear { clear: both;}

.siteWrap { margin: 0 auto; width: 960px;}

/*=== SA BAR ===*/
#saBar { left: 0; position: absolute; top: 0; width: 100%; z-index: 25;}
	#saBar table { width: 100%;}
	#saBar td { vertical-align: top;}
	#saBar .sanofiLeft { background: url(../images/bg_sanofiLeft.png) repeat-x top; height: 29px; width: 100%;}
	#saBar .sanofiRight { background: url(../images/bg_sanofiRight.png) repeat-x top; height: 29px; width: 100%;}
	#saBar .sanofiCenter { width: 960px;}	 
	
/*=== SPLASH / HEAD ===*/	
	#saLogoBar { height: 59px; left: 0; position: absolute; top: 0; width: 960px;}
		#saLogoBar img { float: left;}
	#sanofiLink { height: 60px; left: 678px; overflow: hidden; position: absolute; top: 0; width: 212px;}
		#sanofiLink a { background: url(../images/spacer.gif); color: #FFF; display: block; font-size: 16px; font-weight: bold; height: 60px; overflow: hidden; text-decoration: none; text-indent: -2000px; width: 213px;}
	#forUS { color: #FFF; font-size: 14px; font-weight: bold; position: absolute; left: 678px; text-align: center; top: 60px; width: 212px;}
	
	/*-- head --*/
	.siteHeadOut {}
	#siteHead { height: 131px; margin: 0; position: relative; width: 960px; z-index: 30;}
	#siteHead .logo { color: #FFF; font-size: 22px; font-weight: bold; height: 52px; left: 10px; overflow: hidden; position: absolute; text-indent: -9999px; top: 50px; width: 245px;}
		#siteHead .logo .green { color: #becc5c;}
		#siteHead .logo .purple { color: #aeaeea;}
		#siteHead .logo img { left: 0; position: absolute; top: 0;}
		
	/*-- splash--*/
	.siteSplash { background: url(../images/bg_splashMain.jpg) no-repeat left bottom; height: 462px; position: relative; z-index: 30;}
	
	#splashContent { display: inline; float: left; margin: 95px 0 0 10px; width: 460px;}
	#splashContent h1 { color: #FFF; font-size: 22px; font-weight: bold; height: 56px; margin: 0 0 24px; overflow: hidden; position: relative; width: 265px;}
		#splashContent h1 .green { color: #becc5c;}
		#splashContent h1 .purple { color: #aeaeea;}
		#splashContent h1 .over { background: url(../images/logo_goMeals.jpg) no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
	#splashContent p { color: #c4c7df; font-size: 27px; letter-spacing: -1px; line-height: 39px; margin: 37px 0 0;}
	#splashContent .arrowed { background: url(../images/green_arrow.gif) no-repeat right 5px; color: #becc5c; padding: 0 10px 0 0; text-decoration: none;}
	#splashContent .arrowed:hover { text-decoration: underline;}
	
	#appStore { left: -4px; margin: 26px 0 0; position: relative;}
		#appStore a:hover { border: 0px solid transparent;}
		html>body #appStore a:hover {border: none;}
		#appStore .static { left: 0; position: absolute; top: 0;}
		#appStore .iphone { float: left; height: 54px; left: 88px; overflow: hidden; position: absolute; top: 4px; width: 93px;}
			#appStore .iphone img { background: url(../images/bg_iphone_over.jpg) no-repeat left -54px; height: 54px; width: 93px;}
			#appStore .iphone a:hover img { background-position: 0 0;}
		#appStore .ipad { float: left; height: 54px; left: 181px; overflow: hidden; position: absolute; top: 4px; width: 98px;}
			#appStore .ipad img { background: url(../images/bg_ipad_over.jpg) no-repeat left -54px; height: 54px; width: 98px;}	
			#appStore .ipad a:hover img { background-position: 0 0;}
		
	#demo { bottom: 0; height: 60px; position: absolute; left: 500px; width: 216px;}
	
	#phoneWrap { height: 373px; position: absolute; right: 0; top: 130px; width: 467px;}				
		#phoneSlides { height: 373px; overflow: hidden; width: 467px;}
			#phoneSlides .slide { height: 373px; width: 467px;}
	
	
	#phoneBackDrop { background: url(../images/bg_splashMain.jpg) no-repeat left bottom; bottom: 0; height:417px; left: -85px; position: absolute; width: 85px;}

/*=== NAV ===*/	
.siteNavOut { height: 41px;}
	.home .siteNavOut { background: url(../images/bg_siteNav.gif) repeat-x top;}
#siteNav { margin: 0; width: 960px;}
	#siteNav ul { height: 33px; padding: 7px 0 0 0;}
	#siteNav li { float: left; margin: 0 0 0 1px;}
	#siteNav li a { background: #dee1ef url(../images/bg_siteNav_a.gif) repeat-x left top; color: #220b68; display: block; float: left; font-size: 14px; font-weight: bold; height: 33px; line-height: 33px; padding: 0 20px; text-decoration: none;}		
		#siteNav .active a { background: #f3f4fa; padding-bottom: 1px; position: relative; top: 1px;}
	
	#siteNav #navitem1 a { background: url(../images/bg_navitem1.gif) no-repeat left top; overflow: hidden; padding: 0; text-indent: -9999px; width: 40px;}
	#siteNav #navitem1.active a { background: url(../images/bg_navitem1.gif) no-repeat left -33px;}


/*=== CONTENT ===*/	

	/*-- util --*/
	#siteUtil { background: url(../images/bg_siteUtil.gif) no-repeat left top; bottom: 0; height: 23px; padding: 7px 0 0; position: absolute; right: 0; width: 290px;}
		.siteSplash #siteUtil { bottom: auto; right: 12px; top: 100px;}
		
		#siteUtil .utilItem { display: inline; float: left; height: 17px; line-height: 30px;}
		#siteUtil .spacer { height: 17px;}
		#siteUtil #emailFriend { margin: 0;}
			#siteUtil #emailFriend .spacer { width: 62px;}
		#siteUtil #share { margin: 0 22px 0 0;}
			#siteUtil #share .spacer { width: 64px;}
		#siteUtil #textSize { margin: 0 43px 0 0; padding: 0 40px 0 12px; position: relative; width: 35px;}
			#siteUtil #textSize .spacer { width: 40px;}
			#siteUtil #textSize a { color: #9ca1c7; display: block; font-weight: bold; position: absolute; text-decoration: none; top: 0;}
			#siteUtil #textSize a.active { color: #FFF; text-decoration: underline;}
			#textSize .large { font-size: 18px; line-height: 19px; right: 0;}
			#textSize .med { font-size: 15px; line-height: 21px; right: 15px;}
			#textSize .small { font-size: 12px; line-height: 22px; right: 26px;}
	
	/*-- content general --*/
	
	.siteBody { font-size: 0.75em; line-height: 1.5em;}
	
	/*-- splash content --*/
	.home .siteBody { margin: 0; padding: 0; width: 960px;}
	
	.siteBody .revcol { display: inline; float: left; margin: 0 0 0 10px; width: 460px;}
	.siteBody .featurecol { display: inline; float: left; margin: 0 0 0 20px; padding: 40px 0 0; width: 465px;}
	.siteBody .lcol { display: inline; float: left; margin: 0 20px 0 0; width: 220px;}
	.siteBody .rcol { display: inline; float: left; width: 220px;}
	
	.revcol .introBlock { color: #220b68; font-size: 1.25em; font-weight: bold; line-height: 1.6em; padding: 38px 24px 38px 0;}
		.revcol .introBlock p { margin: 0;}
	
	.expertReviews { display: inline; float: left; width: 220px;}
		.expertReviews h2 { color: #9ca1c7; font-weight: bold; font-style: italic; margin: 0 0 7px;}
		.expertReviews .quoted { background: url(../images/bg_quotes.gif) no-repeat left top; color: #220b68; font-size: 1.083em; font-style: italic; font-weight: bold; margin: 0; text-indent: 23px;}
		.expertReviews .quoted .endquote { color: #9085b3;}
		.expertReviews a { color: #3881ed; font-style: normal;}
		.expertReviews .arrowed { background: url(../images/bg_arrowed.gif) no-repeat right center; padding: 0 7px 0 0; text-decoration: none;}
	
	.onTwitter { display: inline; float: left; margin: 0 0 0 20px; width: 198px;}
		.onTwitter h2 { color: #9ca1c7; font-weight: bold; font-style: italic; margin: 0 0 7px;}	
			.onTwitter h2 img { vertical-align: middle;}
		.onTwitter .twitterBox { background: url(../images/bg_twitterBox.jpg) no-repeat left top; height: 112px;}
			.onTwitter .twitterBox a { color: #220b68; display: block; font-weight: bold; height: 47px; line-height: 47px; text-align: center; text-decoration: none;}
				.onTwitter .twitterBox a span { background: url(../images/bg_twitterBox_arrowed.gif) no-repeat right center; padding: 0 7px 0 0;}
		
	.siteBody .comingSoon { background: url(../images/bg_comingSoon.gif) no-repeat left top; height: 34px; margin: 0 0 20px; width: 465px;}
		.siteBody .comingSoon p { color: #220b68; font-size: 12px; line-height: 24px; margin: 0; padding: 6px 0 0 15px;}
		.siteBody .comingSoon p span { color: #FFF; font-weight: bold; padding: 0 25px 0 0;}
	
	.siteBody .features { width: 460px;}
	.siteBody .features th { padding: 0 20px 0 0;}
	
	.siteBody .category { height: 10.833em; min-height: 10.833em; position: relative; width: 220px;}
	html>body .siteBody .category { height: auto;}
		.siteBody .category .catIcon { left: 0; position: absolute; top: 0;}	
	
		#siteBody .log .catIcon { top: 3px;}
	
	.siteBody .category h2 { color: #220b68; font-size: 1.5em; font-weight: bold; line-height: normal; margin: 0 0 7px; padding: 0 0 0 40px;}
	.siteBody .category p { color: #666; margin: 0; padding: 0;}
		
	.siteBody .poweredBy { background: url(../images/bg_poweredBy.gif) no-repeat left top; color: #9085b3; font-size: 12px; height: 18px; line-height: 18px; margin: 20px 0 0; padding: 11px 0; text-align: center;}	
	.poweredBy img { vertical-align: middle;}
	.poweredBy a { color: #220b68; font-weight: bold; text-decoration: none;}
	
	.siteBody .visit { background: url(../images/bg_visit.gif) no-repeat center top; color: #9085b3; font-size: 0.6875em; font-weight: bold; margin: 40px 0 10px; padding: 10px 0 0; text-align: center;}
	.siteBody .visit a { color: #220b68; text-decoration: none;}
	.siteBody .visit a:hover { text-decoration: underline;}
	
	/*-- inner content --*/
	.siteBodyOut {}
	#siteBody {}
		#siteBody .discalimernew { margin-top: 50px;}
	
	#contentColumn { display: inline; float: left; margin: 40px 0 0 10px; width: 600px;}
		#contentColumn h1 { color: #9085b3; font-size: 2.0em; font-weight: bold; margin: 0 0 30px;}
		#contentColumn h2 { color: #220b68; font-size: 1.5em; font-weight: bold; margin: 12px 0;}
		#contentColumn p { color: #666; margin: 12px 0;}
		#contentColumn a { color: #220b68;}
		
		#contentColumn .emphasis { margin: 0 0 36px;}
			#contentColumn .emphasis p { font-size: 0.9375em;}
		
		#contentColumn .boxWrap { background: #e6e8f4; border: 1px solid #cccfe4; padding: 30px;}
		/*-- forms --*/
		.formItem { color: #220b68; line-height: 2.0em; margin: 0 0 24px;}
		.formItem label { display: inline; float: left; font-weight: bold; width: 175px;}
		.formItem .longField { background: #FFF; border: 1px solid #cccfe4; color: #666; float: right; padding: 4px; width: 280px;}
		
		.formActions { height: 38px; overflow: hidden; padding: 0 0 0 190px;}
		.formActions input, .formActions img { display: inline; float: left; margin: 0 20px 0 0;}
		
		/*-- reviews --*/
		.review {}
		.review .source { background: #fcfdff; border: 1px solid #cacee7; padding: 7px 20px;}
			.review .source table { width: 100%;}
			.review .source th { color: #220b68;  font-size: 1.125em; font-weight: bold; line-height: 1.0em;}		
				.review .source th .named {border-right: 1px solid #c4c7df; float: left; padding: 0 20px 0 0;}
				.review .source th a { color: #220b68; text-decoration: none;}
					.review .source th a:hover { text-decoration: none;}
			.review .source td { color: #220b68; text-align: right;}					
		
			.review .article { font-size: 1.25em; line-height: 1.6em; margin: 22px 0;}
			#contentColumn .review h2 {color: #220b68; font-size: 1.2em; font-weight: bold; line-height: 1.0em; margin: 0 0 16px;}
			.review .article .author { color: #220b68; font-size: 0.8em; font-style: italic; margin: 16px 0;}
			.review .article .articleThumb { display: inline; float: right; margin: 0 0 0 15px;}
			#contentColumn .review .article p {}
			.review .article .action { font-weight: bold;}
		/*-- resources --*/
		.resources { font-size: 1.25em; line-height: 1.6em;}
		.resources .resourceItem { margin: 0 0 35px;}
		#contentColumn .resourceItem h2 {font-size: 1.2em; font-weight: bold; line-height: 1.0em; margin: 12px 0 5px;}
		#contentColumn .resources .resourceItem p { margin: 0;}
		.resources .resourceItem .smaller { display: block; font-size: 0.8em; line-height: 1.5em; margin: 20px 0 0;}
		
		
	#sidebar { display: inline; float: right; margin: 0 10px 0 0; padding: 100px 0 0; position: relative; width: 300px; z-index: 50;}
	#appBtn { height: 95px; left: 57px; position: absolute; top: -34px; width: 207px;}
		#appBtn a:hover { border: 0px solid transparent;}
		html>body #appBtn a:hover {border: none;}
		#appBtn .static { left: 0; position: absolute; top: 0;}
		#appBtn .iphone { float: left; height: 60px; left: 0; overflow: hidden; position: absolute; top: 36px; width: 105px;}
			#appBtn .iphone img { background: url(../images/bg_appbtn_over.jpg) no-repeat left -60px; height: 60px; width: 105px;}
			#appBtn .iphone a:hover img { background-position: 0 0;}
		#appBtn .ipad { float: left; height: 60px; left: 105px; overflow: hidden; position: absolute; top: 36px; width: 102px;}
			#appBtn .ipad img { background: url(../images/bg_appbtn_over.jpg) no-repeat -105px -60px; height: 60px; width: 102px;}	
			#appBtn .ipad a:hover img { background-position: -105px 0;}		
		
		
	/*-- foot / disclaimer --*/
	
	.discalimer { background: #e0e2ee; border: 1px solid #cfd1e5; color: #2f1971; padding: 10px; text-align: center;}
	.preFoot { font-size: 0.75em; line-height: 1.5em;}		
	.siteFoot { color: #555; font-size: 0.625em; margin: 30px 0; text-align: center;}
	.siteFoot a { color: #0066cc; text-decoration: none;}
	.siteFoot a:hover { text-decoration: underline;}
	
	.siteFoot .footLinks { color: #0066cc; font-size: 1.1em; font-weight: bold; margin: 0 0 15px;}
	
	
/*=== OVERLAY ===*/		
	#boxOverlay { background: #000; left: 0; cursor: pointer; position: absolute; top: 0; width: 100%; z-index: 900;}
	#boxWrap { background: #FFF; width: 720px; position: absolute; z-index: 900;}
	#boxClose { background: url(../images/btn_boxClose.gif) no-repeat; cursor: pointer; height: 20px; position: absolute; right: 9px; top: 9px; width: 20px;}
	
	
	/*-- overlay content --*/
	#overWrap { background: #FFF; margin: 0 auto; padding: 40px 40px 30px; width: 640px;}
		#boxWrap #overWrap { margin: 0;}
	.overHead { height: 84px; position: relative;}
		.overHead .goMeals { display: inline; float: left;}
		.overHead .appStore { display: inline; float: left; margin: 0 0 0 75px;}
		.overHead .freeBtn { height: 122px; right: 28px; position: absolute; top: -62px; width: 121px;}
			.overHead .freeBtn img { _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/btn_freeApp.png, sizingMethod='scale'); height: 122px; width: 121px;}
			.overHead>.freeBtn img { background: url(../images/btn_freeApp.png) no-repeat;}
		
	.overFoot { padding: 15px 0 0;}
		.overFoot .lcol { display: inline; float: left; width: 200px;}
		.overFoot .rcol { display: inline; float: right; width: 438px;}
			
		.overFoot .lcol p { color: #777; font-size: 11px; line-height: 15px; margin: 8px 0 0;}
		.overFoot .lcol p img { margin: 4px 0 0;}
		.overFoot .lcol p a { color: #220b68;}
		
		.overFoot .util { height: 17px;}
		.overFoot .util img { float: left;}
		.overFoot .util .actions { display: inline; float: right;}
		.overFoot .util .actions img { display: inline; float: right;}
		.overFoot .util .actions .emailFriend { margin: 0 0 0 20px;}
		
		.overFoot .embedCode { margin: 5px 0 0; padding: 5px 0 0; position: relative;}
			.overFoot .embedCode textarea { background: #FFF; border: 1px solid #ccc; color: #999; font-size: 11px; height: 32px; overflow: auto; padding: 3px 5px; width: 426px;}
			.embedCode .boxCarrot { background: url(../images/bg_boxCarrot.gif); height: 7px; left: 15px; overflow: hidden; position: absolute; top: 0; width: 9px;}
		.overFoot .rcol p { color: #999; font-size: 11px; margin: 5px 0 0;}
		/*.overFoot .rcol .legal { margin: 87px 0 0;}*/
		.overFoot .rcol .job { float: right;}
		.legalnew{ margin: 75px 0 0;}
		.lastUpdate { color: #999; font-size: 11px; text-align: center;}