@charset "utf-8";

/*===  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:bold;}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; background:url(../images/fwc/bodyback.jpg) repeat-x}

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

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

object, embed { outline: none;}

.siteWrap { background:url(../images/fwc/bg_siteTop.jpg) no-repeat top left; margin: 0 auto; width: 920px;}

/*=== 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/fwc/bg_sanofiLeft.gif) repeat-x top; height: 29px;}
	#saBar .sanofiRight { background: url(../images/fwc/bg_sanofiRight.gif) repeat-x top; height: 29px;}
	#saBar .sanofiCenter { width: 920px;}	
	

/*=== SITE HEAD ===*/
.siteHead { height: 194px; position: relative; z-index: 50;}
	.siteHead .siteLogo { height: 55px; left: 18px; overflow: hidden; position: absolute; top: 52px; width: 523px;}
	.siteHead .siteLogo h1 { height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
	.siteHead .siteLogo a { color: #7a246c; display: block; font-family: "Gotham Light", Arial; font-size: 45px; height: 100%; left: 0; line-height: 55px; position: absolute; text-decoration: none; top: 0; width: 100%;}
	.siteHead .siteLogo .over { background: url(../images/spacer.gif) no-repeat -18px -150px; cursor: pointer; display: block; height: 50px; left: 0; position: absolute; top: 0; width: 520px;}
	.siteHead .siteLogo .offhead {position:absolute; top:-5000px;}
	.siteHead .saLogo { height: 55px; left: 570px; position: absolute; top: 0; width: 240px;}
	.siteHead .saLogo a { color: #0066cc; display: block; font-size: 16px; height: 100%; left: 0; overflow: hidden; position: absolute; text-indent: -2000px; top: 0; width: 100%;}
	
	.siteHead .ctaBox { color: #142b4c; font-size: 12px; line-height: 16px; position: absolute; right: 19px; text-align: right; top: 139px; width: 220px;}
	.siteHead .ctaBox a, .siteHead .ctaBox a:visited { color: #142b4c; font-weight: bold; text-decoration: underline;}
	
	.siteHead .forUS { color: #333; font-size: 16px; left: 570px; line-height: 16px; position: absolute; text-align: center; top: 62px; width: 240px;}
	
/*=== SITE NAV ===*/	
.siteNav { left: 19px; position: absolute; top: 142px;}
	.siteNav ul { list-style-type: none; margin: 0; padding: 0;}
	.siteNav ul li { float: left; height: 27px; position: relative;}
	.siteNav li a { display: block; float: left; font-size: 12px; height: 27px; line-height: 27px; position: relative; text-align: center; text-decoration: none;}
		.siteNav .nav1 { width: 148px; }
		.siteNav .nav2 { width: 114px;}
		.siteNav .nav3 { width: 99px;}	
		.siteNav .nav4 { width: 151px;}	
		.siteNav .nav5 { width: 151px;}	
	.siteNav li a:hover, .siteNav li:hover a, .siteNav .active a { height: 54px; top: 0px;}
	
	.siteNav .over { background-image: url(../images/fwc/bg_siteNav.gif); background-repeat: no-repeat; cursor: pointer; display: block; height: 27px; left: 0; position: absolute; top: 0;}
		.siteNav a>.over { background-image: url(../images/fwc/bg_siteNav.png);}
	.siteNav a:hover .over, .siteNav li:hover a .over, .siteNav .active a .over { height: 54px;}
		.siteNav .nav1 .over { background-position: 0 0; width: 148px;}
		.siteNav .nav1:hover .over, .siteNav li:hover .nav1 .over, .siteNav .active .nav1 .over { background-position: 0 -27px;}
		
		.siteNav .nav2 .over { background-position: -148px 0; width: 114px;}
		.siteNav .nav2:hover .over, .siteNav li:hover .nav2 .over, .siteNav .active .nav2 .over { background-position: -148px -27px; width: 114px;}
		
		.siteNav .nav3 .over { background-position: -262px 0; width: 99px;}
		.siteNav .nav3:hover .over, .siteNav li:hover .nav3 .over, .siteNav .active .nav3 .over { background-position: -262px -27px; width: 99px;}
		
		.siteNav .nav4 .over { background-position: -361px 0; width: 151px;}
		.siteNav .nav4:hover .over, .siteNav li:hover .nav4 .over, .siteNav .active .nav4 .over { background-position: -361px -27px; width: 151px;}
		
		.siteNav .nav5 .over { background-position: -512px 0; width: 151px;}
		.siteNav .nav5:hover .over, .siteNav li:hover .nav5 .over, .siteNav .active .nav5 .over { background-position: -512px -27px; width: 151px;}
		
		
		
		/*-- sub nav --*/
		.siteNav table { left: 0; position: absolute; top: -1px;}
		.siteNav ul ul { background: url(../images/fwc/navigation-2.gif); position:absolute; top:27px; visibility: hidden; width: 663px; z-index: 2;}
			.siteNav li>ul { background: url(../images/fwc/navigation-2.png);}
		.siteNav li li { height: 24px; overflow: hidden;}	
		.siteNav li li:hover a, .siteNav li li:hover a .over { height: 24px; top: 0;}
		
		.siteNav li li a { height: 24px; line-height: 24px; top: 0 !important;}
			.siteNav .sub1 { width: 143px;}
			.siteNav .sub2 { width: 150px;}
			.siteNav .sub3 { width: 187px;}	
			.siteNav .sub4 { width: 183px;}			
		
		.siteNav li li a:hover { height: 24px !important; top: 0 !important;}
		.siteNav li li a:hover .over { height: 24px;}
		
		.siteNav ul ul a .over {background-image: url(../images/fwc/navigation-2.gif); background-repeat: no-repeat; cursor: pointer; display: block; height: 27px; left: 0; position: absolute; top: 0;}
			.siteNav ul ul a>.over { background-image: url(../images/fwc/navigation-2.png);}
		
		/*-- our commitment --*/
		.siteNav .sub1_1 { width: 201px;}
		.siteNav .sub1_1 .over { background-position: 0 -144px !important; width: 201px !important;}
		.siteNav .sub1_1:hover .over, .siteNav li .active .sub1_1 .over { background-position: 0 -168px !important; width: 201px !important;}

		.siteNav .sub1_2 { width: 223px;}
		.siteNav .sub1_2 .over { background-position: -201px -144px !important; width: 223px !important;}
		.siteNav .sub1_2:hover .over, .siteNav li .active .sub1_2 .over { background-position: -201px -168px !important; width: 223px !important;}

		.siteNav .sub1_3 { width: 239px;}
		.siteNav .sub1_3 .over { background-position: -424px -144px !important; width: 239px !important;}
		.siteNav .sub1_3:hover .over, .siteNav li .active .sub1_3 .over { background-position: -424px -168px !important; width: 239px !important;}

		/*-- survivorship --*/
		.siteNav .sub2_1 { width: 218px;}
		.siteNav .sub2_1 .over { background-position: 0 -48px !important; width: 218px !important;}
		.siteNav .sub2_1:hover .over, .siteNav li .active .sub2_1 .over { background-position: 0 -72px !important; width: 218px !important;}

		.siteNav .sub2_2 { width: 210px;}
		.siteNav .sub2_2 .over { background-position: -218px -48px !important; width: 210px !important;}
		.siteNav .sub2_2:hover .over, .siteNav li .active .sub2_2 .over { background-position: -218px -72px !important; width: 210px !important;}

		.siteNav .sub2_3 { width: 225px;}
		.siteNav .sub2_3 .over { background-position: -422px -48px !important; width: 225px !important;}
		.siteNav .sub2_3:hover .over, .siteNav li .active .sub2_3 .over { background-position: -422px -72px !important; width: 225px !important;}

		/*-- caregiving --*/
		.siteNav .sub3_1 { width: 288px;}
		.siteNav .sub3_1 .over { background-position: 0 -96px !important; width: 288px !important;}
		.siteNav .sub3_1:hover .over, .siteNav li .active .sub3_1 .over { background-position: 0 -120px !important; width: 288px !important;}

		.siteNav .sub3_2 { width: 170px;}
		.siteNav .sub3_2 .over { background-position: -288px -96px !important; width: 170px !important;}
		.siteNav .sub3_2:hover .over, .siteNav li .active .sub3_2 .over { background-position: -288px -120px !important; width: 170px !important;}

		.siteNav .sub3_3 { width: 205px;}
		.siteNav .sub3_3 .over { background-position: -458px -96px !important; width: 205px !important;}
		.siteNav .sub3_3:hover .over, .siteNav li .active .sub3_3 .over { background-position: -458px -120px !important; width: 205px !important;}

		/*-- celebrate --*/
		.siteNav .sub4_1 { width: 218px;}
		.siteNav .sub4_1 .over { background-position: 0 -192px !important; width: 218px !important;}
		.siteNav .sub4_1:hover .over, .siteNav li .active .sub4_1 .over { background-position: 0 -216px !important; width: 218px !important;}

		.siteNav .sub4_2 { width: 229px;}
		.siteNav .sub4_2 .over { background-position: -218px -192px !important; width: 229px !important;}
		.siteNav .sub4_2:hover .over, .siteNav li .active .sub4_2 .over { background-position: -218px -216px !important; width: 229px !important;}

		.siteNav .sub4_3 { width: 216px;}
		.siteNav .sub4_3 .over { background-position: -447px -192px !important; width: 216px !important;}
		.siteNav .sub4_3:hover .over, .siteNav li .active .sub4_3 .over { background-position: -447px -216px !important; width: 216px !important;}

		/*-- share the feeling --*/
		.siteNav .sub5_1 { width: 195px;}
		.siteNav .sub5_1 .over { background-position: 0 -240px !important; width: 195px !important;}
		.siteNav .sub5_1:hover .over, .siteNav li .active .sub5_1 .over { background-position: 0 -264px !important; width: 195px !important;}

		.siteNav .sub5_2 { width: 152px;}
		.siteNav .sub5_2 .over { background-position: -195px -240px !important; width: 152px !important;}
		.siteNav .sub5_2:hover .over, .siteNav li .active .sub5_2 .over { background-position: -195px -264px !important; width: 152px !important;}

		.siteNav .sub5_3 { width: 145px;}
		.siteNav .sub5_3 .over { background-position: -347px -240px !important; width: 145px !important;}
		.siteNav .sub5_3:hover .over, .siteNav li .active .sub5_3 .over { background-position: -347px -264px !important; width: 145px !important;}

		.siteNav .sub5_4 { width: 171px;}
		.siteNav .sub5_4 .over { background-position: -492px -240px !important; width: 171px !important;}
		.siteNav .sub5_4:hover .over, .siteNav li .active .sub5_4 .over { background-position: -492px -264px !important; width: 171px !important;}


		/*-- subnav position --*/
		.li_nav1 ul { left: 0;}
		.li_nav2 ul { left: -148px;}
		.li_nav3 ul { left: -262px;}
		.li_nav4 ul { left: -361px;}
		.li_nav5 ul { left: -512px;}
		.li_nav6 ul { left: -663px;}

		.siteNav .active ul { z-index: 1;}
						
		.siteNav  ul li:hover ul,
		.siteNav  ul a:hover ul,
		.siteNav .active ul {visibility:visible;}

/*=== SITE BODY ===*/		
.siteBody { padding: 12px 20px 0 20px;}
	.contentHead { width: 515px; /*600 max*/}
		#siteUtil { margin: 0; padding: 0 0 12px 0;}
		#siteUtil ul { height: 15px; margin: 12px 0; width: 300px;}
		#siteUtil li { background-image: url(../images/fwc/bg_utilIcons.gif); background-repeat: no-repeat; color: #de6e00; display: inline; float: left; font-size: 11px; font-weight: bold; height: 15px; line-height: 15px; margin: 0 14px 0 0;}			
		#siteUtil li a { color: #de6e00; display: block; float: left; height: 15px; text-decoration: none;}
		#siteUtil li a:hover { text-decoration: underline;}
			#siteUtil #sendFriend { background-position: 0 0;}
			#siteUtil #sendFriend a { padding: 0 0 0 22px;}
			#siteUtil #printPage { background-position: 0 -15px;}
			#siteUtil #printPage a { padding: 0 0 0 17px;}				
			#siteUtil #textSize { background: none; padding: 0 0 0 35px; position: relative;}
			#siteUtil #textSize a { position: absolute; top: 0; width: 15px;}
			#siteUtil #textSize a img { background-image: url(../images/fwc/bg_utilIcons.gif); background-repeat: no-repeat; height: 15px; width: 15px;}
				#textSize .textPlus { left: 0;}
				#textSize .textPlus img { background-position: 0 -30px;}
				#textSize .textMinus { left: 18px;}
				#textSize .textMinus img { background-position: 0 -45px;}				
			#siteUtil #sharePage {margin: 0 16px 0 0; position: relative; width: 64px; bottom:4px; }
				#sharePage a { position: absolute;}
	
	.contentHead .contentHeadline { width: 570px;}		
	.contentHead h1 { color: #70c8c1; font-size: 36px; margin: 0; width:500px;}		
		.contentHead h1.videoHeadline { font-size: 27px;}			
	.siteContent .contentHead h2 { color: #70c8c1; font-size: 36px; margin: 0;}
		.siteContent .contentHead h2.videoSubHeadline { font-size: 27px;}		
	
/*=== SITE CONTENT ===*/	
.siteContent { color: #142b4c; float: left; width: 550px;}
.siteContent_wide { color: #142b4c; width: 100%;}
	
	.siteContent h2 { font-size:1.2em; color:#8b357d; font-family:gotham-medium, arial; font-weight: normal; line-height: 1.2em;margin: 12px 0;}
	.siteContent h3 { font-size: 0.875em; font-weight: normal; line-height: 1.2em;}
	#commitWrap h2 {color: #70c8c1; font-size: 36px; margin: 0;}
	
	.siteContent .contentPhoto {}
		.celebPhoto { height: 275px; width: 198px; float:right;}
	    html>body .celebPhoto {margin:0 50px 0 12px;}
	.siteContent a { color: #de6e00; text-decoration: none;}
	.siteContent a:hover { text-decoration: underline;}

	.siteContent p { font-size: 0.875em; line-height: 1.2em; margin: 1.0em 0;}
	.siteContent sup { bottom: 0.25em; font-size: 0.75em; position: relative;}

	.siteContent ul { margin: 0.75em 0;}
	.siteContent ul li { font-size: 0.875em; line-height: 1.2em; list-style-type: disc; margin: 0 0 0 15px;}
	
	.siteContent .breakdown { margin: 1.0em 0 1.0em 5px;}
		.siteContent .breakdown td { vertical-align: top;}
		.siteContent .breakdown p { color: #7a246c; font-size: 0.75em; line-height: 1.17em; margin: 0; padding: 0 0 15px 15px;}

    .innertext {margin-top:26px;}

	/*-- yellow box --*/
	.yellowBox { margin: 1.0em 0; width: 272px;}
		.yellowBox .boxTop { background: url(../images/fwc/bg_yellowBox_top.gif) no-repeat; height: 11px; overflow: hidden;}
		.yellowBox .boxBottom { background: url(../images/fwc/bg_yellowBox_bottom.gif) no-repeat; height: 11px; overflow: hidden;}		
		.yellowBox .boxBody { background: #fffcd1; border-left: 1px solid #df6e00; border-right: 1px solid #df6e00; height: 100%; overflow: hidden; padding: 0 10px;}
		.yellowBox .boxBody p { margin-top: 0;}
		
		.yellowBox .cta { width: 100%;}
		.yellowBox .cta p { margin: 0;}
		.yellowBox .cta img { float: right;}
		
	/*-- fwc home carousel --*/
	#carousel { color: #142b4c; height: 314px; margin: 0 -20px; overflow: hidden; position: relative; width: 920px;}
	#carousel .wrapper { overflow: visible; width: 920px;}
	#carousel .slide { clear: left; float: left; height: 314px; position: relative; width: 920px;}
	#carousel .slidePad { float: left; padding: 20px 0 0 20px; width: 515px;}
	
	#carousel .navDots { bottom: 4px; left: 417px; position: absolute; z-index: 100;}
	#carousel .navDots li { float: left; margin: 0 25px 0 0;}
	#carousel .navDots a { background-image: url(../images/fwc/bg_navDots.gif); background-repeat: no-repeat; display: block; float: left; height: 13px; overflow: hidden; text-indent: -2000px; width: 13px;}
	#carousel .navDots a.active { background-position: 0 -13px;}
	
	#carousel h1, #carousel h2 { color: #70c8c1; font-size: 36px; margin: 0;}
	#carousel p { font-size: 14px; line-height: 18px; margin: 0 0 12px;}
	
	#carousel .slide_vicky { background: #FFF url(../images/fwc/bg_slideVicky.jpg) no-repeat left top;}
	
	#carousel .slide_1 { background: #FFF url(../images/fwc/bg_slide1.jpg) no-repeat left top;}
	
	#carousel .slide_2 { background: #FFF url(../images/fwc/bg_slide2.jpg) no-repeat left top;}
	.slide_2 .cta1 { left: 20px; position: absolute; top: 244px;}
	.slide_2 .hero { bottom: 0; position: absolute; right: 0;}
	
	#carousel .slide_3 { background: #FFF url(../images/fwc/bg_slide3.jpg) no-repeat left top;}
	
	/*-- crossword --*/
	.crossword {}
		/*.crossword #aspnetForm { height: 900px; overflow: hidden;}*/
	.crossword .siteWrap { background: url(../images/fwc/bg_siteTop_crossword.jpg) no-repeat left top;}
	.crossword .siteHead { height: 112px;}
	
	.crossword .siteHead .siteLogo { height: 65px; left: 20px; overflow: hidden; position: absolute; top: 40px; width: 518px;}
	.crossword .siteHead .siteLogo h1 { height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
	.crossword .siteHead .siteLogo a { color: #7a246c; display: block; font-family: "Gotham Light", Arial; font-size: 45px; height: 100%; left: 0; line-height: 65px; position: absolute; text-decoration: none; top: 0; width: 100%;}
	.crossword .siteHead .siteLogo .over { background: url(../images/fwc/bg_siteTop_crossword.jpg) no-repeat -20px -40px; cursor: pointer; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
	
	.crossword .siteBody { position: relative; z-index: 1000;}
	
	#crossContent { margin: 0 -11px; position: relative; width: 892px; z-index: 1000;}
		#crossContent .crossShare { left: 0; position: absolute; top: 8px; z-index: 1010;}
		#crossContent .crosswordWrap { height: 620px; margin: 0 0 0 -11px; position: relative; width: 892px; z-index: 1000;}
		#crossContent #crossword { height: 620px; left: 0; position: absolute; top: 0; width: 892px; z-index: 1000;}
	
	#crossFull { left: 0; position: absolute; top: 0; width: 100%;}	
	#flashGameWrap { height: 100%; width: 100%;}
	
	/*-- celebrate --*/
	.celebrate .contentHead .contentHeadline { float: left; margin: 0 -160px 0 0; position: relative; width: 570px;}		
	
	.games .contentHead { margin: 0 -155px 0 0; width: 515px;}
	.games .contentHead .contentHeadline { float: left; height: 50px; margin: 0 -230px 0 0; position: relative; width: 570px;}
	.games .contentHead .contentHeadline h1 { position: absolute;}	
	
	#contentBody {width:550px;}
	.games #contentBody {}
	#puzzleWrap { margin: 0 0 0; padding:4px 0;}
		.siteContent #puzzleWrap h2 { color: #7a246c; font-size: 30px; margin: 0;}
		#puzzleWrap p { overflow: auto; margin: 0.5em 0;}
		#puzzleWrap p img { float: left; margin: 16px 15px 15px 0;}
		
	.games .sidebar { padding: 22px 0 0 0;}
	
	/*-- ecards --*/
	.ecard_home {}	
	.ecard_home .contentHead { display: none;}
	
	.ecard_home .siteContent { color: #00395b; width: 305px;}
	.ecard_home .sidebar { float: right; padding: 0; width: 525px;}
	.ecard_home .sidebar_back { background: none; padding: 0;}
	.ecard_home .sidebar_back_top, .ecard_home .sidebar_back_bottom { display: none;}
				
	.ecard_home #siteUtil { height: 27px; padding-bottom: 10px;}
		.ecard_home #siteUtil ul { float: right; margin-right: -14px;}				
				
	.ecard_home .getStarted { margin: 3.0em 0 0;}
	#ecardPanel .ecardIntro h2 { color: #8b357d; font-size: 1.125em; font-weight: normal; margin: 1.0em 0 0;}
	#ecardPanel .ecardIntro {width: 340px;}
	
	.ecard_home .ecardFlash { background: url(../images/fwc/bg_ecard_home.gif) no-repeat left top; height: 312px; margin: 35px 0 0; padding: 60px 0 0 12px; width: 513px;}
	
	/*-- ecard thank you --*/
	#ecardPanel .ecardThank h2 { color: #8b357d; font-size: 1.125em; font-weight: normal; margin: 1.0em 0 0; text-align: center;}
	.ecardThankAgain { text-align: center;}
	.ecardThankFlash { margin: 1.0em 0;}
				
	/*-- ecard design --*/
	.ecard_design {}
		.ecard_design .siteBody { padding-top: 7px;}
		.ecard_design .siteContent { width: 340px;}
		.ecard_design #contentBody { width: auto;}
		.ecard_design .contentHead { display: none;}
		.ecard_design .sidebar { float: left; padding: 0; width: 525px;}
		.ecard_design .sidebar_back { background: none; padding: 0;}
		.ecard_design .sidebar_back_top, .ecard_design .sidebar_back_bottom { display: none;}
	
	.ecard_design #siteUtil { height: 27px; padding-bottom: 10px;}
		.ecard_design #siteUtil ul { float: right; margin-right: -14px;}
	
	#ecardPanel {}
		#ecardPanel h1 { color: #70c8c1; font-size: 36px; height: 50px; margin: 0;}
		#ecardPanel .stepPanel h2 { background-position: left top; background-repeat: no-repeat; color: #8b357d; font-size: 18px; height: 19px; line-height: 19px; margin: 18px 0 13px; overflow: hidden; padding: 0; text-indent: -9999px;}
	
		/*-- step 1 --*/
		#ecardPanel .stepPanel1 h2 { background-image: url(../images/fwc/h2_ecard_step1.gif);}		
		#ecardPanel .eThumbs { margin: 0; width: 340px;}
		#ecardPanel .eThumbs img { border: 1px solid #8f9eae; cursor: pointer; float: left; margin: 0 23px 23px 0;}
		
		
		/*-- step 2 --*/
		#ecardPanel .stepPanel2 { display: none;}
		.msgColorTabs { height: 34px; position: relative; padding: 0 0 0 16px;}
			#ecardPanel .msgColorTabs ul { margin: 0; padding: 0;}
			#ecardPanel .msgColorTabs ul li { background-image: url(../images/fwc/bg_ecard_tabs.gif); background-repeat: no-repeat; cursor: pointer; float: left; height: 34px; line-height: 34px; list-style-type: none; margin: 0; overflow: hidden; padding: 0; text-indent: -9999px;}
				.msgColorTabs .tab1 { width: 123px;}
				.msgColorTabs .tab2 { width: 114px;}
			
			.msgColorContent { background: url(../images/fwc/bg_msgColorContent.gif) no-repeat left top; margin: -2px 0 0; min-height: 152px; width: 327px;}
			
			#ecardPanel .msgContent { padding: 16px 0 0 15px;}
			#ecardPanel .msgContent h2 { background-image: url(../images/fwc/h2_ecard_step2a.gif); margin: 0 0 8px;}
			#ecardPanel .msgItem { background: url(../images/fwc/bg_ecard_msg.gif) no-repeat left top; color: #142b4c; cursor: pointer; font-size: 13px; font-weight: bold; line-height: 15px; margin: 0 0 10px; padding-left: 11px; width: 289px;}
				#ecardPanel .msgItem1 { height: 33px; padding-top: 16px;}
				#ecardPanel .msgItem2 { height: 40px; padding-top: 9px;}
				
			#ecardPanel .colorContent { padding: 16px 0 0 15px;}
			#ecardPanel .colorContent h2 { background-image: url(../images/fwc/h2_ecard_step2b.gif); margin: 0 0 27px;}				
			.crayonWrap { padding: 0 0 0 45px;}
			
			/*-- state 0 --*/
			.msgstate0 .msgColorTabs .tab1 { background-position: 0 0;}
			.msgstate0 .msgColorTabs .tab2 { background-position: -123px 0;}
			
			/*-- state 1 --*/
			.msgstate1 .msgColorTabs .tab1 { background-position: 0 -34px;}
			.msgstate1 .msgColorTabs .tab2 { background-position: -123px -34px;}			
			
		/*-- step 3 --*/
		#ecardPanel .stepPanel3 { display: none;}
			#ecardPanel .stepPanel3 h2 { background-image: url(../images/fwc/h2_ecard_step3.gif); margin: 0;}
			#ecardPanel .stepPanel3 small { color: #142b4c; font-size: 11px; line-height: 15px;}
		
		#ecardPanel .ecardForm { color: #142b4c; font-size: 13px; line-height: 15px; margin: 0; width: 304px;}
		#ecardPanel #errorLabel { display: block; height: 18px; padding: 0 0 5px;}
		
		.ecardForm .ecardFormItem { margin: 0 0 13px;}
		.ecardForm .ecardFormItem label { display: block; float: left; font-weight: bold; line-height: 30px; padding: 0 10px 0 0; text-align: right; width: 120px;}
		.ecardForm .formItemInput { background: url(../images/fwc/bg_ecard_formInput.gif) no-repeat left top; float: left; height: 30px; padding: 0 0 0 10px; width: 164px;}
		.ecardForm .formItemInput input { background: transparent; border: none; color: #142b4c; height: 15px; padding: 7px 5px 8px; width: 154px;}
		/*.ecardForm input.badField { background: #eed4d4 !important; border: 1px solid #FF0000 !important;}*/
		
		.ecardForm .formActions { margin: 22px 0 0; text-align: right;}
		
		#ecardPanel .ecardForm .sendCopy { font-size: 11px; margin: 22px 0 0; text-align: right;}	
			#ecardPanel .ecardForm .sendCopy input { vertical-align: middle;}
		
			
	.ecardNav { height: 15px; width: 550px; padding: 20px 0 20px 0;}
		.ecardNav img { cursor: pointer;}
		.ecardNav .ecardPrev { float: left;}
		.ecardNav .ecardNext { float: right;}
	
	.designEcardFlash { height: 370px;}
	
	#viewEcard h1 { color: #70c8c1; font-size: 32px; margin: 0;}
	#viewEcard .actions { margin: 55px 0 0;}
	
	.Ecarddisplay {float:left; padding-top: 30px;}
	.viewEcard {float:right; width:300px;}
	
	/*-- downloads --*/
	.musicCta { margin: 1.0em 0 2.0em;}
	.musicCta img { margin: 0 12px 0 0;}
	.musicCta p { margin: 0;}
	
	.mediaWrap { margin: 1.0em 0 0;}
	.mediaWrap .lcol { color: #7a246c; float: left; width: 165px;}			
	.mediaWrap .rcol { float: right; margin: 0 -22px 0 0; padding: 10px 0 0; /*position: relative; right: -22px;*/ width: 359px;}
	
	.siteContent .mediaWrap h3 { color: #7a246c; font-size: 30px; margin: 0;}
	.mediaWrap p { font-size: 0.75em;}
		.mediaWrap .lcol .linkBlock { line-height: 1.5em;}
		.mediaWrap .lcol .linkBlock a { font-weight: bold;}
	.ecard_downloads .sidebar {/*padding-top: 12.0em;*/}		
		
	.mediaBlock { margin: 0 0 55px;}
	.mediaBlock h3 { margin: 0 0 0.5em;}
	.mediaBlock table .linkBlock { margin: 0;}
	.mediaBlock table img { margin: 0 0 0 10px;}		
	.sidebar .donateLinks { line-height: 1.5em;}
		.ecard_downloads .sidebar .donateLinks { margin: 1em 0 3em;}
	/*-- toggles --*/	
	.toggleWrap {}
	
	.toggle { cursor: pointer; margin: 0; margin: 1px 0 0; position: relative; width: 515px; z-index: 5;}
		.toggle .toggleTop { background-image: url(../images/fwc/bg_togTop.gif); background-repeat: no-repeat; height: 7px; overflow: hidden; width: 515px;}
		.toggle .toggleBottom { background-image: url(../images/fwc/bg_togBottom.gif); background-repeat: no-repeat; height: 7px; overflow: hidden; width: 515px;}
			.active .toggleTop, .active .toggleBottom { background-position: 0 -7px !important;}
			
		.toggle .toggleBody { background: #FFF; border-left: 1px solid #7a246c; border-right: 1px solid #7a246c; padding: 2px 12px; position: relative;}
			.active .toggleBody { background: #7a246c !important;}
		.toggle .toggleBody h3 { color: #df6e00; font-size: 13px; line-height: 13px; margin: 0; padding: 0; position: relative; }
			.active .toggleBody h3 { color: #FFF !important;}
		.toggle .expandBtn { background-image: url(../images/fwc/bg_expandBtn.gif); background-repeat: no-repeat; background-position: right 0; color: #df6e00; font-size: 12px; height: 12px; line-height: 12px; overflow: hidden; padding: 0 20px 0 0; position: absolute; right: 12px; top: 2px;}
			.active .expandBtn { background-position: right -12px !important; color: #FFF !important;}
			
		.toggled { background: url(../images/fwc/bg_toggleBottom.gif) no-repeat bottom; margin: -15px 0 0; overflow: hidden; padding: 0 0 11px; width: 515px;}
		.toggledIn { border-left: 1px solid #7a246c; border-right: 1px solid #7a246c; overflow: hidden; padding: 20px 10px 9px; position: relative;}
			.toggled .printBtn {background: url(../images/fwc/bg_utilIcons.gif) no-repeat right -15px; font-size: 11px; font-weight: bold; height: 15px; line-height: 15px; margin: 0; position: absolute; right: 10px; top: 25px;}
			.toggled .printBtn a { color: #de6e00; display: block; float: right; height: 15px; padding: 0 22px 0 0; text-decoration: none;}
			.toggled .printBtn a:hover { text-decoration: underline !important;}
		.recipeHead { margin: 0;}
		.recipeHead p { margin: 0; padding: 0 50px 0 0;}
		
	
/*=== SIDEBAR ===*/	
.sidebar { clear: none; color: #7a246c; float: right; padding: 0 0 0 0; width: 300px;}
	.celebrate .sidebar { /*padding-top: 125px;*/}
	
	.sidebar .headline { margin: 0 0 -0.45em;}
	.sidebar .bordered { border-left: 1px solid #7a246c; left: -10px; padding: 0 0 0 10px; position: relative; width: 280px;}
		.sidebar .bordered .headline { margin-top: -22px; position: relative;}
	.sidebar h3 { color: #7a246c; font-size: 30px; margin:0;}	
	.sidebar h4 { font-size: 0.75em; font-weight: bold; line-height: 1.2em; margin: 0.75em 0 -1.0em;}
	.sidebar p { font-size: 0.75em; line-height: 1.333em; margin: 1.0em 0;}
		 .linkBlock {}
		 .linkBlock .partner_toggle { background-image: url(../images/fwc/arrow_orange.gif); background-repeat: no-repeat; background-position: 0 -1px; display: block; padding: 0 0 0 12px;}
		 .linkBlock .selected { background-position: 0 -40px !important;}
		 .linkBlock .partner_toggled { display: block;}
		 .partner_toggled { margin: -0.65em 0 1.0em;}
			 .partner_toggled p {}
			 .partner_toggled p sup { line-height: 1.70em; margin: 0; position: relative; top: -0.24em;}
		
	.sidebar a { color: #de6e00; text-decoration: none;}
	.sidebar a:hover { text-decoration: underline;}

	.sidebar .borderTop { border-top: 1px solid #7a246c; margin: 1.4em 0 0; padding: 0.5em 0 0;}
	
	.sidebar ul { margin: 12px 0;}
	.sidebar ul li { font-size: 0.75em; line-height: 1.2em; margin: 1.0em 0; list-style-type: disc; margin: 0 0 0 15px;}
	
	.sidebar .flashVideoWrap { }
/*===  SITE FOOT  ===*/	
	.siteFoot { color: #000; margin: 0 0 25px; padding: 35px 0 0; text-align: center;}
	.siteFoot a { color: #0066cc; text-decoration: none;}
		.siteFoot a:hover { text-decoration: underline;}
	.siteFoot .siteMap { font-size: 0.8125em; line-height: 1.45em; margin: 0 0 20px;}
	.siteFoot .disclaimer { font-size: 0.6875em; line-height: 1.45em; margin: 10px 0 0;}

		
/*===  POPUP  ===*/
	.popup { background: #FFF; width: 550px;}
	.popup .popupHeader { background: #7a246c; padding: 12px 20px;}
		.popup .popupHeader h1 { color: #FFF; font-size: 20px; line-height: 22px; margin: 0;}

	.popup .popupContentWrap {border: 1px solid #7a246c; padding: 15px 20px 20px;}
	.popup .popupBody { color: #000}
		.popup .popupBody p { color: #000; font-size: 16px; line-height: 24px; margin: 0 0 4px;}
		.popup .popupBody .small { font-size: 13px;}

	.popup .popupBody .sendForm {}
		.popupBody .sendForm .lcol { float: left; width: 295px;}
		.popupBody .sendForm .rcol { float: right; width: 175px;}
		
		.popupBody .sendForm .formItem { height: 24px; margin: 0 0 7px;}
		.sendForm .formItem label { color: #000; float: left; font-size: 13px; line-height: 24px; text-align: right; width: 122px;}
		.sendForm .formItem input { background: #ececec; border: 1px solid #949494; color: #000; float: right; font-size: 13px; height: 19px; padding: 3px 0 0; width: 164px;}
		.formItem input.badField { background: #eed4d4 !important; border: 1px solid #FF0000 !important;}

				
	.popup .popupBody .preview { padding: 0 0 0 0;}
	.popup .popupBody .preview p { color: #000; font-size: 13px; line-height: 18px; margin: 0;}
	.popup .popupBody .preview .break { line-height: 7px;}
	
	.popup .popupFoot {}
		.popup .popupFoot .lcol { float: left; text-align: right; width: 320px;}
		.popup .popupFoot .rcol { float: right; height: 24px; padding: 0 20px 0 0; width: 150px;}
		.popup .popupFoot p { color: #000; font-size: 13px; line-height: 18px; margin: 0;}
		.popup .popupFoot .clearBtn { float: left;}
		.popup .popupFoot .submitBtn { float: right;}
	
	.thankPopup .popupContentWrap { height: auto !important;}
	.thankPopup .popupBody {}
	.thankPopup .popupBody p { font-size: 13px; line-height: 18px; margin: 0 0 4px;}
	.thankPopup .popupBody .large { font-size: 16px; line-height: 24px;}
	.thankPopup .centeredBtns { height: 24px; margin: 0 auto; padding: 7px 0 0; width: 340px;}
	.centeredBtns .leftBtn { float: left;}
	.centeredBtns .rightBtn { float: right;}
	
	.crossExit .popupContentWrap { height: auto !important;}
	.crossExit .popupBody {}
	.crossExit .popupBody p { font-size: 13px; line-height: 18px; margin: 0;}
	.crossExit .popupBody .large { font-size: 16px; line-height: 24px;}
	.crossExit .popupFoot { margin-top: 15px;}
	.crossExit .popupFoot .rightBtns { float: right; height: 24px; width: 170px;}
	.crossExit .popupFoot .rightBtns .rightBtn { float: right;}
	.crossExit .popupFoot .rightBtns .leftBtn { float: left;}	
	
	.exitPopup {}
	.exitPopup .popupContentWrap { height: auto !important;}
	.exitPopup .popupBody p { font-size: 13px; line-height: 18px; margin: 0 0 10px;}
	.exitPopup .popupBody .large { font-size: 16px; line-height: 24px; margin: 0 0 4px;}	
	.exitPopup .popupFoot { padding: 10px 0 0;}
	.exitPopup .popupFoot .rightBtns { float: right; height: 24px; width: 170px;}
	.exitPopup .popupFoot .rightBtns .rightBtn { float: right;}
	.exitPopup .popupFoot .rightBtns .leftBtn { float: left;}
	
	/*-- static versions of popups --*/
	.sendStatic {}
	.mainContent .sendStatic .sendHeader { background: none;}
	.mainContent .sendStatic .sendHeader h1 { color: #009999;}
	.mainContent .sendStatic .sendContentWrap { border: none; height: auto;}

/*== IWINDOW  ==*/
#myOverlay { cursor: pointer; position: absolute; background-color: #000; left: 0; width: 100%; z-index: 9999;}
#frameWrap { background-color: #FFF;position: absolute;overflow: hidden;padding: 0; width: 550px; z-index: 9999;}
	#frameWrap .frameCloseWrap { cursor: pointer; height: 19px; overflow: hidden; position: absolute; right: 14px; top: 11px; width: 18px;}
	#frameWrap .frameCloseWrap .closeFrame { height: 19px; left: 0; position: absolute; top: 0; width: 18px;}
	#frameWrap .frameCloseWrap .frameBtn { cursor: pointer; background: url(../images/fwc/bg_frameCloseBtn.gif) no-repeat; height: 19px; left: 0; position: absolute; top: 0; width: 18px;}

.myFrameClass { border: 0; width: 550px;}

#frameLoader { position: absolute; z-index:9999; left: 50%; top: 100px; margin-left: -50px; width: 100px; height: 42px; border: 1px solid #009999; background: #FFF url(../images/ajax-loader.gif) no-repeat 3px center;}
#frameLoader p { color: #000; font-size: 12px; font-weight: bold; padding-left: 35px; margin: 0; text-align: center; line-height: 42px;}
		

/***
 *  - mooRainbow: defaultCSS
 */

#mooRainbow { font-size: 11px; color: #000; }

.moor-box {
	width: 390px; 
	height: 310px; 
	border: 1px solid #636163; 
	background-color: #f9f9f9;
}
.moor-overlayBox {
	width: 256px; /* Width and Height of the overlay must be setted here: default 256x256 */
	height: 256px; 
	margin-top: 9px; 
	margin-left: 9px;
	border: 1px solid #000;
}
.moor-slider {
	border: 1px solid #000;
	margin-top: 9px; 
	margin-left: 280px;
	width: 19px; /* if you want a bigger or smaller slider... */
	height: 256px;
}
.moor-colorBox {
	border: 1px solid #000; 
	width: 59px; 
	height: 68px; 
	margin-top: 20px; 
	margin-left: 315px;
}
.moor-currentColor { /* Bottom Box Color, the backup one */
	margin-top: 55px; 
	margin-left: 316px; 
	width: 59px; 
	height: 34px;
}
.moor-okButton {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
	margin-top: 278px;
	margin-left: 8px;
	background: #e6e6e6;
	height: 23px;
	border: 1px solid #d6d6d6;
	border-left-color: #f5f5f5;
	border-top-color: #f5f5f5;
}
#mooRainbow label {
	font-family: mono;
}
/* Following are just <label> */
.moor-rLabel {
	margin-top: 100px;
	margin-left: 315px;
}
.moor-gLabel {
	margin-top: 125px;
	margin-left: 315px;
}
.moor-bLabel {
	margin-top: 150px;
	margin-left: 315px;
}
.moor-HueLabel {
	margin-top: 190px;
	margin-left: 315px;
}
span.moor-ballino { /* Style hue ° (degree) !! */
	margin-top: 190px;
	margin-left: 370px;
}
.moor-SatuLabel {
	margin-top: 215px;
	margin-left: 315px;
}
.moor-BrighLabel {
	margin-top: 240px;
	margin-left: 315px;
}
.moor-hexLabel {
	margin-top: 275px;
	margin-left: 280px;
}

/* <input> */
.moor-rInput, .moor-gInput, .moor-bInput, .moor-HueInput, .moor-SatuInput, .moor-BrighInput { 
	width: 30px;
}
.moor-hexInput {
	width: 55px;
}
.moor-cursor {
	background-image: url(../images/moor_cursor.gif); 
	width: 12px;
	height: 12px;
}
.moor-arrows {
	background-image: url(../images/moor_arrows.gif);
	top: 9px; 
	left: 270px;
	width: 41px;
	height: 9px;
}
.moor-chooseColor { /* Top Box Color, the choosen one */
	margin-top: 21px; 
	margin-left: 316px; 
	width: 59px; 
	height: 34px;
}	

.rightvidtitle
{padding-bottom:8px;}

.siteContent .siteMapList li { font-size: 0.8125em; line-height: 1.38em; list-style-type: none; margin: 5px 0 0 15px; padding: 0 0 0 12px;}

/*-- videos --*/
.videos .sidebar { padding-top: 47px;}
	.videos .sidebar h3 { font-size: 25px;}
.videosFlashWrap {}	

.vidtestpad
{padding-bottom:10px;}


.videocolumnwrap
{margin: 0 -230px 0 0; position: relative; width: 800px;}

.videocol1
{float:left;}

.videocol2
{float:left; margin-left:32px;}

.videoitem
{font-size:12px; color:#7a246c; width: 370px; margin-bottom:16px;}
	.sidebar .videoitem { width: 270px;}

.vidiconimage
{margin:0 8px 0 0;}
.vidiconimage2
{margin:0 8px 0 0; border:1px solid #7a246c;}

.videotable
{font-size:14px; margin-top:12px;}

.videoitem td
{width: 250;}

.vidviewtrack
{font-size: 12px; padding:5px 54px 0 34px;}
	.sidebar .vidviewtrackWithTranscript {font-size: 13px; margin: -0.5em 0 2.0em;}
	.sidebar .vidviewtrackWithTranscript .transcript { margin: 0;}
	
	
.purplecheck
{background: url(../images/fwc/purplecheck.gif) no-repeat; padding-left:18px; margin:0 6px 6px 0;}

.purplecheck a
{color:#e96a03; text-decoration:none;}

.transcript
{background: url(../images/fwc/pdf_icon.gif) no-repeat; padding:0 0 0 30px; height:26px; line-height: 26px; margin:8px 0;}
	.contentHeadline .transcript { margin-bottom: 18px;}
.transcript a
{color:#e96a03; text-decoration:none;}

.videoHeadDesc { margin: 0 0 20px 0;}
	.videoHeadDesc .videoTable { width: 480px;}
	.videoHeadDesc td, .videoHeadDesc th { vertical-align: top;}
	.videoHeadDesc th { width: 335px;}
	.videoHeadDesc td { width: 145px;}
		.videoHeadDesc th td, .videoHeadDesc td td { vertical-align: middle; width: auto;}
	.videoHeadDesc td .purplecheck { float: right;}
.vidarrow {position:relative; top:2px; margin-top:6px;}
.vidborder {background: url(../images/fwc/videoitem.gif) no-repeat; width:370px; height:91px;}	
.vidtitle {margin-bottom:6px;}

/*  recipes  */

.directiontable p {margin:6px 0;}
.directionnumber {font-family:Gotham-Bold, arial; color:#70c8c1; font-size:22px;}

.greenborder
{border:1px solid #a8e5d3;}
.recipeback
{background: url(../images/fwc/recipeback.jpg) no-repeat; width:274px; height:399px; margin-left:3px; padding:0 10px 0 10px; position:relative; }
.recipeback_sm
{background: url(../images/fwc/recipeback_sm.gif) no-repeat; width:274px; height:201px; margin-left:3px; padding:0 10px 0 10px; position:relative; }

.recipelistwrap
{float:right; width:526px; margin-left:16px;}
.recipelistcol
{width:327px; float:left; min-height:500px;}


.recipecontentback
{background: url(../images/fwc/recipe_sides.gif) repeat-y; padding:0 16px;}

.puparrow
{position:absolute; left:126px; top:10px;}
.puparrow a {outline:none;}

.pdownarrow {position:absolute; left:126px; bottom:10px;}
.pdownarrow a {outline:none;}

.recipeheader {color:#E06E00; font-size:16px; font-weight:bold;}
.recipesubheader {color:#8B357D; font-size:16px; font-weight:bold;}

.recipeintro
{margin:12px 0; background: url(../images/fwc/tabback.gif) no-repeat; height:343px; padding-left:15px;}
.recipeintro p {margin:12px 0;}

.recipehidecontent {display:none; font-size:13px; color:#334764; font-family:HelveticaNeue-Bold, Arial; line-height:165%;}
.recipeimages {float:right; margin-left:10px;}
.recipeprint {text-align:right;}

.scrollcontainer {position:relative; top:30px; height:320px; overflow:hidden}
.scrollcontent {height:320px;}
.scrollcontent p {color:#142b4c; font-family:Gotham-Bold, arial; font-size:16px; text-align:center; margin:22px 0;}
.scrollcontent a {color:#142b4c; text-decoration:none; outline:none; font-weight: bold;}

.sidebar_back {background: url(../images/sidebar_back.jpg) repeat-y; padding:12px 0 12px 20px;}

.tabtable
{margin-top:1px;}

/*  games page   */

.bingotop {background: url(../images/fwc/bingo_top.gif) no-repeat; width:240px; height:353px; padding:16px 23px 0 23px;}
.bingotop p {font-size:12px;}
.bingowrap {float:right; width:286px; text-align:right;}
.crosswordwrap {width:880px;}
.crossutilwrap {width:880px; position:relative;}

.gameback {background: url(../images/fwc/games_back.gif) repeat-y; width:581px;}

.gameswrap {float:left; width:581px;}

.gameleftcol {width:218px; padding-left:12px; float:left;}
.gameleftcol p {color:#142b4c; font-weight:bold; font-size:12px;}

.gamelistcol {width:350px; float:right; margin-right:1px;}
.gamelistrow {background: url(../images/fwc/gamelist_back.gif) repeat-x #faf3f9; padding:12px 0; border-bottom:1px solid #dec5da;}
.gamelistrow span {font-weight:bold; color:#812b73}
.gamelistrow p {margin:8px 0;}
.gamelistrow a {font-size:11px;}

.gamelistitem {float:left; width:159px; padding:0 5px 0 5px;}
.gamelistitem2 {float:right; padding:0 10px 12px 10px; width:160px; border-left:1px solid #c6e9e6;}


	/*-- fwc Food carousel --*/
	#foodcarousel { color: #142b4c; height: 314px; position: relative; overflow:hidden; width: 478px; height:95px; float:right; margin-bottom:16px;}
	#foodcarousel .foodslide {background: url(../images/fruitfacts_back.gif) no-repeat; width: 478px; height:80px; padding-top:15px;}
	#foodcarousel .wrapper {overflow: visible; width: 478px; height:95px;}
	#foodcarousel .slide { clear: left; float: left; height: 95px; position: relative; width: 478px;}
	#foodcarousel .slidePad { font-size:12px; font-family:Gotham-Book, arial;  width:368px; height:60px;  margin-bottom:16px; padding:33px 96px 0 14px;}
	#foodcarousel .foodslide strong {color:#7a246c; font-size:15px; font-family:Gotham-Book, arial; padding:8px 96px 0 14px;}
    #foodcarousel .slidePad p {font-size:11px; color:#142b4c; font-family:verdana; }
	
	
	#foodcarousel .foodnavDots { bottom: 4px; right: 144px; position: absolute; z-index: 100;}
	#foodcarousel .foodnavDots li { float: left; margin: 0 10px 0 0; }
	#foodcarousel .foodnavDots a { background-image: url(../images/fwc/bg_navDots2.gif); background-repeat: no-repeat; display: block; float: left; height: 13px; overflow: hidden; text-indent: -2000px; width: 13px;}
	#foodcarousel .foodnavDots a.active { background-position: 0 -13px;}

.survivorarrow {position:relative; top:2px;}	
.survivoritem {background: url(../images/fwc/landingrec.gif) no-repeat; width:549px; height:136px; margin-bottom:28px;}
.survivoritem h3 {font-family:Gotham-Medium, Arial; font-size:16px; float:none; margin:0 0 4px 0; font-weight:normal; color:#e47d00; }

.survivoritempic {float:left; width:199px}
.survivorintro {float:left; width:310px; font-size:12px; margin:8px 0 0 10px; color:#142b4c;}

.smallphoto
{border:1px solid #955089; width:290px; float:right; margin:0 0 16px 16px;}