/* ============================= */
/* ========= reset css ========= */
/* ============================= */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent }

body{line-height:1; }

ol, ul {list-style:none;}

blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}

:focus {outline:0;}

ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse; border-spacing:0;}

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* ========= holding css ========= */

.site { width:100%;}
.container { width:970px; height:1484px; background:url(../images/bg_landing_page.jpg) no-repeat left top; margin:0 auto; position:relative;}
.pampersLogo { position:absolute; left:65px; top:23px; width:222px; height:82px;}
.babyToddler { position:absolute; left:34px; top:119px; width:445px; height:38px;}
h1 { position:absolute; left:20px; top:190px; text-indent:-9000px;}
h2 { position:absolute; right:0px; top:0px; text-indent:-9000px; background: url(../images/img_heart_free_pampers_hamper_04.jpg) no-repeat left top; width:315px; height:298px;}
h3 { position:absolute; left:20px; top:480px; text-indent:-9000px; font-family:Verdana, Geneva, sans-serif; color:#666666; font-size:0.74em; font-weight:700; width:auto;}
h5 { position:absolute; left:20px; top:230px; text-indent:-9000px; font-family:Verdana, Geneva, sans-serif; color:#666666; font-size:0.74em; font-weight:700; width:auto;}

/*Titles*/
.landingStep1 {background:url(../images/tit_landing_step_01.gif) no-repeat left top; width:409px; height:59px;}
.landingStep2 {background:url(../images/tit_landing_step_02.gif) no-repeat left top; width:488px; height:59px;}
.landingStep3 {background:url(../images/tit_landing_step_03.gif) no-repeat left top; top:320px; width:597px; height:99px;}


.popUpPages {background:url(../images/bg_holding_page.jpg) no-repeat left top; height:680px !important;}
.titTesco {background:url(../images/tit_tesco.gif) no-repeat left top; width:562px; height:99px;}
.titVillage {background:url(../images/tit_village.gif) no-repeat left top; width:562px; height:99px;}

.pampersProcuts { position:absolute; right:10px; top:305px; width:398px; height:255px;}
.tescoLogo { position:absolute; right:0px; bottom:0px; width:167px; height:74px;}

.textBox { width:302px; height:103px; background:url(../images/bg_text_box.gif) no-repeat left top; position:absolute; left:154px; top:411px;}
.textBox ul { margin:0; padding:15px 0 0 20px;}
.textBox li { background:url(../images/btn_arrow.gif) no-repeat left 3px; list-style-type:none; padding:0 0 0 15px; margin:0 0 5px 0; font-family:Verdana, Geneva, sans-serif; font-size:0.74em; color:#FFF;}

.mainText { display:block; position:absolute; width:460px; height:74px; left:20px; top:310px; font-family:Verdana, Geneva, sans-serif; color:#009683; font-size:0.74em; font-weight:700; line-height:1.5em;}
.mainText a { color:#a359b4; text-decoration:none;}
.lowerText { display:block; position:absolute; width:440px; height:auto; left:16px; bottom:10px; font-family:Verdana, Geneva, sans-serif; color:#6cc7b5; font-size:0.59em; font-weight:700; line-height:1.5em;}
.lowerLanding { bottom:30px !important; left:40px;}

.landingText { display:block; position:absolute; width:500px; height:auto; left:40px; top:260px; font-family:Verdana, Geneva, sans-serif; color:#666666; font-size:0.86em; font-weight:700; line-height:1.5em;}
.landingText span { color:#9fd213;}
.landingText a { color:#9fd213; text-decoration:none;}

.langingGreenBox { display:block; position:absolute; width:480px; height:auto; left:50px; top:376px; font-family:Verdana, Geneva, sans-serif; color:#FFF; font-size:0.86em; font-weight:700; line-height:1.5em;}
.langingGreenBox a { color:#FFF;}

.landingStep2Text { display:block; position:absolute; width:480px; height:auto; left:40px; top:550px; font-family:Verdana, Geneva, sans-serif; color:#666666; font-size:0.86em; font-weight:700; line-height:1.5em;}
.landingStep2Text span { color:#a359b4;}
.landingStep2Text a { color:#00c2c0; text-decoration:none;}

.landingStep2Box { width:584px; height:270px; position:absolute; left:0px; top:630px; background: url(../images/bg_landing_box_step2.jpg) no-repeat left top;}
.landingStep2Box h4 {font-family:Verdana, Geneva, sans-serif; color:#FFF; font-size:1.30em; font-weight:700; line-height:1.0em; width:400px;padding-left:160px; padding-top:20px;}
.landingStep2Box p { width:395px; padding-left:160px; padding-top:15px; font-family:Verdana, Geneva, sans-serif; color:#FFF; font-size:0.86em; font-weight:700; line-height:1.5em; display:block;}
.landingStep2Box a { color:#FFF;}

.termsBox { width:610px; height:auto; position:absolute; top:440px; left:0px; font-family:Verdana, Geneva, sans-serif; color:#666666; font-size:0.93em; font-weight:700; line-height:1.2em;}
.termsBox span { background: url(../images/tit_terms.gif) no-repeat left top; display:block; width:208px; height:18px; text-indent:-9999px;}
.termsBox p { display:block; width:580px; color:#686868; font-size:0.58em;font-weight:700; line-height:1.5em; padding:0; margin-top:10px;}

.termsBox ul {display:block; width:580px;margin-top:14px; padding:0; padding-left:15px;}
.termsBox li {color:#686868; font-size:0.58em;line-height:1.5em; list-style-type:disc; padding-top:7px; font-weight:700;}

.landingProductBox { width:369px; height:226px; position:absolute; right:0px; top:548px; background: url(../images/img_landing_product_box.jpg) no-repeat left top;}

.boxInsideTit { width:289px; position:absolute; right:45px; top:790px;font-family:Verdana, Geneva, sans-serif; color:#666666; font-size:0.93em; font-weight:700;}
.boxInside { width:289px; height:104px; position:absolute; right:45px; top:820px; background: url(../images/img_box_inside.jpg) no-repeat left top;}
.boxInside ul { padding:10px 0 0 30px; margin:0px; font-family:Verdana, Geneva, sans-serif; color:#FFF; font-size:0.83em; font-weight:700; line-height:1.5em;}
.boxInside li { list-style:disc;}