/* ----------------------------------------------------------------
   Tesco Microsite 
   copyright © Trash Design
   http://www.trashdesign.co.uk
   ---------------------------------------------------------------- */

html, body {
 border:0;
 margin:0;
 padding:0;
}

body {
 color:#000000;  
 text-align:center;
 min-width: 950px;
 font-family: Arial, sans-serif;
 font-size: 12px;
 background-color: white;
}

img {
 border : 0px;
}

a {
 text-decoration: none;
 outline: none;
}

#content {
 background-color: transparent;
 text-align: center;
 position: absolute;
 top: 50%;
 left: 0px;
 width: 100%;
 height: 1px;
 overflow: visible;
 visibility: visible;
 display: block;
}

#box {
 width: 950px;
 height: 580px;
 margin-left: -475px;
 position: absolute;
 top: -290px;
 left: 50%;
 position: absolute;
 visibility: visible;
 background-color: white;
 border: thin solid #000000;
}


div#misc {
	width: 950px; 
	height: 25px;
	line-height: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:9px; 
	text-align: right;
	position: absolute;
	top: 290px;
	left: 50%;
	margin-left: -475px;
	color: #777;
}

/* ----------------------------------------------------------------
   HEADER SECTION
   ---------------------------------------------------------------- */

#tescologo {
 width: 379px;
 height: 75px;
 top: 20px;
 left: 40px;
 position: absolute;
 visibility: visible;
 background-color: transparent;
}

#home {
 width: 484px;
 height: 346px;
 top: 0px;
 right: 0px;
 position: absolute;
 visibility: visible;
 background-color: transparent;
 background-image: url(logo.gif);
}

#hometext {
 width: 420px;
 height: 341px;
 top: 95px;
 left: 40px;
 position: absolute;
 visibility: visible;
 background-color: transparent;
 background-image: url(home.gif);
}

#counthold {
 width: 450px;
 height: 90px;
 top: 346px;
 right: 0px;
 position: absolute;
 visibility: visible;
 background-color: transparent;
}

#countdown {
 width: 450px;
 height: 90px;
 top: 0px;
 right: 0px;
 position: absolute;
 visibility: visible;
 background-color: transparent;
}

/* ----------------------------------------------------------------
   MAIN SECTION
   ---------------------------------------------------------------- */

.area {
 position: absolute;
 overflow: auto;
 top: 0px;
 left: 20px;
 width: 450px;
 height: 310px;
 background-color: transparent;
}

.head {
 position: relative;
 text-align: left;
 width: 420px;
 height: 40px;
}   
   
.text {
 position: relative;
 padding-right: 10px;
}

.text p {
 font-family: Arial, Helvetica;
 font-size: 12px;
 line-height: 14px;
 color: #2b2728;
 text-align: left;
}

.text a {
 font-family: Arial, Helvetica;
 font-size: 12px;
 font-weight: bold;
 text-decoration: underline;
 color: #3bb3e8;
}

.text a:hover {
 font-family: Arial, Helvetica;
 font-size: 12px;
 font-weight: bold;
 color: #3bb3e8;
 background-color: #2b2728;
}

.form {
 position: relative;
 width: 420px;
 height: 240px;
 background-color: transparent;
}

#sign {
 width: 935px;
 height: 310px;
 top: 117px;
 left: 13px;
 position: absolute;
 visibility: visible;
 background-color: transparent;
 background-image: url(boxbg.gif);
 z-index:4;
}

#suggest {
 width: 935px;
 height: 310px;
 top: 117px;
 left: 13px;
 position: absolute;
 visibility: visible;
 background-color: transparent;
 background-image: url(boxbg.gif);
 z-index:3;
}

#about {
 width: 935px;
 height: 310px;
 top: 117px;
 left: 13px;
 position: absolute;
 visibility: visible;
 background-color: transparent;
 background-image: url(boxbg.gif);
 z-index:2;
}

#contact {
 width: 935px;
 height: 310px;
 top: 117px;
 left: 13px;
 position: absolute;
 visibility: visible;
 background-color: transparent;
 background-image: url(boxbg.gif);
 z-index:1;
}

/* ----------------------------------------------------------------
   NAVIGATION SECTION
   ---------------------------------------------------------------- */

#nav {
 width: 950px;
 height: 144px;
 bottom: 0px;
 left: 0px;
 position: absolute;
 visibility: visible;
 background-color: transparent;
}

#home_butt {
 width: 158px;
 height: 144px;
 position: absolute;
 visibility: visible;
 left: 0px;
 background-color: transparent;
}

#home_butt a {
 width: 158px;
 height: 144px;
 display:block;
 outline: none;
 background-image: url(homepage.gif);
 background-position: 0px 0px; 
}

#home_butt a:hover {
 background-position: 0px -144px;
}

#about_butt {
 width: 158px;
 height: 144px;
 position: absolute;
 visibility: visible;
 left: 154px;
 background-color: transparent;
}

#about_butt a {
 width: 158px;
 height: 144px;
 display:block;
 outline: none;
 background-image: url(about.gif);
 background-position: 0px 0px; 
}

#about_butt a:hover {
 background-position: 0px -144px;
}

#sign_butt {
 width: 158px;
 height: 144px;
 position: absolute;
 visibility: visible;
 left: 308px;
 background-color: transparent;
}

#sign_butt a {
 width: 158px;
 height: 144px;
 display:block;
 outline: none;
 background-image: url(sign.gif);
 background-position: 0px 0px; 
}

#sign_butt a:hover {
 background-position: 0px -144px;
}

#suggest_butt {
 width: 158px;
 height: 144px;
 position: absolute;
 visibility: visible;
 left: 462px;
 background-color: transparent;
}

#suggest_butt a {
 width: 158px;
 height: 144px;
 display:block;
 outline: none;
 background-image: url(suggest.gif);
 background-position: 0px 0px; 
}

#suggest_butt a:hover {
 background-position: 0px -144px;
}

#contact_butt {
 width: 158px;
 height: 144px;
 position: absolute;
 visibility: visible;
 left: 616px;
 background-color: transparent;
}

#contact_butt a {
 width: 158px;
 height: 144px;
 display:block;
 outline: none;
 background-image: url(contact.gif);
 background-position: 0px 0px; 
}

#contact_butt a:hover {
 background-position: 0px -144px;
}

#RC{
 width: 163px;
 height: 144px;
 position: absolute;
 visibility: visible;
 right: 0px;
 text-align: left;
 margin-top: 9.5px;
 margin-left: 4.5px;
 background-color: transparent;
}

html>body #RC {width: 158px; height: 125px;}

/* ----------------------------------------------------------------
   FOOTER SECTION
   ---------------------------------------------------------------- */

#copyright {
 top: 665px;
 right: 0px;
 position: absolute;
 visibility: visible;
 text-align: right;
 text-align: center;
 color: #7a95c9;
 font-size: 10px;
 background-color: transparent;
}

#copyright a {
 text-decoration: none;
 color: #7a95c9;
 font-size: 10px;
 font-weight: bold;
}

#copyright a:hover {
 text-decoration: none;
 color: #7a95c9;
 background-color: #273f92;
}