/* Head panel */
.container			{font-family:Arial, Helvetica, sans-serif;}
#head-panel .head {
	background-image:url(../img/long-head.png);
	background-repeat:no-repeat;
	width:621px;
	height:9px;
	display:block;
}
#head-panel .body {
	background-image:url(../img/long-body.png);
	background-repeat:repeat-y;
	width:621px;
	height:95px;
	display:block;
	border:0px solid red;
}
#head-panel .foot {
	background-image:url(../img/long-foot.png);
	background-repeat:no-repeat;
	width:621px;
	height:9px;
	display:block;
}
#head-panel .right {
	display:block;
	width:430px;
	border:0px solid red;
	margin-left:150px;
	overflow:hidden;
}
.body-inner {
	/*background-image:url(../img/header-image.png);*/
	background-image:url(../img/grocery_tool.jpg);
	background-repeat:no-repeat;
	background-position:15px 4px;
	border:0px solid red;
	display:block;
	height:90px;
	width:610px;
	margin-left:4px;
}

/* Main panel */

#main-panel {
	margin-top:8px;
}
#main-panel .head {
	background-image:url(../img/main-head.png);
	background-repeat:no-repeat;
	width:621px;
	height:5px;
	display:block;
}
#main-panel .body {
	background-image:url(../img/main-body.png);
	background-repeat:repeat-y;
	width:621px;
	height:256px;
	display:block;
	border:0px solid red;
}
#main-panel .foot {
	background-image:url(../img/main-foot.png);
	background-repeat:no-repeat;
	width:621px;
	height:9px;
	display:block;
}
#main-panel .left {
	border:0px solid red;
	width:175px;
	margin-left:5px;
	height:254px;
	float:left;
}
#main-panel .left .body {
	border:0px solid green;
	background-image:none;
	width:173px;
	border:0px solid red;	
	height:237px;
}
#main-panel .left .body ul {
	border:0px solid red;
	margin:0;
	padding:0;
	padding-left:2px;
	padding-top:5px;
	list-style:none;
}
#main-panel .left .body ul li {
	border:0px solid red;
	height:18px;
}

#main-panel .right {
	border:0px solid blue;
	width:405px;
	margin-left:20px;
	float:left;
	height:254px;
	position:relative;
	overflow:visible;
}
#main-panel .right .body {
	background-image:none;
	width:403px;
	height:232px;	
	display:block;
	border:0px solid red;
	padding-top:4px;
}
#main-panel .right .body ul {
	margin:0;
	padding:0;
	padding-left:5px;
	list-style:none;
}
#main-panel .right .body ul li {
	display:block;
	height:109px;
	width:120px;
	float:left;
	
	margin-left:10px;
	margin-bottom:10px;
}
#main-panel .right .body ul li img {
	padding-left:10px;
	padding-top:3px;
}
#main-panel a.item-link {
	border:1px dotted #dedede;
	height:100%;
	display:block;
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer
}
#main-panel a.item-link:hover {
	background-color:#e0eaee;
	border:1px solid #b9d0db;
}
#main-panel a.one {
	background-image:url(../img/groceries/alpen_lite_muesli.png);	
}
#main-panel a.two {
	background-image:url(../img/groceries/kelloggs_allbran.png);	
}
#main-panel a.three {
	background-image:url(../img/groceries/kelloggs_cocopops.png);	
}
#main-panel a.four {
	background-image:url(../img/groceries/kelloggs_specialK.png);	
}
#main-panel a.five {
	background-image:url(../img/groceries/simplycereal_balancemuesli.png);	
}
#main-panel a.six {
	background-image:url(../img/groceries/wholewheat_pronutro.png);	
}


/* Compare panel */

