body {
	/*the next bit is a hack for i.e. 5 and 5.5*/
	text-align:center;
	margin:0;
	padding:0;
}
#bodytop {
	background-image:url(images/background.gif);
	background-repeat:repeat-x;
}
#bodymiddle {
		background-color:#FDC589;
}
.container {
	position:relative;
	/*the next bit is a positioning hack for ie*/
	margin:0 auto;
	/*the next bit is a hack for i.e. in windows xp*/
	width:770px;
	/*the next bit is a hack for i.e. 5 and 5.5*/
	text-align:left;
}
#header {
	width:770px;
	height:105px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}
#nav {
	float:left;
	width:128px;
	margin:0;
	padding:0;
}
#nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#nav li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
	width:118px;
	background-image:url(images/button.gif);
	background-repeat:no-repeat;
	padding:5px 0 5px 10px;
	font-size:11px;
	text-decoration:none;
	color:#FFFFFF;
	/*the next bit is a hack for i.e. in windows xp to remove gap between list items*/
	margin:-2px 0 0 0;
}
/*this overides the ie hack above in complient browsers*/
html > body #nav li a {
	margin:0;
}
#nav li a:hover {
	background-image:url(images/rollover.gif);
	background-repeat:no-repeat;
}
#nav ul ul li a {
	width:118px;
	background-image:url(images/button2.gif);
	background-repeat:no-repeat;
	font-size:11px;
	color:#FFFFFF;
	/*the next bit is a hack for i.e. in windows xp to remove gap between list items*/
	margin:-2px 0 0 0;
}
/*this overides the ie hack above in complient browsers*/
html > body #nav ul ul li a {
	margin:0;
}
#nav ul ul li a:hover {
	background-image:url(images/button2.gif);
	background-repeat:no-repeat;
	color:#F8941E;
}
.selected {
	display:block;
	padding:5px 0 5px 10px;
	background-image:url(images/rollover.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	/*the next bit is a hack for i.e. in windows xp to remove gap between list items*/
	margin:-5px 0 -3px -10px;
}
/*this overides the ie hack above in complient browsers*/
html > body .selected {
	margin:-5px 0 -5px -10px;
}
.selected2 {
	color:#F8941E;
}
#signup {
	width:128px;
	text-align:center;
/*the next bit is a hack for i.e. in windows xp to remove gap between list items*/
	margin:-2px 0 0 0;
}
/*this overides the ie hack above in complient browsers*/
html > body #signup {
	margin:0;
}
#signup a {
	display:block;
	width:128px;
	height:128px;
	background-image:url(images/sign-up.gif);
	text-decoration:none;
}
#signup a:hover {
	background-image:url(images/sign-up-rollover.gif);
}
#signup a span { 
	visibility:hidden;
}
#dietryanalysis {
	width:128px;
	text-align:center;
}
#dietryanalysis a {
	display:block;
	width:128px;
	height:128px;
	background-image:url(images/dietry-analysis.gif);
	text-decoration:none;
}
#dietryanalysis a:hover {
	background-image:url(images/dietry-analysis-rollover.gif);
}
#dietryanalysis a span { 
	visibility:hidden;
}
#nutritionbox {
	background-image:url(images/nutritionist_box.gif);
	background-repeat:no-repeat;
}
#nutritionbox ul {
	list-style-type:none;
	padding:0;
	margin:10px 0 0 12px;
}
/*this overides the ie hack above in complient browsers*/
html > body #nutritionbox ul {
	margin:10px 0 0 10px;
}
#nutritionbox li {
	background:url(images/tick.gif) left center no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:lighter;
	color:#BD2026;
	margin:0;
	padding:0 20px 0 30px;
}
#content, #contentfixed {
	float:right;
	width:642px;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
}
#contentfixed {
		height:600px;
}
#columnleft {
	float:left;
	width:360px;
}
#columnright {
	float:left;
	width:282px;
}
#quote {
	margin:45px 0 0 30px ;
}
#homequote {
	margin:15px 0 0 30px ;
}
#quote p, #homequote p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#BD2026;
	margin:0 0 0 10px;
	padding:0;
}
#quote p span, #homequote p span {
	font-size:11px;
}
#dietaryoffer {
	background-image:url(images/dietary_offer_top.jpg);
	background-repeat:no-repeat;
}
#signupbox {
	background-image:url(images/sign_up_box.jpg);
	background-repeat:no-repeat;
	height:290px;
}
#footercontainer {
background-image:url(images/footer.gif);
background-repeat:repeat-x;
}
#footer {
	padding:0;
	width:770px;
	height:20px;
}
#left {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	float:left;
	padding:5px 0 0 0;
}
#right a{
	float:right;
	padding:5px 10px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}
#left a {
	text-decoration:none;
	font-size:10px;
	color:#FFFFFF;
}
#footer a:hover {
	text-decoration:underline;
}
.clear {
	clear:both;
}
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	color:#F7931D;
	font-size:20px;
	margin:0;
	padding:10px 0 0 10px;
}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:lighter;
	color:#F7931D;
	margin:0;
	padding:10px 0 0 10px;
}
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:lighter;
	color:#F7931D;
	margin:0;
	padding:10px 0 0 10px;
}
p, p ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin:0;
	padding:0 10px 10px 10px;
}
#columnleft table {
	margin:0 0 0 10px;
}
#columnleft table tr td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin:0;
	padding:4px 10px 4px 10px;
}
ul {
	padding:0;
	margin:0 0 10px 25px;
}
/*this overides the ie hack above in complient browsers*/
html > body ul {
	margin:0 0 10px 20px;
}
li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin:0;
	padding:0;
}
.pinktext {
	color:#F287B6;
}
p a, #columnleft ul li a, #columnleft table tr td a {
	color:#BD2026;
	font-weight:bold;
	text-decoration:none;
}
p a:hover, #columnleft ul li a:hover, #columnleft table tr td a:hover {
	text-decoration:underline;
}
form {
	margin:0;
	padding:0;
}
form p {
	clear:left;
	margin:0;
	padding:10px 10px 0 10px;
}
form p label {
	float:left;
	width:30%;
	padding-top:5px;
}
form p span label {
	width:75%;
}
form p .factsheet label {
	width:90%;
}
#btnsubmit {
	background-color:#FCB700;
	color:#FFFFFF;
	border:0;
	padding:0;
}
#columnleft form .field {
	float:right;
	width:200px;
	border-width:1px;
	border-color:#717473;
	margin:0;
	padding:0;
}
#columnleft form span .field {
	float:left;
	margin-left:58px;
	width:20px;
	border-width:1px;
	border-color:#717473;
}
/*this overides the ie hack above in complient browsers*/
html > body #columnleft form span #field {
	margin-left:63px;
}
.whitetext {
	color:#FFFFFF;
}
.largetext {
	font-size:30px;
	color:#FFFFFF;
}
.redtext {
	color:#BD2026;
}
.date {
	font-size:11px;
	font-style:italic;
}
.orangetext {
	color:#F7931D;
}