﻿body .framed {
	margin-left:12px;
	width:950px;
}

.replace-text {
	overflow:hidden;
	display:block;
	font-size:0;
	text-indent:-100px;
}

.error-message,
.required {
	color:#d11f3f;
}

.emphasis {
	color:#d11f3f;
	text-transform:uppercase;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div#popup-top-banner,
div#top-banner {
	height:95px;
	position:relative;
}

div#popup-top-banner h1,
div#top-banner h1 {
	background:transparent url(/images/newyou/Special-K-logo.png) no-repeat;
	width:230px;
	height:85px;
}

div#popup-top-banner h1 a,
div#top-banner h1 a {
	display:block;
	height:100%;
	width:100%;
}

div#welcome,
div#login {
	background:transparent url(/images/newyou/login.png) no-repeat 0 27px;
	position:absolute;
	right:0;
	top:0;
	padding:20px 0 20px 50px;
	width:485px;
	font-size:12px;
}

div#welcome {
	text-align:right;
	background-image:none;
}

div#login div.login-field {
	float:left;
	position:relative;
	margin-right:5px;
}

div#login div.login-field input {
	width:125px;
	height:16px;
	font-size:12px;
	color:#333;
	border:1px solid #75aad6;
}

div#password-overlay {
	color:#333;
	font-size:12px;
	position:absolute;
	width:100%;
	left:2px;
	top:1px;
}

div#login .go-button {
	margin-right:5px;
}

div#login a {
	color:#d71f41;
}

div#main-navigation {
	height:20px;
	background:transparent url(/images/newyou/main-nav-bg.png) no-repeat 100%;
	position:relative;
	z-index:100;
}

ul.menu {
	margin:0;
	padding:0;
	list-style-image:none;
	list-style-type:none;
}

div#main-navigation ul a,
div#main-navigation ul a:link,
div#main-navigation ul a:visited,
div#main-navigation ul a:hover,
div#main-navigation ul a:active {
	color:#fff;
	text-decoration:none;
}

div#main-navigation ul#MenuBar1 {
	font-size:10px;
	text-transform:uppercase;
	float:right;
	margin-right:1em;
	line-height:20px;
	font-weight:bold;
}

div#main-navigation ul#MenuBar1 li {
	display:block;
	float:left;
	padding:0 10px;
	position:relative;
}

div#main-navigation ul#MenuBar1 li.OpenMenu {
	background-color:#c80733;
}

div#main-navigation ul ul {
	position:absolute;
	left:0;
	top:20px;
	min-width:100%;
	padding:1em 0;
	background-color:#c80733;
	text-transform:none;
	display:none;
}

div#main-navigation li.OpenMenu ul {
	display:block;
}

div#main-navigation ul ul li {
	clear:left;
	line-height:1.5em;
	white-space:nowrap;
}

div#page-body {
	background:#fff url(/images/newyou/page-bg.png) repeat-x;
	min-height:460px;
	padding:50px 35px 0;
	width:880px;
}

div#section-navigation {
	width:100%;
}

ul#section-menu li {
	float:left;
	background:#48a7d3;
	line-height:22px;
	height:22px;
	line-height:22px;
	font-size:11px;
	color:#fff;
	text-transform:uppercase;
}

div#page-body.right-nav,
div#page-body.home {
	padding:0;
	width:950px;
}

div.content {
	position:relative;
	padding-top:40px;
}

div#page-controls {
	position:absolute;
	right:40px;
	top:30px;
	height:22px;
	width:50%;
}

div#footer {
	background:transparent url(/images/footer.jpg) no-repeat;
	padding:105px 0 20px;
	font-size:10px;
	color:#c8c8c8;
}

div#footer.home {
	background-image:none;
	padding-top:40px;
}

div#footer ul {
	margin:2px 0;
}

div#footer a,
div#footer a:link,
div#footer a:active,
div#footer a:visited,
div#footer a:hover {
	color:#cbcccd;
	text-decoration:none;
}

div#footer li {
	display:inline;
	padding:0 2px 0 4px;
	line-height:12px;
	background:transparent url(/images/newyou/footer-divider.png) no-repeat 100% 30%;
}

div#footer li.last {
	background-image:none;
}

div#new-you {
	/*background:transparent url(/images/newyou/nyr-banner.jpg) no-repeat;*/
	background:transparent url(/images/hd_eatwell_beactive2010.jpg) no-repeat;
	padding:209px 0 0;
}

div#new-you a#register-button {
	position:absolute;
	top:0;
	left:0;
	height:209px;
	width:100%;
}

div#new-you-login {
	/*background:transparent url(/images/newyou/nyr-signin-banner.jpg) no-repeat;*/
	background:transparent url(/images/hd_eatwell_beactive2010.jpg) no-repeat;
	padding:209px 0 0;
}

ul#landing-menu {
	width:100%;
	display:block;
	height:111px;
	margin:40px 0;
}

ul#landing-menu li {
	width:139px;
	height:100%;
	margin:0 15px;
	float:left;
}

ul#landing-menu a {
	display:block;
	width:100%;
	height:100%;
}

ul#landing-menu li#eating-plan {
	background:transparent url(/images/newyou/nyr-eating-plan.png) no-repeat;
}

ul#landing-menu li#exercise-plan {
	background:transparent url(/images/newyou/nyr-exercise-plan.png) no-repeat;
}

ul#landing-menu li#personal-diary {
	background:transparent url(/images/newyou/nyr-diary.png) no-repeat;
}

ul#landing-menu li#tips {
	background:transparent url(/images/newyou/jeans-tool.png) no-repeat;
}

ul#landing-menu li#success-stories {
	background:transparent url(/images/newyou/nyr-success-stories.png) no-repeat;
}