#compare-panel {
	margin-top:8px;
}
#compare-panel .head {
	background-image:url(../img/long-head.png);
	background-repeat:no-repeat;
	width:621px;
	height:5px;
	display:block;
}
#compare-panel .body {
	background-image:url(../img/long-body.png);
	background-repeat:repeat-y;
	width:621px;
	height:245px;
	display:block;
	border:0px solid red;
	overflow:visible;
}
#compare-panel .foot {
	background-image:url(../img/long-foot.png);
	background-repeat:no-repeat;
	width:621px;
	height:9px;
	display:block;
	overflow:visible;
}
#compare-panel .inner {
	border:0px solid red;
	margin-left:5px;
	width:605px;
	height:99%
}
#compare-panel .compare-content {
	border:0px solid blue;
	height:100%;
}
#compare-panel .compare-content .pretext {
	padding-left:5px;
	border:1px solid red;
}
#compare-panel .compare-content .item {
	border:0px solid red;
	width:289px;
	float:left;
	height:215px;
	margin-left:10px;
	margin-top:5px;
	display:none;
}
#compare-panel .compare-content .item table {
	border:1px solid #dfdcdc;
	width:100%;
	height:210px;
	background-color:#f2f1f1;
	color:#a3a1a1;
	margin-top:5px;
	font-size:10px;
}
#compare-panel .compare-content .item table td.table-head {
	background-color:#ece8e8;
	height:27px;
	padding-left:5px;
}
#compare-panel .compare-content .item table td.table-itempic {
	width:120px;
}
#compare-panel .compare-content .item table td.field {
	font-weight:bold;
	font-family:Arial;
	width:100px;
	color:#7E7E7E
}
#compare-panel .compare-content .item table td.field-last {
	font-weight:bold;
	font-family:Arial;
	width:100px;
	color:#7E7E7E;
	padding-bottom:5px;
}
#compare-panel .compare-content .item table td {
	border:0px solid red;
}

/* Tip panel */

#tip-panel {
	margin-top:8px;
	width:310px;
	float:right;
}
#tip-panel .head {
	background-image:url(../img/medium-head.png);
	background-repeat:no-repeat;
	width:310px;
	height:5px;
	display:block;
}
#tip-panel .body {
	background-image:url(../img/medium-body.png);
	background-repeat:repeat-y;
	width:310px;
	/*height:126px;*/
	display:block;
	border:0px solid red;
}
#tip-panel .foot {
	background-image:url(../img/medium-foot.png);
	background-repeat:no-repeat;
	width:310px;
	height:9px;
	display:block;
}
#tip-panel .inner {
	border:0px solid red;
	margin-left:5px;
	width:295px;
	/*height:123px;*/
}
#tip-panel .tip-content {
	padding:15px;
}
#tip-panel .tip-content ul {
	margin-top:15px;
}
/* hi scores panel */

#hiscore-panel {
	margin-top:8px;
	width:310px;
	float:left;
}
#hiscore-panel .head {
	background-image:url(../img/medium-head.png);
	background-repeat:no-repeat;
	width:310px;
	height:5px;
	display:block;
}
#hiscore-panel .body {
	background-image:url(../img/medium-body.png);
	background-repeat:repeat-y;
	width:310px;
	/*height:445px;*/
	display:block;
	border:0px solid red;
}
#hiscore-panel .foot {
	background-image:url(../img/medium-foot.png);
	background-repeat:no-repeat;
	width:310px;
	height:9px;
	display:block;
}
#hiscore-panel .inner {
	border:0px solid red;
	margin-left:5px;
	width:295px;
	/*height:445px;*/
}
#hiscore-panel .tip-content {
	padding:15px;
}
#hiscore-panel .tip-content ul {
	margin-top:15px;
}
.newcontainer {width:621px;}
/* Common */

.body, .inner, .left, .right, .head, .foot, .test, #compare-panel,#hiscore-panel, .newcontainer,#mywrapper { 
	overflow:hidden; 
	display:block; 
}
ul { 	
	margin:0;
	padding:0;
	list-style:none;
}

.heading {
	color:#6a6868;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border:0px solid red;
	padding-left:2px;
}
.link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.bodytext {
	color:#a3a1a1;
	font-family: Tahoma, Arial, Helvetica;
	font-size:11px;
	line-height:1.4em;
}
.tooltip {
	display:none;
	height:75px;
	width:160px;
	border:0px solid #FF0000;
	background-image:url(../img/tooltip.png);
	background-repeat:no-repeat;
	position:absolute;
	border:0px solid red;
	padding:10px;
	color:#646060;
	font-size:11px;
}
.tooltip-link {
	position:absolute;
	/*padding-bottom:0px;*/
	top:60px;
}
#tt1 {
	top:130px;
	left:-5px;
}
#tt2 {
	top:130px;
	left:125px;
}
#tt3 {
	top:130px;
	left:255px;
}
#tt4 {
	top:57px;
	left:-5px;
}
#tt5 {
	top:57px;
	left:125px;
}
#tt6 {
	top:57px;
	left:255px;
}
p#pretext {
	padding-left:3px; padding-top:10px;
}
.next {
	font-weight:normal;
	font-size:11px;
	position:absolute;
	right:0px;
	cursor:pointer;

}
.previous {
	font-weight:normal;
	font-size:11px;
	position:absolute;
	right:40px;
	cursor:pointer;
}
.red
{
	color:#FF0000
}