@charset "utf-8";
@font-face {
    font-family: 'futura_bk_btbook';
    src: url('font/futura-book-bt-webfont.eot');
    src: url('font/futura-book-bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/futura-book-bt-webfont.woff') format('woff'),
         url('font/futura-book-bt-webfont.ttf') format('truetype'),
         url('font/futura-book-bt-webfont.svg#futura_bk_btbook') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'futura_ltlight';
    src: url('font/futura-light-webfont.eot');
    src: url('font/futura-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/futura-light-webfont.woff') format('woff'),
         url('font/futura-light-webfont.ttf') format('truetype'),
         url('font/futura-light-webfont.svg#futura_ltlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'futuramedium';
    src: url('font/futura-webfont.eot');
    src: url('font/futura-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/futura-webfont.woff') format('woff'),
         url('font/futura-webfont.ttf') format('truetype'),
         url('font/futura-webfont.svg#futuramedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ag_futurabold';
    src: url('font/ag-futura-bold-webfont.eot');
    src: url('font/ag-futura-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ag-futura-bold-webfont.woff') format('woff'),
         url('font/ag-futura-bold-webfont.ttf') format('truetype'),
         url('font/ag-futura-bold-webfont.svg#ag_futurabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*//////////////////////////////*/
* { margin: 0;}
html, body { height: 100%; }


/* ----- RESET AND BASICS --------------------------------------------------------------------------- */
html {
	overflow-y: scroll;
}

body, form, div, table, tr, td {
	padding: 0px;
	margin: 0px;
	border: none;
	outline: none;
}

img { border: 0px;}

a:link, a:visited, a:active {		/* Generic hyperlinks */
	color: #00569d;
	text-decoration: underline;
}

a:hover {							/* Generic hyperlinks - hover */
	color: #ed1c24;
	text-decoration: underline;
}

.clear {
	clear: both;
}

p {
	padding: 0px; 
	margin: 0px;
}

h2 {
	font-family: 'futura_bk_btbook';
	font-size: 16px;
	color: #000;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	}
	

h3 {
	font-family: 'futura_bk_btbook';
	font-size: 13px;
	color: #000;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	}
/* ---- form light text----*/	
h4 {
	font-family: 'futura_ltlight';
	font-size: 13px;
	color: #000;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	}


/* ------------------------------------------------------------------------------------------------- */

.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/**
 * For IE 6/7 (trigger hasLayout)
 */
.cf {
    *zoom:1;
}

/* -------------------------------------------------------------------------------------------------- */

#pageWrap {
	margin: auto;
	width: 960px;
	font-family: 'futura_bk_btbook';
	font-size: 12px;
	}

#header {
	position: relative;
	width: 960px;
	height: 56px;
	margin: 20px auto;
	}

.tescoLogo {
	width: 140px;
	float: left;
	}

.eshopBanner {
	width: 429px;
	float: right;
	}

#footer { margin: 10px 0px; }
#footer, .push { height: 58px; /* .push must be the same height as .footer */}

ul {
	margin: 0px;
	padding: 0 0 0 15px;
	}

.numberList li {
	list-style-type:decimal;
	}

/* ------------------------------------------------------------------------------------------------- */
/* ----- INDEX ID(s) and CLASSES ------------------------------------------------------------------- */

.mainContainer {
	background: #54401F url(images/mainbg.jpg) left top no-repeat;
	width: 960px;
	position: relative;
	height:655px;
	}

#introText {
	
	width: 300px;
	font-family: 'ag_futurabold';
	font-size: 36px;
	color: #FFF;
	line-height:43px;
	text-shadow: 1px 1px 10px #000;
	letter-spacing:2px;
	margin:335px 0px 10px 0px;
	
	}
	
#subintroText {
	
	width:400px;
	font-family: 'futuramedium';
	font-size: 20px;
	color: #FFF;
	line-height:26px;
	letter-spacing:0.5px;
	text-shadow: 1px 1px 10px #000;
	}

#contestContainer {
	margin: auto;
	width: 930px;
	height:656px;
	/*border: 1px #3FF solid;*/
}
	
.contestStep1 {
	font-family: 'futura_bk_btbook';
	font-size: 15px;
	color: #FFF;
	line-height: 17px;
	margin-top:-518px;
	margin-left:75px;
	width:160px;
	position: absolute;
	}
	
.contestStep2 {
	font-family: 'futura_bk_btbook';
	font-size: 15px;
	color: #FFF;
	line-height:17px;
	margin-top:-518px;
	margin-left:450px;
	width:120px;
	position: absolute;
	
	}
	
.contestStep3 {
	/*font-family:'futura_bk_btbook';*/
	font-family:'futura_bk_btbook';
	font-size: 15px;
	color: #FFF;
	line-height:16px;
	margin-top:-518px;
	margin-left:660px;
	width:270px;
	position: absolute;
	letter-spacing:0px; 
	}

.thankyou {
	
	margin: auto;
	width: 220px;
	height: 380px;
	margin-left: 20px;
	margin-top: 50px;
	position: absolute;

}
/* ------------------------------------------------------------------------------------------------- */

#maincontent {
	margin: auto;
	width: 320px;
	height: 438px;
	/*border: 1px #F0F solid; */
	position: absolute;
	right: 19px;
	top: 216px;
}

.title {
	font-family:'futuramedium';
	font-size: 18px;
	color: #FFF;
	line-height:16px;
	letter-spacing:1px; 
	}

	
.main {
	font-family: 'futura_bk_btbook';
	font-size: 16px;
	color: #FFF;
	line-height: 17px;
	margin-top:-518px;
	margin-left:75px;
	width:160px;
	position: absolute;
	}

/* --- h6=popup title, h7=pop up text---*/	
h6{
	font-family:'futuramedium';
	font-size: 16px;
	color: #F3BB00;
	line-height:20px;
	margin-bottom:20px;
	margin-top:10px;
	}

h7{
	font-family:'futura_bk_btbook';
	font-size: 13px;
	color: #FFF;
	line-height:20px; 
	}


/* ------------------------------------------------------------------------------------------------- */
.pop-up {position:absolute; top:0; left:-500em}
.pop-up:target {position:static; left:0;}
 
.popBox {
  background:#2C732E;
  position:absolute; left:30%; right:30%; top:30%; bottom:30%;
  z-index:1;
  -webkit-box-shadow:2px 2px 4px #000;
  -moz-box-shadow:2px 2px 4px #000;
  box-shadow:2px 2px 4px #000;
  opacity:0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

:target .popBox {position:fixed; opacity:1;}

.popBox:hover {box-shadow:3px 3px 6px #000;}

.lightbox {display:none; text-indent:initial; background:#000; opacity:0.8; width:100%; height:100%; position:fixed; top:0; left:0; bottom:0; right:0;}
:target .lightbox {display:block}

.close {
  position:fixed; top:20px; right:20px; display:block; width:50px; height:20px; float:right; text-align:center;
  font-family:'futuramedium';
  font-size: 14px;
  color:#fff;
  text-decoration:none;
}


.close:hover {color: #fff;}
.close span {text-indent:-0px; display:block;}


.popScroll {position:absolute; top:9%; left:3%; right:3%; bottom:9%; overflow-y:auto; *overflow-y:scroll; padding-right:0.5em}
  

/* ------------------------------------------------------------------------------------------------- */

.registration .mgac { color: #000; font-family:futuramedium; font-size:16px; display:block; position:relative; top:30px;}
.registration .form { display:block; background:#464646; width:310px; padding:20px; margin:20px;}
#myform, #myform p { color:#333333; font-size:13px; font-family:futuramedium; }
#myform .form-column { display:inline-block; width:310px; margin-bottom:0px; } /*position:relative; border: 1px #000 solid;*/
#myform .form-row {position:relative;}
#myform .form-row textarea { width:310px; margin-left:20px;}
#myform .form-row input { width:281px;  margin-left:10px;}
#myform .form-row label { width:281px;  margin-left:-10px;}
#myform .form-row input.terms { width:auto; margin-top:3px;}
#myform .form-row label.terms { margin-left:10px;}
/* -----------------------NEW ADDED--------------------------------------- */
#myform .form-row input.privacy { width:auto; margin-top:3px;}
#myform .form-row label.privacy { margin-left:10px;}

#myform .form-column p { height:20px; margin:5px 0;}
#myform {line-height:1.5em; padding:10px;}
#myform label { position:absolute; left:20px;}
#myform .form-column input, #myform .form-column select { position:absolute; left:180px; width:120px;}
#myform .form-column input.male { position:absolute; margin-top:3px; left:160px;width:auto;}
#myform .form-column span.male { position:absolute; left:180px;}
#myform .form-column input.female { position:absolute; margin-top:3px; left:240px; width:auto;}
#myform .form-column span.female  { position:absolute; left:260px;}

#myform .submit { background:url(images/submit.png) no-repeat; width:97px; height:36px; border:none; float:right; margin-right:-26px; cursor:pointer;}

/* ------------------------------------------------------------------------------------------------- */
#status {}
#status .message {margin:20px auto; color:#fff; font-size:18px;font-family:'futuramedium'; text-align:center;}
#status a.back { background-color:#ffcb00; color:#000; font-size:18px; width:150px; height:20px; margin:20px auto; padding:10px; display:block; vertical-align:middle;}