@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 { font-family: Arial, Helvetica, sans-serif;}
	.videoPage { background: none;}

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

a { color: #3881ed; text-decoration: none;}
a:hover { text-decoration: underline;}
a:active, a:focus { outline: none;}

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

.siteWrap-ext { width: 100%; background: url(../images/bg_body.jpg) repeat-x left top;}
body.home .siteWrap-ext { background: url(../images/bg_body_home.jpg) repeat-x left top;}
.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;}
	#ctaTwitter { height: 55px; left: 275px; position: absolute; top: 57px; width: 296px;}
		#ctaTwitter .twitterLabel { color: #c4c7df; font-size: 12px; font-weight: bold; height: 18px; right:22px; line-height: 18px; position: absolute; top: -17px;}
	/*-- splash--*/
	.siteSplash {height: 462px; position: relative; z-index: 0;}
	
	#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 .mobile { left: 0; position: absolute; top:60px; color:#c4c7df; font-size:13px;}
		#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 16px; text-decoration: none;}		
		#siteNav .active a { background: #f3f4fa; padding-bottom: 1px; position: relative;}
	
	#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:165px; width: 211px;}
		.siteSplash #siteUtil { bottom: auto; right: 200px; 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 0px 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;}
	#share { display: inline; position: absolute; top: 105px; right: 0px; }
	    .siteSplash #share { right:25px; }
	/*-- content general --*/
	
	.siteBody { font-size: 0.75em; line-height: 1.5em; padding: 0 0 50px; position: relative; width: 960px;}
	
	/*-- 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: 240px;}
	.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: 240px;}
	.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 { color: #666; display: inline; float: left; margin: 40px 0 0 10px; width: 600px;}
		.singleColumn #contentColumn { display: block; margin: 40px 0 0 0; padding: 0 0 0 10px; width: 950px;}
		#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 { margin: 0 0 12px;}
		
		#contentColumn .emphasis { margin: 0 0 36px;}
			#contentColumn .emphasis p { font-size: 0.9375em;}
		
		#contentColumn .boxWrap { border-top: 1px solid #e6e8f4; margin: 24px 0 0;}
		/*-- forms --*/
		.formItem { border-bottom: 1px solid #e6e8f4; color: #220b68; line-height: 2.0em; padding: 10px 0;}
		.formItem label { display: inline; float: left; font-weight: bold; width: 175px;}
		.formItem .longField { background: #f3f4fa; border: 1px solid #c4c7df; color: #666; float: right; padding: 4px; width: 280px;}
			.formItem .longField:focus { background: #FFF; border-color: #5f5c9e;}
		
		.formActions { height: 38px; overflow: hidden; padding: 26px 0 0 310px;}
		.formActions input, .formActions img { display: inline; float: left; margin: 0 20px 0 0;}
		
		/*-- demo --*/
		.demoWrap { background: url(../images/bg_demoWrap.gif) no-repeat left top; height: 384px; margin: 24px -9px 0; position: relative; width: 618px;}
		.demoFlash { padding: 11px 0 0 11px;}
		
		/*-- reviews --*/
		.reviews { margin: 24px 0 0;}
			.reviewItem { margin: 0 0 35px;}
			.reviewShadowed { background: url(../images/bg_reviewShadow.jpg) no-repeat left top; padding: 24px 0 0;}
			.reviewSource { background: #FFF url(../images/bg_reviewSource.gif) repeat-x left bottom; margin: 0 0 24px; padding: 0 0 2px;}
			.reviewSource .inner { background: url(../images/bg_reviewSource_inner.gif) no-repeat 202px center;}							
			.sourceLabel { color: #220b68; float: left; font-size: 1.25em; font-weight: bold; padding: 16px 0 0 20px; width: 170px;}
			.sourceLocation { color: #220b68; float: right; padding: 8px 20px 8px 0; text-align: right; width: 360px;}
			
			.reviews .article {}
			#contentColumn .reviews h2 {color: #220b68; font-size: 1.75em; font-weight: bold; line-height: 1.333em; margin: 0 0 12px;}
			.reviews .article .author { color: #220b68; font-size: 0.916em; margin: 0 0 12px;}
			.reviews .article .articleThumb { display: inline; float: right; margin: -24px 0 0 15px;}
			.reviews .article .action { color: #3881ed; font-weight: bold;}
		/*-- resources --*/
		.resources { margin: 24px 0 0;}
		.resourceGroup { margin: 0 0 2.5em;}
		.resourceGroup td { vertical-align: top; width: 282px;}
		.resourceGroup .spaced { padding: 0 35px 0 0;}
		#contentColumn .resourceGroup h2 {font-size: 1.25em; line-height: 1.333em; margin: 0 0 12px;}
		
		.resources .resourceItem { margin: 0 0 35px;}
		
		#contentColumn .resources .resourceItem p { margin: 0;}
		.resources .resourceItem .smaller { display: block; font-size: 0.8em; line-height: 1.5em; margin: 20px 0 0;}
		
		/*-- features --*/
		.container_2 {}
		.container_2 .grid_4 { display: inline; float: left; width: 240px;}
		.container_2 .grid_11 { display: inline; float: left; margin: 0 0 0 40px; width: 660px;}
		
		.featuresTools { font-size: 1.0833em; line-height: 1.384em;}
			#contentColumn .featuresTools h2 { font-size: 1.615em; line-height: 1.142em; margin: 0 0 10px;}
			.featuresTools li { color: #220b68; font-weight: bold; list-style-type: disc; margin: 0 0 12px 15px;}
			#contentColumn .demoBtn { margin: 24px 0 0 -14px; position: relative; width: 254px;}
		
		.featuresTabs { height: 31px; margin: 0; padding: 0;}
			.featuresTabs li { float: left; font-size: 15px; font-weight: bold; line-height: 30px; list-style-type: none; margin: 0 1px 0 0; text-align: center;}
			.featuresTabs a { background: #c5c8e0; border-bottom: 1px solid #FFF; color: #220b68; display: block; height: 30px; float: left; padding: 0 18px; text-decoration: none;}
			.featuresTabs a:hover { text-decoration: none;}
			/*-- active --*/
			.featuresTabs .active a { background: url(../images/bg_featuresTabs.gif) repeat-x left top; border-bottom-color: #dee0ee;}
		
		.featuresContent { background: url(../images/bg_featuresContent.jpg) no-repeat left top; height: 530px; min-height: 530px;}
			html>body .featuresContent { height: auto;}
		.featuresContentPad { padding: 32px 30px;}
		
		#contentColumn .featuresContent h2 { background: url(../images/bg_features_headline.gif) repeat-x left bottom; color: #220b68; font-size: 2.5em; line-height: 1.0em; font-weight: bold; margin: 0 0 10px; padding: 0 0 10px;}
		#contentColumn .featuresContent h3 { color: #220b68; font-size: 1.5em; font-weight: bold; line-height: 1.333em; margin: 0 0 8px;}
		.featuresContent li { color: #220b68; font-size: 1.083em; font-weight: bold; list-style-type: disc; margin: 0 0 12px 15px;}
			.featuresContent li img { vertical-align: middle;}
		.featuresContent .larger { font-size: 1.25em; line-height: 1.2em;}
		.featuresContent .lightPurple { color: #5f5c9e;}
		
		.featureTip { color: #220b68; font-size: 1.25em; font-weight: bold; margin: 0 0 12px;}
			.featureTip td { vertical-align: middle;}
			.featureTip img {margin: 0 12px 0 0;}		
		.featureGraphic { margin: 0 0 24px;}
		/*-- feature 1 --*/
		.feature1 { background: url(../images/bg_feature1.jpg) no-repeat right top;}
		.feature1 .featureTop { margin: 0 0 24px; padding: 0 310px 0 0;}		
		.feature1 .ck { color: #9085b3; font-weight: bold;}
			.feature1 .ck img { vertical-align: middle;}
		/*-- feature 2 --*/
		.feature2 { background: url(../images/bg_feature2.jpg) no-repeat right top;}
		.feature2 .featureTop { margin: 0 0 24px; padding: 0 270px 0 0;}			
		/*-- feature 3 --*/
		.feature3 { background: url(../images/bg_feature3.jpg) no-repeat right top;}
		.feature3 .featureTop { height: 396px; min-height: 396px; padding: 0 304px 0 0;}			
		html>body .feature3 .featureTop { height: auto;}
		.chartView { background: url(../images/bg_chartView.gif) no-repeat left top; color: #220b68; font-size: 15px; font-weight: bold; height: 35px; line-height: 35px; margin: 0 0 12px; padding: 0 0 0 170px;}
		.foodLog { margin: 0 0 24px;}
			.foodLog p { color: #220b68; float: left; font-size: 1.5em; line-height: 1.333em; width: 282px;}
			.foodLog ul { float: right; width: 286px;}
		/*-- feature 4 --*/
		.feature4 { background: url(../images/bg_feature4.jpg) no-repeat right top;}
		.feature4 .featureTop { height: 396px; min-height: 396px; padding: 0 304px 0 0;}			
		html>body .feature4 .featureTop { height: auto;}
		/*-- feature 5 --*/
		.feature5 { background: url(../images/bg_feature5.jpg) no-repeat right top;}
		.feature5 .featureTop { height: 396px; min-height: 396px; padding: 0 304px 0 0;}			
		html>body .feature5 .featureTop { height: auto;}				
			/*-- twitter --*/
			#twitterEmbed { height: 300px; margin: 24px 0 0;}
			.twtr-tweet a { font-weight: bold;}
		
	/*-- faqs --*/
	.faqWrap {}
	.faqItem { margin: 0 0 16px;}
	.faqQuestion { color: #220b68; font-size: 1.25em; font-weight: bold; padding: 0 0 0 21px; position: relative; width: 579px;}
		.faqQuestion span { cursor: pointer;}
		.faqQuestion img { background: url(../images/bg_faqToggle.gif) no-repeat left top; cursor: pointer; height: 14px; left: 0; position: absolute; top: 0.15em; width: 14px;}
	.faqAnswer { display: none; padding: 10px 0 15px 21px;}
		/*-- active --*/
		.active .faqQuestion { color: #3881ed;}
		.active .faqQuestion img { background-position: 0 -14px;}
		.active .faqAnswer { display: block;}
		/*-- no js version --*/
		.no-js .faqQuestion { padding: 0;}
		.no-js .faqQuestion span { cursor: default;}
		.no-js .faqQuestion img { display: none;}
		.no-js .faqAnswer { display: block; padding-left: 0;}
		
	#sidebar { display: inline; float: right; margin: 0 10px 0 0; padding: 80px 0 0; width: 300px; z-index: 50;}
	#appBtn { height: 95px; position: absolute; right: 46px; top: -1px; 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;}		
			
	/*-- download --*/
	.download #sidebar,
	.download #appBtn {display:none;}
	.download #contentColumn {width:100%;}
	    .appWrap {background:url(../Images/dl_bg.jpg) no-repeat top left;}
        .mobileApp {float:left; text-align:center; width:320px;}
        .mobileApp img {margin:0 auto;}
        .dl_text {padding:25px 38px; padding-bottom:8px; background:url(../Images/dl_text_bg.gif) no-repeat top left; text-align:left;}
        .dl_buttons {clear:both;}
        .dl_buttons .mobileApp {text-align:left;}
        .dl_buttons .mobileApp a img {margin-left:38px;}
	
		
	/*-- 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;}
		
	.demoFoot { color: #999; padding: 15px 0 0;}
		.demoFoot .transcriptCol { display: inline; float: left; overflow: hidden; width: 200px;}
		.demoFoot .embedCol { display: inline; float: left; overflow: hidden; padding: 5px 0 0; width: 400px;}
			
		#contentColumn .demoFoot .transcriptCol p { font-size: 0.916em; line-height: 1.363em; margin: 8px 0 0;}
		.demoFoot .transcriptCol p img { margin: 4px 0 0;}
		
		.demoFoot .util { height: 17px;}
		.demoFoot .util img { float: left;}
		.demoFoot .util .actions { display: inline; float: right;}
		.demoFoot .util .actions img { display: inline; float: right;}
		.demoFoot .util .actions .emailFriend { margin: 0 0 0 20px;}
		
		.demoFoot .embedCode { margin: 5px 0 0; padding: 5px 0 0; position: relative;}
			.demoFoot .embedCode textarea { background: #FFF; border: 1px solid #ccc; color: #999; font-size: 11px; height: 42px; overflow: auto; padding: 3px 5px; width: 390px;}
			.embedCode .boxCarrot { background: url(../images/bg_boxCarrot.gif); height: 7px; left: 15px; overflow: hidden; position: absolute; top: 0; width: 9px;}
		.demoFoot .embedCol p { color: #999; font-size: 11px; margin: 5px 0 0;}		
		.demoFoot .embedCol .job { float: right;}
		.legalnew{ margin: 75px 0 0;}
		.lastUpdate { color: #999; font-size: 11px; text-align: center;}
		
.ibgstar-column { display: inline; float: left; margin: 0 0 0 5px; padding: 40px 0 0; width: 220px;}