/* @override http://shrinkingapp.com/css/style.css */

* { padding: 0; margin: 0; outline: 0; }

body {
	font-size: 12px;
	line-height: 14px;
	font-family: arial, sans-serif;
	color: #333;
	background: #f2f2f2;
	height: 100%;
	text-align: left;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0; }
a { color: #2c61a3; text-decoration: none; cursor: pointer;}
a:hover { text-decoration: underline;}

.left { float: left; display: inline; }
.right { float: right; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -9999px;}
.tr {text-align: right;}
.tc {text-align: center;}
.center {display: block; margin: 0 auto;}

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

#header {background: url(images/header-repeat.gif) repeat-x 0 0;}
#header-cnt {background: url(images/header.gif) no-repeat center 0; height: 88px;}

h1#logo {padding: 24px 0 0 3px; margin-right: -1px;}
h1#logo a {background: url(images/logo.png) no-repeat 0 0; width: 218px; height: 44px; display: block;}

#navigation {font-size: 14px; padding: 31px 0 0 0;}
#navigation ul {list-style-type: none; float: right; padding-right: 16px;}
#navigation ul.log-in {padding-right: 0; padding-left: 11px; border-left: 1px solid #3c84a4;}
#navigation ul li {float: left; display: inline; padding-right: 1px;}
#navigation ul li a,
#navigation ul li a strong {float: left;}
#navigation ul li a {color: #fff; padding-right: 0; height: 32px;}
#navigation ul li a strong {padding: 7px 12px; display: block;}
#navigation ul li a:hover strong,
#navigation ul li a.active strong {text-decoration: none; background-color: #0D516F; background-color: rgba(0,0,0,0.6); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

#navigation ul li a.active strong{background-color: rgba(0,0,0,0.2); }

#navigation ul li a:hover span,
#navigation ul li a:hover{text-decoration: none;}

#featured {background: #cdebde url(images/featured.gif) repeat-x 0 0; height: 395px;}
#featured-details {padding: 58px 0 0 0;}
#featured-details h1 {padding: 0 0 8px 0; color: #061d28; font-size: 40px;}
#featured-details h2 {padding: 0 0 10px 0; color: #061d28; font-size: 31px}
#featured-details .benefit {border-top: 1px solid #c7e0ed; padding: 20px 0 46px 82px; background: url(images/benefit.gif) no-repeat 0 20px;}
#featured-details .benefit h3 {font-size: 16px; line-height: 18px;}
#featured-details .benefit p {line-height: 19px;}
#featured-details span.choose {float: left; font-size: 13px; text-transform: uppercase; color: #061d28; padding-top: 20px;}
#featured-details .featured-links-right {float: right; width: 173px;}
#featured-details .featured-links-right p {line-height: 16px; color: #061d28; text-align: center;}

a.sign-up-now,
a.take-a-tour { display: block; font-size: 0; line-height: 0; text-indent: -9999px;}
a.sign-up-now {background: url(images/sign-up-now.png) no-repeat 0 0; width: 220px; height: 54px; margin-top: 6px;}
a.take-a-tour {background: url(images/take-a-tour.png) no-repeat 0 0; width: 173px; height: 43px;}

#featured-image {margin-top: -6px; position: relative; float: right;}
#featured-image-cnt {background: url(images/featured-image.png); width: 442px; height: 411px;}

#breadcrumb {height: 122px; background: #11313c url(images/breadcrumb.gif) no-repeat center top; }
#breadcrumb p {padding: 35px 0 0 0;}
#breadcrumb a {color: #7e919a; line-height: 24px;}
#breadcrumb a.current {color: #fff; font-size: 31px; display: block; line-height: 31px;}
#breadcrumb a.current:hover {text-decoration: none;}

#main {background: #fff;}

#content {padding: 35px 0 40px 0;}
#content h3 {font-size: 16px; color: #161616; line-height: 18px; padding: 0 0 8px 0;}
#content p {line-height: 15px; padding-bottom: 15px;}

.main-paragraph p {font-family: georgia, serif; font-size: 18px; font-style: italic; color: #213e26; line-height: 25px !important; padding-bottom: 40px !important;}

#free-features {}
#premium-features {}
.features {padding-bottom: 30px;}
.feature {background: #e9f3f6; padding: 10px 9px; border-bottom: 1px solid #cee6ee;}
.feature img {border: 1px solid #c4ccce; padding: 1px; display: block; margin-bottom: 7px;}
.feature p {font-size: 11px; line-height: 14px !important; padding: 0 0 0 2px !important;}

.plan-container{
	background: #eee url(images/basic-plan-bg.jpg) repeat-x top left;
	border: 1px solid #ddd;
}

#basic-plan,
#cant-decide{
	margin-top: 20px;	
}

#cant-decide .inner{
	padding-left: 60px; 
	background: url(images/cant-decide-question-mark.png) no-repeat 10px 20px;
}

#questions .inner{
	padding: 40px 20px 20px 20px;
	color: #888;
	font: italic 1.2em Georgia, "Times New Roman", Times, serif;
}

#premium-plan{
	background: #eee url(images/signup-premium-bg.jpg) repeat-x top left;
	margin-bottom: 60px;	
}

.plan-container .inner{
	padding: 20px;
}

.plan-container h2{
	text-align: center;
}

.plan-container h2 strong{
	width: 92px;
}

.plan-container h2 span{
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	margin: 0 auto;
}

#basic-plan h2 span{
	width: 92px;
	height: 52px;
	background: url(images/basic-free-plan-heading.png) no-repeat top left;
}

