/* CSS Document */
/* ------------------ Homepage ---------------- */

body {
	text-align:center;
	background:url(/images/background.gif) 50% top repeat-y;
	font:1em Verdana;
}

.access { position:absolute; top:-300em; left:-300em; display:none; }

.clear { clear:both; }

.underSupplier { clear:both; text-align:left; margin:5px 0 10px 0; padding:0 0 10px 0; }

.underSupplier a { font:0.6em/1em Verdana; }

td { font:0.7em/1.2em Verdana; }

#contentBig li { font:0.7em/1.2em Verdana; }

p { font:0.7em/1.2em Verdana; }

/* h2 { font:1em/1em Verdana; }*/

h3 { font:bold 0.8em/1.2em Verdana; color:#008AC4;margin-top:10px; }

h4 { font:bold 0.8em/1.2em Verdana; color:#008AC4; }

a:link { 
	color:#008AC4;
	text-decoration:none;
}

a:visited { 
	color:#008AC4;
	text-decoration:none;
}

a:hover { 
	color:#01A01C;
	text-decoration:none;
}

a:active { 
	color:#008AC4;
}

#top {
	width:760px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

#top #topLinks {
	clear:both;
	background:url(images/navSlither.gif) left top repeat-x;
	width:auto;
	height:30px;
	padding:0 0 0 10px;
	margin:0;
}

#top #topLinks span {
	font:bold 0.85em/27px Verdana;
	color:#FFFFFF;
	padding:0;
	margin:0;
}

#top #topLinks a {
	font:bold 0.85em/27px Verdana;
	text-decoration:none;
	color:#FFFFFF;
	padding:0;
	margin:0;
}

#top #topLinks a:hover {
	font:bold 0.85em/27px Verdana;
	text-decoration:underline;
	color:#FFFFFF;
	padding:0;
	margin:0;
}

#top #topByline {
	clear:both;
	background:url(images/banTitle.gif) left 50% no-repeat;
	height:50px;
	width:auto;
	padding:0;
	margin:0 0 0 10px;
}

#top #logo {
	background:url(images/logoTesco.gif) 10px 50% no-repeat;
	height:90px;
	width:150px;
	float:left;
}

#top #rightTop {
	background:url(images/logoELH.gif) left 50% no-repeat;
	height:90px;
	width:240px;
	float:right;
	margin:0 10px 0 0;
}

#container {
	clear:both;
	width:760px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

#mainSection {
	float:left;
	width:760px;
	margin:0 0 10px 0;
	padding:0;
}

#mainSectionRegion {
	float:right;
	width:570px;
	margin:0;
	padding:0;
}

#contentBig {
	float:right;
	width:580px;
	margin:0;
	padding:0;
}

#contentSmall {
	float:left;
	width:380px;
	margin:0;
	padding:0;
}

#contentBig #mainText {
	clear:both;
	padding:1px 0px 0px 10px;
	margin:0;
}

#contentBig .homepage {
	background:url(images/imageHome.jpg) left top no-repeat;
}

#contentBig .recommend {
	background:url(images/imageRecommend.jpg) left top no-repeat;
}

#contentBig .supplier {
	background:url(images/imageBecome.jpg) left top no-repeat;
}

#contentBig .homepage h2 {
	background:url(images/headingHome.gif) left top no-repeat;
}

#contentBig .recommend h2 {
	background:url(images/headingRecommende.gif) left top no-repeat;
}

#contentBig .supplier h2 {
	background:url(images/headingBecome.gif) left top no-repeat;
}

#mainText h2 {
	width:550px;
	height:22px;
	padding:0;
	margin:0;
}

#contentSmall #mainText p  {
	padding:0 10px;
	margin:0 0 10px 0;
}

#miniText {
	clear:both;
	margin:0;
	padding:0;
	border-top:1px solid #F0F0F0;
}

#miniText .article {
	width:33%;
	float:left;
	margin:0;
	padding:0;
}

#miniText .article h3 {
	margin:10px 10px 0 10px;
	padding:0;
}

#miniText .article h3.articleOne {
	background:url(images/headingWhatsnew.gif) left top no-repeat;
	width:111px;
	height:21px;
}

#miniText .article h3.articleTwo {
	background:url(images/headingLovecheese.gif) left top no-repeat;
	width:123px;
	height:21px;
}

#miniText .article h3.articleThree {
	background:url(images/headingSpotlighton.gif) left top no-repeat;
	width:132px;
	height:21px;
}

#miniText .article p {
	margin:10px;
	padding:0;
}

#miniText .left {
	border-right:1px solid #F0F0F0;
}

#miniText .right {
	border-left:1px solid #F0F0F0;
}

#supplierText {
	clear:both;
	margin:0;
	padding:0 10px;
}

#supplierText .supplier {
	margin:10px 0 0 0;
	padding:0;
	border-top:1px solid #F0F0F0;
}

#supplierText .supplier h4 {
	margin:10px 0 0 0;
	padding:0;
	font:bold 0.8em/1.2em Verdana;
	color:#008AC4;
}

#supplierText .supplier p {
	margin:10px 0 0 120px;
	padding:0;
}

#rightNav {
	float:left;
	width:160px;
	margin:0 0 0 0px;
	padding:0;
}

#rightNav #chooseRegion {
	background:url(images/banChoose.gif) left top no-repeat;
	width:180px;
	height:60px;
	padding:0;
	margin:0;
}

