/* -------------------------------------------------------------- 
  
   EIA STYLE SHEET
   Uses Boilerplate Screen Styles v0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";


/* Page
-------------------------------------------------------------- */

body { padding: 0; background: #B4C3D2 url(../images/bg.gif)}
#page { margin: 20px auto 7px auto; width: 890px; padding: 25px 10px 25px 25px; background: #000}
.glossary #page, .form #page { background: #000 url(../images/fridge_small.gif) no-repeat}




/* Body
-------------------------------------------------------------- */

#content {margin: 0;}

#article { float: left; width: 450px; margin: 0 40px 0 0;
	min-height:545px;
  	height:auto !important;
  	height:545px;}

.glossary #article, .form #article { width: 870px; margin: 0;}

#sidebar { float: left; width: 395px; margin: 0;}



/* Main col
-------------------------------------------------------------- */

#topnav {margin-top: -25px; margin-left: 140px; width: 290px; text-align: center; color: #777; }
#topnav a {color: #aaa}
#topnav a:hover { color: #9ED9EA;}

.mainbox {padding: 10px 10px 0 10px; margin: 0 0 0 0; float: left; width: 410px; border: 1px #666 solid; border-top: none}

.glossary .mainbox, .form .mainbox {width: 847px}

#topbox, #topbox1, #topbox2 {margin-top: 40px; padding-top:5px; border-top: 1px #666 solid; background: url(../images/score.gif); background-position: right top; background-repeat: no-repeat}

#topbox1 {margin-top: 0px}

#topbox2 {background: none}

#bottombox {background: url(../images/bottombox.gif) repeat-y; margin-bottom: 30px}

#bottombox1 {margin-bottom: 20px}

#bin #bottombox {background: none; margin-bottom: 20px}

.lefttext {float: left; width: 157px;}
.righttext {float: left; width: 253px;}

h1 {float: left}
#ratings h2, #bin h2 {float: right; color: black}
#home h1 {font-size: 2em}
.smaller {font-size: 70%}

.smalltext, #smallprint p {font-size: 86%}


.lefttext img {margin: 5px 0 0 0}

#summarybox {font-size: 110%}

#smallprint {border:none; padding: 0; margin-top:15px}


.leftcol { float: left; width: 395px; margin: 0 45px 0 0; }

.rightcol { float: left; width: 390px; margin: 0; }

.rightcol .leftcol { float: left; width: 160px; margin: 0 20px 20px 0;}

.rightcol .rightcol { float: left; width: 170px; margin: 0 0 20px 0;}


form p label.error { float: none; color: #fc0; width: 260px; }




/* Article
-------------------------------------------------------------- */

.alignleft {
	float: left;
	margin: 2px 12px 6px 0;
	}
	
.alignright {
	float: right;
	margin: 2px 0px 6px 12px;
	}


/* Sidebar
-------------------------------------------------------------- */

#fridge {position: absolute; z-index:5}


.footer {text-align: center; font-size: 90%; color: #666; line-height:1.8em}
.footer a {color: black}



/* Image replace
-------------------------------------------------------------- */

.action {
	margin-left:110px;
 	height: 29px; width: 210px;
	background-image: url(../images/action.gif);
	float:left;
	text-indent: -10000px;
}

.action a:hover {
	background-image: url(../images/action1.gif);
	background-repeat: no-repeat;
}
	
.action a {
 	height: 29px;
	text-decoration: none;
	display: block;}


.stop {
	margin-left:0px;
 	height: 50px; width: 408px;
	background-image: url(../images/stop.gif);
	float:left;
	text-indent: -10000px;
}

.stop a:hover {
	background-image: url(../images/stop1.gif);
	background-repeat: no-repeat;
}
	
.stop a {
 	height: 50px;
	text-decoration: none;
	display: block;}
	
	
	
#sidebar p {position: absolute; z-index:10}

#sidebar p span {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;}
	
#sidebar p a {
	text-decoration: none;
	display: block;}

.nav01 {
	margin: 63px 0 0 52px;
	width: 152px; height: 58px;
	background: url("../images/nav01b.png") no-repeat;
	}
	
.nav01 a {height: 58px;}
	
.nav01 a:hover {background: url("../images/nav01a.png") no-repeat;}


.nav02 {
	margin: 53px 0 0 200px;
	width: 141px; height: 70px;
	background: url("../images/nav02b.png") no-repeat;
	}
	
.nav02 a {height: 70px;}
	
.nav02 a:hover {background: url("../images/nav02a.png") no-repeat;}


.nav03 {
	margin: 125px 0 0 40px;
	width: 162px; height: 62px;
	background: url("../images/nav03b.png") no-repeat;
	}
	
.nav03 a {height: 62px;}
	
.nav03 a:hover {background: url("../images/nav03a.png") no-repeat;}


.nav04 {
margin: 115px 0 0 210px;
	width: 122px; height: 75px;
	background: url("../images/nav04b.png") no-repeat;
	}
	
.nav04 a {height: 75px;}
	
.nav04 a:hover {background: url("../images/nav04a.png") no-repeat;}


.nav05 {
	margin: 185px 0 0 75px;
	width: 207px; height: 61px;
	background: url("../images/nav05b.png") no-repeat;
	}
	
.nav05 a {height: 61px;}
	
.nav05 a:hover {background: url("../images/nav05a.png") no-repeat;}


.nav06 {
	margin: 252px 0 0 48px;
	width: 156px; height: 58px;
	background: url("../images/nav06b.png") no-repeat;
	}
	
.nav06 a {height: 58px;}
	
.nav06 a:hover {background: url("../images/nav06a.png") no-repeat;}


.nav07 {
	margin: 252px 0 0 220px;
	width: 117px; height: 62px;
	background: url("../images/nav07b.png") no-repeat;
	}
	
.nav07 a {height: 62px;}
	
.nav07 a:hover {background: url("../images/nav07a.png") no-repeat;}



.nav08 {
	margin: 320px 0 0 55px;
	width: 120px; height: 52px;
	background: url("../images/nav08b.png") no-repeat;
	}
	
.nav08 a {height: 52px;}
	
.nav08 a:hover {background: url("../images/nav08a.png") no-repeat;}


.nav09 {
	margin: 320px 0 0 195px;
	width: 139px; height: 54px;
	background: url("../images/nav09b.png") no-repeat;
	}
	
.nav09 a {height: 54px;}
	
.nav09 a:hover {background: url("../images/nav09a.png") no-repeat;}



.nav10 {
	margin: 370px 0 0 150px;
	width: 81px; height: 57px;
	background: url("../images/nav10b.png") no-repeat;
	}
	
.nav10 a {height: 57px;}
	
.nav10 a:hover {background: url("../images/nav10a.png") no-repeat;}








.waitrose .nav01 {background: url("../images/nav01a.png") no-repeat;}
.tesco .nav02 {background: url("../images/nav02a.png") no-repeat;}
.sainsburys .nav03 {background: url("../images/nav03a.png") no-repeat;}
.marks_and_spencer .nav04 {background: url("../images/nav04a.png") no-repeat;}
.co-operative .nav05 {background: url("../images/nav05a.png") no-repeat;}
.morrisons .nav06 {background: url("../images/nav06a.png") no-repeat;}
.lidl .nav07 {background: url("../images/nav07a.png") no-repeat;}
.iceland .nav08 {background: url("../images/nav08a.png") no-repeat;}
.asda .nav09 {background: url("../images/nav09a.png") no-repeat;}
.aldi .nav10 {background: url("../images/nav10a.png") no-repeat;}


p.eia-credit {margin:535px 0 0 30px; font-size:11px}