.registration-form label {
	display:block;
}

.registration-form .tick-boxes label {
	display:inline;
}

.registration-form td {
	padding:2px 2px 5px;
}

.clear-button {
	width:58px;
	height:21px;
	border:0 none;
	padding:21px 0 0;
	background:transparent url(/images/newyou/clear-button.png) no-repeat;
	float:left;
}

.submit-button {
	float:left;
	margin-left:5px;
	width:58px;
	height:21px;
	border:0 none;
	padding:21px 0 0;
	background:transparent url(/images/newyou/submit-button.png) no-repeat;
}

div.left-field {
	float:left;
	width:180px;
	vertical-align:bottom;
}

div.left-field .error-message,
div.left-field label {
	display:block;
}

div.left-field .button {
	margin-top:3ex;
}

/* Legacy Styles */

div#right-nav {
	float:right;
}
.breadcrumb-left,
.breadcrumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}

.breadcrumb-left a:link, .breadcrumb-left a:visited, .breadcrumb-left a:active, .breadcrumb-left a:hover,
.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active, .breadcrumb a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}

div.breadcrumb {
	padding: 5px 0 15px 0;
	text-align: right;
	width: 620px;
	position:relative;
}

.breadcrumb object,
.breadcrumb embed {
	position:absolute;
	right:0;
	top:0;
}

div.breadcrumb-left {
	padding: 5px 0 15px 0;
	text-align: left;
	width: 620px;
}

div.breadcrumb h2 {
	color:#fff;
	margin-top:130px;
	margin-left:270px;
	text-align:left;
	text-transform:uppercase;
	font-weight:normal;
}

#sitemap blockquote {
	margin: 0 0 0 30px;
}

#sitemap p {
	margin: 0px;
}
#sitemap {
	line-height: 20px;
}

.signin_bg {
	background: transparent url(/images/title_images/title_signin.gif) no-repeat 0 0;
	width: 580px !important;
}

.eatingplan_bg {
	background: transparent url(/images/title_images/title_eatingplan.gif) no-repeat 0 0;
}

.exerciseideas_bg {
	background: transparent url(/images/title_images/title_exerciseideas.gif) no-repeat 0 0;
}

.bmicalc_bg {
	background: transparent url(/images/title_images/title_bmicalculator.gif) no-repeat 0 0;
}

.diary_bg {
	background: transparent url(/images/title_images/title_onlinediary.gif) no-repeat 0 0;
	width: 580px !important;
}

.eatplanwk1_bg {
	background: transparent url(/images/title_images/titlenyr_eatingplan_wk1.gif) no-repeat 0 0;
}

.week1-header {
	font-family: Verdana; font-size: 10px;
	color:#ffffff; margin-left:290px; margin-top:120px; width:330px; text-align:left; 
	line-height:1.2em;
}

.week2-header {
	font-family: Verdana; font-size: 10px;
	color:#ffffff; margin-left:290px; margin-top:120px; width:310px; text-align: left; 
   line-height:1.2em;
}

.eatplanwk2_bg {
	background: transparent url(/images/title_images/titlenyr_eatingplan_wk2.gif) no-repeat 0 0;
}

.fpassword_bg {
	background: transparent url(/images/title_images/title_forgottenpassword.gif) no-repeat 0 0;
}

.register_bg {
	background: transparent url(/images/title_images/title_registration.gif) no-repeat 0 0;
}

.topten_bg {
	background: transparent url(/images/title_images/title_toptentips.gif) no-repeat 0 0;
}

.recipes_bg {
	background: transparent url(/images/title_images/title_recipes.gif) no-repeat 0 0;
}
.products_bg {
	background: transparent url(/images/title_images/title_products.gif) no-repeat 0 0;
}

.forgot-password {
	 border:1px solid #d81c3f;
	 width:150px;
	 padding:10px;
	 font-size:11px;
}

.forgot-password a {
	color:#d81c3f;
	text-decoration:none;
}

#eatplan td {
	text-align: left;
	padding:0px;
	font-size: 9px;
	line-height: 10px;
}

th {
	font-size: 11px;
	vertical-align: top;
	color: #D81C3F;
	text-align: left;
	padding: 6px 2px 6px 6px;
}

.eatplan_bg {
	padding-left: 0px;
	padding-top: 30px;
	padding-bottom: 35px;
	background: url(../images/bg.jpg) no-repeat;
	vertical-align: top;
}

#bmi {
	margin: 6px;
}

#bmi td {
	padding: 6px;
}

div.margin-content {
	margin:0 50px;
}

.right-nav .margin-content {
	margin:0 330px 0 50px;
}

.rightNavDiv {
	text-align: right;
}

.rightNavDiv td {
	text-align:left;
}

.dynamic_text_red {
	background-color: #FFF;
	width: 220px;
	height: 124px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #9d0c15;
	font-weight: bold;
	text-align: left;
	padding: 10px;
}

.dynamic_text_small {
	color: #7c695a;
	font-size: 12px;
	font-weight: normal;
}

ul.redBullets {
	margin-left: 8px;
	padding-left: 8px;
	list-style-image: url(/images/bullet.gif);
}

ul.redBulletsResend {
	margin-left: 35px;
	padding-left: 35px;
	list-style-image: url(/images/bullet.gif);
}

.recipe-subheading {
	font-family: Verdana;
	font-size: 10px;
	color: #ffffff;
	margin-left:287px;
	margin-top:115px;
	width:290px;
	text-align: left;
   line-height:1em;
}

.redheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #d60038;
	text-transform: uppercase;
}

.redheadinglower {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #d60038;
}

.blueheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight:normal;
	color:#0093c6;
	text-transform: uppercase;
}

.tipsnumbers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #D81C3F;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}