/*COMMON STYLES*/
html, body {
  width:100%;
  margin:0;
  padding:0;
}

body {
  background:#34457e url(bg.jpg) no-repeat top left;
  color:white;
  font-family:'Myriad Pro', 'Arial', 'Lucida Sans', sans-serif;
  font-size:12px;
}

p{margin:8px 0 ;}

h1, h2,h3,h4,h5,h6 {
color:#ed145b;
margin:0;
font-weight:bold;
}
section {z-index:5; clear:both;}

h2 {font-size:20px;}
h3 {font-size:16px;}
.limitter {
  width:985px;
  position:relative;
  height:750px;
}

.relative { position:relative;}




/*loading*/

#loader  {display:block; margin:0 auto; position:absolute; top:300px; left:400px;}



/*Facebook Share this page -content*/
div#fb-share-content {display:none;}


/*Page styles*/

div#start-bg {
  background:url(start-gifts.png) no-repeat top left;
  position:absolute;
  z-index:0;
  top:280px;
  left:435px;
}

div#start-bg, div#start-bg .relative {
  height:434px;
  width:553px;
}

div#start-bg a {
  display:block;
  position:absolute;
  height:100px;
  width:100px;
  z-index:15;

}

div#start-bg a span {display:none;}

div#start-bg a.menu-opt1 {
  left:110px;
  top:60px;
  height:200px;
  width:130px;
}

div#start-bg a.menu-opt2 {
  height:150px;
  left:140px;
  top:210px;
  width:130px;
}


div#start-bg a.menu-opt3 {
  height:140px;
  left:280px;
  top:170px;
  width:180px;
}



.voted div#start-bg {display:none;}

nav#langnavi {
  position:absolute;
  top:0;
  right:10px;
  display:block;
  padding:10px 0 0 0;
}

nav#langnavi a {
  color:white;
  text-decoration:none;

}
nav#langnavi a:hover {
  text-decoration:underline;
}

header#mainheader span{
  display:none;
}


section.scroll {
  display:block;
  height:467px;
  width:488px;
  background:url('scroll.png');
  margin:130px 0 0 100px;
  color:#222;
  font-size:14px;
}

section.scroll div {
  padding:90px 120px 10px 100px;
}

section.scroll  a {
color:#0475b9;
text-decoration:none;
}
section.scroll  a:hover {
color:#0475b9;
text-decoration:underline;
}

section.scroll div#beforevote {display:block;}
section.scroll div#beforevote p {font-size:16px; margin-top:20px;}

section.scroll div#aftervote {display:none; padding-top:60px;}
section.scroll div#aftervote a {
  border:0;
  display:block;
  padding:120px 0 0 40px;
  background:transparent url(voted-scroll-teddy.png) no-repeat top center;

  }



/*
section.scroll div#aftervote p.last {padding-top:120px;}
*/
section.scroll p ,
section.scroll h2 ,
section.scroll h3  {
  text-align:center;
  z-index:10;

}


section.vote-info {
  display:none;
  position:absolute;
  height:505px;
  width:485px;
  top:180px;
  left:500px;
}



section.vote-info div.info-bg {
  display:none;
  background-image:url(info-bg-sprite_nobuttons.png);
  background-repeat:no-repeat;
  height:505px;
}

section.vote-info div.info-bg div.relative {
  padding:110px 90px 0 100px;
  color:#222;
  font-size:14px;
}

section.vote-info div.info-bg div.relative h2{ color:#222; font-weight:bold; font-size:18px;}

div#info-opt1 {
  background-position:top left;
}

div#info-opt2 {
  background-position:-506px 0;
}

div#info-opt3 {
  background-position:-1010px 0;
}

section.vote-info div.info-bg a.btn_selection {
  position:absolute;
  color:white;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  top:332px;
  left:100px;
  padding:9px 0 0px 65px;
  display:block;
  height:30px;
  width:120px;
}


section.vote-info div.info-bg a.btn_back{
  font-size:12px;
  color:#002b5c;
  text-decoration:none;
}


section.meters {
  display:none;
  width:500px;
  height:542px;
  position:absolute;
  left:470px;
  top:200px;
}

section.meters div.relative{
  height:542px;
  width:500px;
}

section.meters div.bars {
  width:500px;
  height:265px;
  position:absolute;
  top:95px;

}

section.meters div.bars div.relative  {
  height:265px;
}

/*relative div added between these two*/
section.meters div.meter {
  position:absolute;
  bottom:0;
  width:39px;
  background-image:url(meters-sprite.png);
  background-repeat:no-repeat;
  height:1px;
}

.voted section.meters {
display:block;
}

section.meters div.meter {
  height:1%
}

section.meters div#opt1 {
  left:127px;
  background-position:bottom left;
}

section.meters div#opt2 {
  left:228px;
  background-position:bottom center;

}

section.meters div#opt3 {
  left:332px;
  background-position:bottom right;

}

