* {margin: 0; padding: 0;}
* img {border:0;}

p {line-height: 1.4em;margin-bottom: 16px;font-size: 1em;}

html, body {
}

body {background: #C2D1D8 url(../images/3500-calorie-countdown-bg-strips.jpg) repeat-x;font-size: 76%;}

#splash-calorie-content {}

#center-mio-3500-calorie-countdown {text-align: center;width: 100%;}
#mio-3500-calorie-countdown-shape-select {width: 830px;margin-right: auto;margin-left: auto;background: #C2D1D8;}

/*body content*/
#body-container {
	background: url(../images/body-bg.jpg) no-repeat center top;
	_height:300px; /*height hack added for IE not showing BG */
}
#copy-column {
	float: left;
	font: 0.9em/1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #476070;
	width: 415px;
	text-align: left;
	padding-left: 62px;
	clear: both;
}
#copy-column  h1 {
	font: bold 1.8em Tahoma, Arial, Verdana;
	color: #384D5A;
	letter-spacing: -1px;
	margin-bottom: 6px;
}
#copy-column  h2 {
	font: bold 1.2em Tahoma, Arial, Verdana;
	color: #384D5A;
	margin-bottom: 3px;
}
#copy-column  h3 {
	font: bold 1em Tahoma, Arial, Verdana;
	color: #384D5A;
	text-decoration: underline;
	margin-bottom: 4px;
}
#copy-column ul, #copy-column ol {
	margin-bottom: 18px;
	margin-left: 30px;
	line-height: 1.6em;
}
#copy-column blockquote {
	margin-left: 20px;
}
#copy-column p {
	line-height: 1.5em;
}
#copy-column .text1 {
	font-size: 1.3em;
}
#copy-column a, #product-column .right-links a, #popup a {
	color: #384D5A;
}
#copy-column a:hover, #product-column .right-links a:hover, #popup a:hover {
	color: #7A96A9;
	text-decoration: underline;
}

#copy-column .box-links {
	text-align: left;
	font-size: 0.9em;
	color: #384D5A;
	font-family: Tahoma, Arial, Verdana;
	background: #B9C8D0;
	border: 2px dotted #FFFFFF;
	padding: 8px;
	width: 375px;
	margin-bottom: 16px;
}
#copy-column .headline {
	margin: 0px;
	font-size: 1.3em;
	color: #FFFFFF;
	font-weight: bold;
}
#copy-column .box-links p {
	margin: 0px;
	padding: 0px;
}

#product-column {
	float: right;
	width: 346px;
}
#product-column .right-links {
	text-align: left;
	font-size: 0.9em;
	color: #384D5A;
	font-family: Tahoma, Arial, Verdana;
	background: #ADC1CC url(../images/box-links-bg.jpg) repeat-x bottom;
	padding: 8px;
	width: 244px;
	margin: 0px 0px 10px 35px !important;
	margin: 0px 0px 10px 0px;
	border-top: 1px solid #D5DFE4;
	border-right: 1px solid #D5DFE4;
	border-bottom: 1px solid #50707C;
	border-left: 1px solid #D5DFE4;
	
}
#product-column .right-links p {
	margin: 0px;
}
#product-column .right-links h1 {
	margin: 0px;
	font-size: 1.3em;
	color: #FFFFFF;
}
#product-column .right-links a {
	color: #384D5A;
	text-decoration: none;
}
#product-column .right-links a:hover {
	color: #374955;
	text-decoration: underline;
}
/*footer styles*/
#footer{
	font: 0.8em Arial, Helvetica, sans-serif;
	background: url(../images/footer-line.jpg) no-repeat center top;
	text-align: left;
	margin-bottom: 25px;
	float: left;
}
#footer p {
	margin-left: 62px;
	padding-top: 12px;
	color: #718794;
}

/*special items*/

/*this pushes the body content column slightly lower on the page to accomodate the sub nav*/
#getting-started #copy-column {padding-top: 20px;}

#flashcontent {}

#mio-print-logo {display:none}
#popup {
	background: #C2D1D8 url(none);
	font: 11px "Trebuchet MS", Arial, verdana;
	color: #476070;
	margin: 20px;
}
#popup h1 {
	font: bold 16px Tahoma, Arial, Verdana;
	color: #384D5A;
	letter-spacing: -1px;
	margin-bottom: 6px;
}
#popup h2 {
	font: bold 14px Tahoma, Arial, Verdana;
	color: #384D5A;
	margin-bottom: 3px;
}
#popup h3 {
	font: bold 12px Tahoma, Arial, Verdana;
	color: #384D5A;
	text-decoration: underline;
	margin-bottom: 4px;
}
#popup ul, #popup ol {
	margin-bottom: 18px;
	margin-left: 30px;
	line-height: 1.6em;
	}