#rightNav #chooseRegion form {
	padding:0;
	margin:0;
}

#rightNav #chooseRegion form select {
	padding:0;
	margin:10px 0 0 8px;
	width:10.5em;
	font:0.7em/1.2em Verdana;
}

#rightNav .banner {
	width:180px;
	height:95px;
	margin:0;
	padding:0;
}

#rightNav .banner a {
	width:180px;
	height:95px;
	margin:0;
	padding:0;
	display:block;
}

#rightNav .one {
	background:url(images/banRecommend.gif) left top no-repeat;
	margin:5px 0 0 0;
	padding:0;
}

#rightNav .two {
	background:url(images/banBecome.gif) left top no-repeat;
	margin:10px 0 0 0;
	padding:0;
}

#leftNav {
	float:left;
	width:180px;
	margin:0 10px 0 0;
	padding:0;
}

#leftNav dl {
	background:#F9F9F9;
	width:178px;
	margin:0;
	padding:0;
	border:1px solid #E2E1E1;
}

#leftNav dl dt {
	background:#E2E1E1;
	width:168px;
	margin:0;
	padding:0 0 0 10px;
	font:bold 0.9em/30px Verdana;
	color:#000000;
}

#leftNav dl dd {
	background:url(../region/images/arrow.gif) left 4px no-repeat;
	width:156px;
	margin:5px 0 5px 10px;
	padding:0 0 0 10px;
	font:0.7em/1.3em Verdana;
}

#leftNav dl dd dl {
	margin:0;
	padding:0;
	border:none;
	width:144px;
}

#leftNav dl dd dl dd {
	width:134px;
	background:none;
	margin:5px 0 5px 0;
	padding:0 0 0 10px;
	font:1em/1.3em Verdana;
}	

#bottomLinks {
	clear:both;
	background:url(images/navSlither.gif) left top repeat-x;
	width:auto;
	height:30px;
	margin:10px 0 0 0;
	padding:0;
}

#bottomLinks #center {
	clear:both;
	background:url(images/navSlither.gif) left top repeat-x;
	width:auto;
	height:30px;
	margin:0 auto;
	padding:0;
	text-align:center;
}

#bottomLinks #center span {
	font:bold 0.85em/27px Verdana;
	color:#FFFFFF;
	padding:0;
	margin:0;
}

#bottomLinks #center a {
	font:bold 0.85em/27px Verdana;
	text-decoration:none;
	color:#FFFFFF;
	padding:0;
	margin:0;
}

#bottomLinks #center a:hover {
	font:bold 0.85em/27px Verdana;
	text-decoration:underline;
	color:#FFFFFF;
	padding:0;
	margin:0;
}

#form {
	background:#F9F9F9;	
	border:1px solid #E2E1E1;
	padding:10px;
	margin:0;
}

#form h2 {
	clear:both;
	font:bold 1em/1.2em Verdana;
	color:#008AC4;
	border-top:1px solid #E2E1E1;
	padding:10px 0 10px 0;
	margin:10px 0 10px 0;
}

#form h2.first {
	clear:both;
	font:bold 1em/1.2em Verdana;
	color:#008AC4;
	border:none;
	padding:10px 0 10px 0;
	margin:10px 0 10px 0;
}

#form .formSection input {
	margin:0 0 10px 0;
	width:540px;
}

#form .formSection textarea {
	margin:0 0 10px 0;
	width:540px;
}

#form .submit input {
	margin:10px 0 10px 0;
	clear:both;
	float:left;
}

#form .left input { width:255px; }
#form .right input { width:255px; }

#form .left { float:left; width:265px; padding-right:5px; }
#form .right { float:left; width:265px; padding-left:5px; }

label { 
	font:bold 0.7em/1.2em Verdana,sans-serif;
	width:100%;
	color:#000000;
	margin:0 0 4px 0;
	padding:0;
	letter-spacing:0px;
	clear:both;
	float:left;
}

fieldset { margin:0; padding:0; border:0; }

.guides
{
border:1px solid #DD1188;
margin-top:10px;
margin-bottom:10px;
}

.guides h3
{
background-color:#DD1188;
color:#FFF;
}

.guides li
{
padding:5px 5px;
}

.right a
{
color:#008AC4;
font:bold 0.7em/1.2em Verdana,sans-serif;
}

#homeCont a:hover, #content .right a:hover, #content .right a:visited:hover
{
color:#01A01C;
}

.right h3
{
margin:0px;
padding:5px 10px;
xfont-size:1.6em;
}

.right ul
{
list-style:none;
padding:0px;
margin:0px;
font-size:0.9em;
line-height:1.2em;
}

.right div.bestsellers h3
{
color:white;
}

.right div.bestsellers li
{
background-color:#F9F9F9;
}

.right div.bestsellers a
{
display:block;
padding:10px;
text-decoration:none;
}

.right div.bestsellers li a span
{
text-decoration:underline;
}

.right div.bestsellers li a span.save
{
display:block;
font-size:1.2em;
font-weight:bold;
color:#EE1C2E;
margin-top:4px;
text-decoration:none;
}

.right div.guides
{
border:1px solid #747373;
margin-top:10px;
margin-bottom:10px;
}

.right div.guides h3
{
background-color:#747373;
color:#FFF;
}

.right div.guides li
{
padding:5px 10px;
}

.right p.order
{
background:url(/p/i/bnrOrderSml.gif) no-repeat top left;
height:50px;
margin:10px 0;
}