section.meters div#tubes {
  position:absolute;
  z-index:10;
  bottom:0;
  left:0;
  width:500px;
  height:542px;
  background:url(tubes.png) no-repeat top left
}

section.meters div#tubes div.percent-label{
  position:absolute;
  font-size:16px;
  font-weight:bold;
  top:375px;
  height:30px;
  width:30px;
  color:#444;
}

div#label-opt1 {

  left:132px;
}
div#label-opt2 {

  left:235px;
}
div#label-opt3 {

  left:337px;
}

div.selected-cat {
  background-image:url(voted-labels-sprite.png);
  background-repeat:no-repeat;
  height:80px;
  width:130px;
  position:absolute;
  display:none;
}

div.selected-cat span {display:none;}

div#selected-opt1 { top:60px; left:70px;}
div#selected-opt2 { top:45px; left:170px;}
div#selected-opt3 { top:55px; left:285px;}



menu#categories {
  position:absolute;
  width:445px;
  height:200px;
  bottom:70px;
  left:110px;
  margin:0;
  padding:0;
  z-index:15;
}



  div.menu-bg {
    background-image:url(vote-menus-sprite.png);
    background-repeat:no-repeat;
    position:absolute;
    display:block;
  }




  div#menu-bg-opt1 {
    left:-20px; top:50px;
    background-position:9px -170px;
    width:230px;
    height:190px;
  }

  div#menu-bg-opt2 {
    left:135px; top:0px;
    background-position: -211px -172px;
    width:220px;
    height:170px;
  }

  div#menu-bg-opt3 {
    left:255px; top:40px;
    background-position:-443px -142px;
    width:220px;
    height:150px;
  }

    div#menu-bg-opt1.hover,
    div#menu-bg-opt1.active {
      background-position:9px 0px;
    }

    div#menu-bg-opt2.hover,
    div#menu-bg-opt2.active {
      background-position: -211px 2px;
    }

    div#menu-bg-opt3.hover,
    div#menu-bg-opt3.active {
      background-position:-440px 0px;
    }

menu#categories a {
  display:block;
  height:80px;
  width:160px;
  position:absolute;
  outline:0;
  text-decoration:none;
  font-size:14px;
  color:#222;

}

menu#categories a.active {color:#ed145b;}

menu#categories a span {
  display:block;
  margin:30px 20px 0 50px;
}

menu#categories a:hover  span {
  padding-top:2px;
}
menu#categories a.menu-opt1 {
  left:10px;
  top:70px;
}

menu#categories a.menu-opt1  span {
  margin:25px 20px 0 60px;
}

menu#categories a.menu-opt2 {
  left:170px;
  top:10px;
}
menu#categories a.menu-opt2  span {
  margin:35px 22px 0 50px;
}

menu#categories a.menu-opt3 {
  left:290px;
  top:55px;
  -webkit-transform: rotate(-11deg);
   -moz-transform: rotate(-11deg);
}

menu#categories a.menu-opt3  span {
  margin:35px 22px 0 50px;
}




footer {
  display:block;
  text-align:right;
  height:40px;
  position:relative;
  top:15px;
  z-index:20;
  padding: 0 380px 0 0;
}

footer a {
  color:#002b5c;
  font-weight:bold;
  text-decoration:none;

}

footer a:hover {
  text-decoration:underline;

}

nav.footer-socials {
display:block;
width:170px;
right:200px;
top:-30px;
height:140px;
position:absolute;
background:url(socials.png) no-repeat top left;
}

nav.footer-socials a  {
  display:block;
  float:left;
  height:100px;

}

nav.footer-socials a:hover span  {display:block;}


nav.footer-socials a#facebook  {width:100px;text-align:right;}
nav.footer-socials a#twitter {width:70px;text-align:left;}


nav.footer-socials a span {
  display:none;
  padding:80px 0 0 0;
}
/*FI */
body.fi header#mainheader {
  background:url(header_fi.png) no-repeat bottom left;
  height:70px; width:440px;
  margin:0 0 0 50px;
  display:block;
}

body.fi div#selected-opt1 {background-position: top left;}
body.fi div#selected-opt2 {background-position: top center;}
body.fi div#selected-opt3 {background-position: top right;}

/*EN */
body.en header#mainheader {
  background:url(header_en.png) no-repeat bottom left;
  height:70px; width:500px;
  margin:0 0 0 20px;
  display:block;
}

body.en div#selected-opt1 {background-position: bottom left;}
body.en div#selected-opt2 {background-position: bottom center;}
body.en div#selected-opt3 {background-position: bottom right;}


body.en menu#categories a.menu-opt1  span {
  margin:25px 20px 0 65px;
}
body.en menu#categories a.menu-opt2  span {
  margin:25px 22px 0 60px;
}

body.en menu#categories a.menu-opt3  span {
  margin:25px 22px 0 50px;
}

.loading section ,
.loading menu,
.loading navi,
.loading #mainheader,
.loading #start-bg,
.loading footer {display:none;}