#premium-plan h2 span{
	width: 216px;
	height: 81px;
	background: url(images/premium-plan-heading.png) no-repeat top left;
}

#basic-plan ul,
#premium-plan ul{
	margin: 20px 0;
}

#premium-plan ul{
	margin-bottom: 35px;
}

.feature-list li{
	margin-left: 0;
	line-height: 2.2em;
	list-style: none;
	padding-left: 34px;
	background: url(images/ico_checkmark_medium.png) no-repeat left center;
}

#premium-plan li{
	color: white;
}

.feature-list li.no{
	background-image: url(images/ico_x_med.png);
}

.plan-container .button{
	text-indent: -9000px;
	display: block;
	overflow: hidden;
	position: absolute;
	bottom: -23px;
	left: 50%;
}

#basic-plan .button{
	background: url(images/signup_now_dark.png) no-repeat top left;
	width: 174px;
	height: 43px;
	margin-left: -87px;
}

#cant-decide .button{
	background: url(images/take-a-tour.png) no-repeat top left;
	width: 174px;
	height: 43px;
	margin-left: -87px;
}

#premium-plan .button{
	background: url(images/sign-up-now.png) no-repeat top left;
	width: 220px;
	height: 54px;
	margin-left: -110px;
}
#premium-plan .thirtyday {
	background: url(images/30-day-trial.png) no-repeat top left;
}
#premium-plan .startfree {
	background: url(images/start-free-trial.png) no-repeat top left;
}
form{
	margin-bottom: 80px;
	border: 1px solid #ddd;
	border-bottom-color: #B2B2B2;
}

form fieldset{
	border: 0;
	background:#EEEEEE url(images/basic-plan-bg.jpg) repeat-x scroll left top;
	padding: 20px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
}

.highlight-on fieldset:hover,
fieldset.highlight-on{
	outline: 1px solid #80CEFD;
}

label{
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	width: 230px;
	float: left;
	padding-top: 4px;
	margin-right: 20px;
	text-align: right;
}

input[type="text"]{
	width: 340px;
}

textarea{
	width: 340px;
	height: 120px;
}

input,
textarea{
	padding: 6px;
	font-size: 1.6em;
	border: 1px solid #ccc;
	border-top-color: #aaa;
	border-bottom-color: #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

input:focus,
textarea:focus{
	border: 1px solid #aaa;
	border-top-color: #999;
	border-bottom-color: #ccc;
}

input#submit{
	background: url(images/submit-form.png) no-repeat top left;
	text-indent: -9000px;
	overflow: hidden;
	height: 43px;
	width: 174px;
	border: 0;
	margin-left: 280px;
	cursor: pointer;
	
}
#contact-sent-msg {
	text-align: center;
	font-size: 18px;
	line-height: 22px;
}
label.error{float: right; width: 260px;	color: red;	display: block;}
input.error,
textarea.error{border: 1px solid red; box-shadow: 0 0 5px red; -moz-box-shadow: 0 0 5px red; -webkit-box-shadow: 0 0 5px red; }
input.valid,
textarea.valid{border: 1px solid #8FD0F3; box-shadow: 0 0 5px #8FD0F3; -moz-box-shadow: 0 0 5px #8FD0F3; -webkit-box-shadow: 0 0 5px #8FD0F3; }

#sidebar {min-height: 400px; background: url(images/sidebar-inner.png) no-repeat 0 0; padding: 43px 0 0 21px;}
#sidebar h3 {font-size: 14px; color: #061d28; padding-bottom: 15px; letter-spacing: -1px;}
.total-weight {}
.total-weight-cnt {background: url(images/total-weight.gif) repeat-x 0 0; height: 28px; float: left; font-size: 18px; color: #fff; line-height: 26px;}
.total-weight-cnt span {float: left; width: 18px; padding-right: 1px; text-align: center;}
.total-weight span.measure {float: left; font-size: 14px; color: #111111; line-height: 26px; padding-left: 5px;}

#services {padding: 30px 0 50px 0;}
#services .service {padding: 0 0 0 81px; background-repeat: no-repeat; background-position: 0 0;}
#services .track {background-image: url(images/icon-track.gif);}
#services .social {background-image: url(images/icon-social.gif);}
#services .notebook {background-image: url(images/icon-notebook.gif);}
#services .service h3 {color: #1c1c1c; font-size: 16px; line-height: 18px; padding-bottom: 10px;}
#services .service p {line-height: 19px; padding-bottom: 20px;}

#footer {padding: 45px 0; text-align: center; color: #4483a3; border-top: 1px solid #ddd;}
#footer-nav {padding: 0 0 25px 0;}
#footer-nav a {color: #4483a3; margin-right: 11px; margin-left: 12px;}
#copyright {color: #465a64;}

#tip { 
    display:none; 
    background:transparent url(images/bg-tooltip.png) top center no-repeat;
    font-size:12px; 
    height:95px; 
    width:140px; 
    color:#000;
    font-weight: bold;
    padding: 25px;
    padding-left: 45px; 
}
.tooltip{cursor:pointer;}
span.tooltip {
	border-bottom: 1px dashed white;
}

#content blockquote {
		background: url(images/pullquote.gif) 0 0 no-repeat;
		margin: 15px 0px 10px 0px;
		padding: 6px 0 0 55px;
		line-height: 1.5em;
		font-style: italic;
		font-family: Georgia, "Bitstream Vera Serif", serif;
		font-size: 1.0em;
		font-weight: normal;
	}
	
#calorie-table thead {
	background: #4483a3;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
}
#calorie-table td {
	padding: 5px;
	width: 220px;
	margin: 0px;
}