body{font-size:14px;}
table      
{ 
width:100%;
}

h1
{
	FONT-SIZE: 16px; 
	font-weight:bold; 
	text-align:left;
	margin:0;
	padding:0;

}

h2
{
FONT-SIZE: 14px; 
	COLOR: #5c5c5c; 
	font-weight:bold; 
	text-align:left;
	margin:0;
	padding:0;

}

/*   This heading is used for all section titles   */
h3
{
	FONT-SIZE: 13px; 
	font-weight:bold; 
	text-align:left;
	margin:0;
	padding:0;
}

p
{
	FONT-SIZE: 12px; 
	color: #5c5c5c;
	text-align:left;
	margin-left:0px; margin-right:0px; margin-top:5px; margin-bottom:5px;
}

p.labels, span.labels td, label.labels, div.labels
{
	FONT-SIZE: 12px; 
	color: #963060;
	font-weight:bold; 
	margin:0;
	padding:0;
	font-style:italic;
}
div.labels
{
	FONT-SIZE: 11px; 
	color: #FFFFFF;
	font-weight:bold; 
	margin:0;
	padding:0;
	font-style:italic;
}
div.labels input
{
	border:0px;
	padding:0px;
} 


/* the rest */

#logo {
	margin:10px 0 0 7px;
	float:left;
	color: #FFFFFF;
}






div#pane_centre 
{
	position:absolute;
	left:201px;
	top:0px;
	width:572px;
}


div#pane_right { position:absolute;left:771px;
	width: 190px;
	height: 600px;
}

div#pane_left_centre {
	position:absolute;
	left:0px;
	top:0px;
	width:757px;
	height:565px;
}



div#pane_right_info
{

	position:absolute;
	top:147px;
	width:190px;
	height:175px;
}
div#pane_right_info_close
{
position:absolute;left:165px;top:5px;visibility:hidden;
}
div#pane_right_info_header
{
	position:absolute;
	background-image:url(/media/images/boxes/profile_summary.gif);
	height:29px;
	width:184px;
	left:0px;
	top:0;
	font-family: Arial; 
	font-size: 18px;
	font-weight:bold;
	color:rgb(255,255,255);
	text-align:center;
	padding-top:3px;
}
div#pane_right_info_content
{
	position:absolute;
	background-image:url(/media/images/boxes/profile_summary_lower.gif);
	height:175px;
	width:184px;
	left:0px;
	top:29px;

}

div#pane_centre_header
{  
	position:absolute;
	left:0px;
	top:0px;
	width:520px;
	height:20px;

}

div#pane_centre_body span
{  
	margin-top:5px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;

}




div#howto
{
	position:absolute;top:120px;left:360px;width:200px;
}
	
#info_main_right
{
	position:absolute;left:771px;width:184px;height:400px;border:0px solid #000000
}

#drc{position:absolute;top:147px;left:15px;width:178px;border:0px solid #000000}
#quickswap{position:absolute;top:460px;left:7px;width:178px;border:0px solid #000000}

#showhide{visibility:hidden;position:absolute;top:120px;left:260px}

/* --------------------------[ leftSidebar ]-------------------------------- */


#pane_left #ianC {
	position:absolute;top:147px;height:250px; left:10px; 
	width: 190px;
	height: 250px;
	background: url(/media/images/homepage_jan/ianC.gif) top left no-repeat;
}

#pane_left #ianC p {

	padding: 100px 20px 30px 10px;
	color : #9a6c9b;
	font-size: 11px;
	margin-top: 5px;
	font-weight:normal;
}

#pane_left #pictures {
	position:absolute;top:480px;height:250px; left:10px; 	
	margin: 10px 10px 0px 0px;
	text-align: center;
}

#pane_left #pictures .mainPic {
	padding:  6px 25px 0px 0px;
}


/*Food Search*/
div#pane_left_energyin_position{position:relative;width:180px;height:287px;background:url('/media/images/lowres/energyin.gif') no-repeat;}
div#pane_left_recipe_position{position: absolute;width: 180px;left:9px;top:146px;height:327px; background:url('/media/images/recipe/recipe.gif') no-repeat;}
div#energyoutmanualadd .text,div#pane_left_energyin_position .text{border:1px solid #9c9c9c;padding:0 3px 0 3px;color:#9c9c9c;font-weight:normal;font-size:0.9em;}
div#pane_left_energyin_header{position:absolute;left:0px;top:10px; width:180px;height:25px;text-align:center; }
div#pane_left_energyin_content{position: absolute;left: 0px;top:34px;width:192px;height:270px;}
#pane_left_energyout_content a, #pane_left_energyin_content a {font-size:12px;}
/*Add Exercise*/
div#pane_left_energyout_position{position:relative;width:180px;height:160px; background:url('/media/images/lowres/energyout.gif') no-repeat;margin-top:10px;}
div#pane_left_energyout_header{position:absolute;left:0px;top:10px; width:180px;height:25px;text-align:center; }
div#pane_left_energyout_content{position: absolute;left: 0px;top:34px;width:192px;height:85px;}
#pedometeradd,#energyoutmanualadd{position:absolute;background-color:#ffffff;top:330px;left:20px;width:168px;height:109px;visibility:hidden;}
#pedometeradd .text{border:1px solid #9c9c9c;padding:0 3px 0 3px;color:#9c9c9c;font-weight:bold;font-size:0.9em;}
/*Bar code help */
#barcodehelp{position:absolute;top:30px;left:22px;z-index:1;visibility: hidden; width:165px; background-image: url(/media/images/lowres/barcode_explain.gif); layer-background-image: url(/media/images/lowres/barcode_explain.gif);height:192px;}
/* Table */
.table_energy_col2{width:75px;}
.table_energy_col3{width:90px;}
#pane_left_energyout_content a , #pane_left_energyin_content a{ COLOR: rgb(128,0,128); FONT-FAMILY: 'Arial'; text-align:left;text-decoration:underline;padding:0px;margin:0px;}
#pane_left_energyout_content a {COLOR: rgb(55,168,184);}
#pane_left_energyin_content a{COLOR: rgb(128,0,128);}
#pane_left .smalljustified {FONT-WEIGHT: normal;FONT-SIZE: 11px; COLOR: #a770a7; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left;}

#manualadd{position:absolute; z-index:999; left: 23px; top: 33px; border: 1px none #000000; width: 164px; background-color:#FFFFFF; height:247px;visibility:hidden;}
#manualadd p{margin-top:3px;margin-bottom:3px}
#manualadd input{font-size:10px;}
#manualadd select{font-size:10px;margin-bottom:5px;}
#energyoutmanualadd p{margin-top:0px;margin-bottom:0px;}
#energyoutmanualadd p,#manualadd p
{
font-size:10px;font-weight:bold;
}