@font-face 
{
  font-family: Cocon;
  src: url('../resources/fonts/Cocon-Light.ttf') format('truetype');
}
/*** General ***/
body{
    margin: 0;
    padding: 0;
    font-family: arial;
/*    visibility: hidden;*/
}

a{
    text-decoration: none;
}

img{
    border: 0;
}

ul{
    list-style-type: none;
}

#body{
    width: 960px;
    font-size: 12px;
    position: relative;
}

.cursor{
    cursor: pointer;
}

.clear{
    clear: both;
}
 
.l{
    float: left;
}
 
.r{
    float: right;
}

.error{
    color: #CF0816;
}

.found{
    font-weight: bold;
    color: blue;
}

.width_full{
    width: 100%;
}

.checkbox{
    width: 10px;
}

.hide{
    display: none;
}

.display{
    display: block;
}

.visible{
    visibility: visible;
}

.invisible{
    visibility: hidden; 
}

.text_center{
    text-align: center;
}

.super{
    vertical-align: super;
}

ul.disc_list{
	list-style-type: disc;
}

ul.empty_disc_list{
	list-style-type: circle;
}

.l-10{
    margin-left: 10px;
}

.content-404{
    float: left;
    width: 620px;
    margin-left: 15px;
}

.message-404{
    font-weight: bold;
}

.limonetik_active{
    border: solid 1px red;
    float: left;
    height: 15px;
    margin: -5px 0 0 15px;
    padding: 10px 20px;
    font-size: 14px;
    color: red;
    font-weight: bold;
}

/*** Layout ***/
.layout
{
    margin: 0 auto;
    width: 960px;
    font-size: 11px;
    position: relative;
    color: #333;
}

/** Top **/
div.top
{
    width: 100%;
    padding-top: 10px;
}

.top h1
{
    color: #9cbc13;
    font-size: 20px;
}

.top div.title{
    line-height: 2.5;
}

.top div.login{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 960px -305px;
    width: 157px;
    height: 33px;
    margin-top: -10px;
}

.login .login_text{
    position: absolute;
    top: 8px;
    right: 70px;
    font-weight: bold;
    color: white;
}

#client_desc{
    background-position: 315px -10px;
    height: 87px;
    color: #fff;
    margin-top: -12px;
}

#client_desc a{
    color: #fff;
}

#client_desc a:hover{
    text-decoration: underline;
}

#client_desc div{
    margin-left: 13px; 
    width: 130px; 
    font-size: 9px;
}

#top_name{
    margin: 5px 0px 9px 13px; 
    font-size: 11px; 
    font-weight: 700;
}

#client_desc .my_watts{
    position: absolute; 
    top: 52px; 
    right: 15px;
    color: #fff; 
    width: 70px;
}

#client_desc .my_watts .watt{
    margin: 0px;
    width: 14px;
}

#client_desc .my_watts span{
    margin: 0px 5px 0px 0px; 
    font-size: 12px; 
}

.top div.text{
    position: absolute;
    top: 35px;
    right: 10px;
    font-size: 11px;
}

.top .logout{
    position: absolute;
    top: 85px;
    right: 60px;
}

.top .text a{color: #a0a0a0;}
.top .text a:hover, .top .logout a:hover{text-decoration: underline;}
.top .logout a{color: #808080;}

/** Logo **/
.top .logo{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 880px -150px;
    height: 80px;
    width: 215px;
}
          
/** Separator **/
.top .separator{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 220px -290px;
    width: 1px;
    height: 68px;
    margin: 0 30px;
}

/** Search form **/
#search_engine
{
    width: 165px;
    margin: -6px 5px 0 0;
}

#search_engine .error p{
    margin: 0px 0px 0px 5px;
}

.top .search{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 170px -180px; 
    width: 163px;
    height: 23px;
}

#search{
    width: 140px;
    height: 13px;
    position: relative;
    left: 5px;
    top: 3px;
    border: 0px;
}

.top .search .button{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 400px -210px;
    width: 16px;
    height: 16px;
    border: 0;
    position: relative;
    top: 3px;
}

/** Menu **/
div.menu{
    width: 100%;
    margin-top: 8px;
    height: 40px;
}

.menu ul{
    width : 100%;
    padding: 0px;
    margin: 0px;
}

.menu ul li{
    width: 190px;
    height: 40px;
    display: block;
    float: left;
    position: relative;
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    z-index: 15; 
}

.menu ul #l1:hover,
.menu ul li.brown{
    border-left: 1px solid #9f8a79;
    border-right: 1px solid #EDE7E4;
    border-top: 1px solid #fff;
    background-color: #EDE7E4;
}

.menu ul #l2:hover,
.menu ul li.green{
    border-left: 1px solid #acce00;
    border-right: 1px solid #EAF1CF;
    border-top: 1px solid #fff;
    background-color: #EAF1CF;
}

.menu ul #l3:hover,
.menu ul li.purple{
    border-left: 1px solid #9b8fbf;
    border-right: 1px solid #EBE9F4;
    border-top: 1px solid #fff;
    background-color: #EBE9F4;
}

.menu ul #l4:hover{
    border-left: 1px solid #3F79FF;
    border-right: 1px solid #3F79FF;
    border-top: 1px solid #fff;
    background-color: #D9E4FF;
}

.menu ul #l4.blue{
    border-left: 1px solid #3F79FF;
    border-right: 1px solid #D9E4FF;
    border-top: 1px solid #fff;
    background-color: #D9E4FF;
}

.menu ul #l5:hover,
.menu ul li.orange{
    border-left: 1px solid #FFB01F;
    border-right: 1px solid #FFB01F;
    border-top: 1px solid #fff;
    background-color: #FFEFD2;
}

.menu .width_full{
    padding: 10px 0px 10px 10px;
    height: 30px;
    cursor: pointer;
}

.menu .border_top{
    background-image: url('../images/wattisit-sprite.png');
    height: 1px;
    width: 178px; 
    position: absolute;
    top: -1px;
    left: -1px;
    display: none; 
}

#l1 .border_top{
    background-position: 585px -555px; 
}

#l2 .border_top{
    background-position: 585px -550px; 
}

#l3 .border_top{
    background-position: 585px -540px; 
    width: 197px;
}

#l4 .border_top{
    background-position: 585px -560px; 
    width: 184px;
}

#l5 .border_top{
    background-position: 575px -545px; 
    width: 200px;
}

.menu .border_right{
    background-image: url('../images/wattisit-sprite.png');
    width: 1px;
    height: 41px;
    position: absolute;
    top: -1px;
    right: -1px;
    display: none; 
}

#l4 .border_right{
    background-position: 205px -440px;  
}

#l5 .border_right{
    background-position: 220px -440px;  
}

.menu .border_right_top{
    background-image: url('../images/wattisit-sprite.png');
    height: 1px;
    position: absolute;
    top: 6px;
    left: 191px;
}

#l1 .border_right_top{
    background-position: 585px -505px;  
    width: 374px;
}

#l2 .border_right_top{
    background-position: 585px -500px; 
    width: 380px;
}

#l3 .border_right_top{
    background-position: 585px -495px;
    width: 383px;
}

.menu li.brown .border_top, .menu li.green .border_top, .menu li.purple .border_top,
.menu li.blue .border_top, .menu li.blue .border_right, .menu li.orange .border_top, .menu li.orange .border_right{
    display: block;
} 

.menu .submenu .shadow{
    width: 557px;
    height: 19px;
    background-image: url('../images/wattisit-sprite.png'); 
    background-position: 570px -760px;
    margin-left: 7px;
}

#l3 .submenu .shadow{
    margin-left: 12px;
}

.menu ul li span{
    padding-left: 10px;
} 

.menu div.name{
    font-size: 16px;   
    line-height: 1.5;
    color: #808080;
    padding-left: 10px;
}

.menu div.button{
    background-image: url('../images/wattisit-sprite.png');
    width: 369px;
    height: 32px;
    text-align: center;
}

#l1 div.button{
    background-position: 605px -450px; 
}

#l2 div.button{
    background-position: 605px -410px; 
}

#l3 div.button{
    background-position: 605px -370px; 
}

#l4 div.button{
    background-position: 605px -330px; 
}

#l5 div.button{
    background-position: 605px -290px; 
}

.menu div.button span{
    color: white;
    font-size: 18px;
    line-height: 1.5;
    padding: 0px;
}

.menu .submenu{
    display: none;
    z-index: 15;
    position: absolute;
    top: 34px;    
    padding-top: 6px;
}

.menu .submenu .providers{
    width: 380px;
}

.menu .left{
    left: -1px;
}

.menu .right{
    right: -1px;
}

#menu1{
    padding: 20px 10px 10px 10px;
    background-color: #EDE7E4;
    border: 1px solid #9f8a79;
    width: 550px;
    float: left;
    height: auto;
}

#menu2{
    border: 1px solid #acce00; 
    padding: 20px 10px 10px 10px;
    background-color: #eaf1cf;
    width: 550px;
/*    min-height: 200px;*/
    float: left;
    height: auto;
}

#menu3{
    border: 1px solid #9b8fbf;
    width: 554px;
    padding: 20px 10px 10px 10px;
    background-color: #EBE9F4;
    float: left;
    height: auto;
}

#menu4{
    border: 1px solid #3F79FF;
    padding: 20px 10px 10px 10px;
    background-color: #D9E4FF;
    width: 550px;
    float: left;
    height: auto;
}

#menu5{
    border: 1px solid #FFB01F;
    padding: 20px 10px 10px 10px;
    background-color: #FFEFD2;
    width: 550px;
    float: left;
    height: auto;
}

.menu div.border{
    width: 100%;
    height: 1px;
    display: none;
    z-index: 15;
    position: absolute;
    top: 40px;
    left: 0px;
}

#l1 .border{
    background-color: #EDE7E4;
}

#l2 .border{
    background-color: #eaf1cf;
}

#l3 .border{
    background-color: #EBE9F4;
}

#l4 .border{
    background-color: #D9E4FF;
}

#l5 .border{
    background-color: #FFEFD2;
}

.menu div.partner{
    width: 180px;
    height: 40px;
    background-color : white;
    margin-top: 10px;
    cursor: pointer;
}

.menu div.partner div{
    width: 40px;
    height: 40px;
    background-color : #fff;
    float: left;
}

.menu div.partner span{
    color: #333;
    font-weight: bold;   
    font-size: 13px;
    line-height: 3;
    display: block;
	margin-left: 35px;   
}

.menu div.lp{
    margin-top: 10px;
}

.menu div.rp{
    margin: 10px 0 0 10px;
}

.menu .right div.rp{
    margin: 10px 10px 0px 0px; 
}

.menu .submenu .uni-icon{
    margin: 10px 0 0 40px;
}

/** Slider **/
#sl_background{
    background-image: url('../images/slides-sprite.png');
    background-position: 1990px -850px;
    width: 958px;
    height: 274px;
    border: solid 1px #808080;
}

div.slider{
    position: absolute;
    width: 958px;
    top: 140px;
    height: 274px;
    left: 1px;
    background-color: #0A73B5;
    overflow: hidden;
}

.slider .slides_container {
    width: 100%;
    height: 274px;
}
  
.slider .slides_container div.slide {
    width: 100%;
    height: inherit;
    display: block;
}

.slider .slides_container div.slide p {
    z-index: 1;
    position: absolute;
    top: 45px;
    left: 540px;
    color: white;
    width: 380px;
    font-size: 35px;
    font-family: Cocon;
}

#sp2, #sp3 {
    line-height: 0.8; 
    top: 60px;   
}

.slider .slides_container div.slide div.number{
    z-index: 1;
    position: absolute;
    top: 73px;
    left: 475px;
    color: white;
    font-size: 85px;
    font-family: Cocon;
    width: 55px;
    height: 100px;
    text-align: right;
}

.slider .slides_container div.slide span.subslide{
    font-size: 24px;
}

.pile-de-watt{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 1010px -130px;
    width: 88px;
    height: 47px;   
}

.slider .slides_container div.slide .pile-de-watt{
    position: absolute;
    top: -18px;
    left: 210px;
    z-index: 1;
}

.slider .prev{   
    background-image: url('../images/wattisit-sprite.png');
    background-position: 345px -10px;
    width: 22px;
    height: 44px;
    position: absolute;
    top: 110px;
    z-index: 10;       
}

.slider .next{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 405px -10px;
    width: 22px;
    height: 44px;
    position: absolute;
    top: 110px;
    right: -2px;
    z-index: 10;   
}

.slider .pagination{
    width: 51px;
    height: 20px;
    position: absolute;
    bottom: -5px;
    left: 53px;
/*    *left: 93px;*/
    margin: 0px;
    z-index: 10;
    list-style-type: none;
}

.slider ul.pagination li {
    list-style: none;
    float: left;
    margin-left: 5px;
}

.slider .pagination li a {
    background-image: url('../images/wattisit-sprite.png');
    background-position: 360px -10px;
    display: block;
    width: 11px;
    height: 10px;
    padding-top: 12px;
    float: left;
}

.slider .pagination li.current a {
    width: 10px; 
    background-position: 370px -10px;
}

.slider .widget{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 405px -60px;
    width: 90px;
    height: 25px;
    position: absolute;
    left: 75px;
    bottom: -4px;
    z-index: 10;
}

.slider .subscribe,
.univers_menu .subscribe{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 1190px -10px;
    width: 273px;   
    height: 102px;
    position: absolute;
    right: 60px;
    bottom: 0px;
    color: white;
    z-index: 10;
}

.slider .subscribe span,
.univers_menu .subscribe span{
    position: relative;
    top: 30px;
    left: 60px; 
}

.slider .subscribe span.lower,
.univers_menu .subscribe span.lower{
    top: 37px;
    top: 37px;
}

.slider .subscribe span b,
.univers_menu .subscribe span b {
    font-size: 20px;
}

/** Footer **/
div.footer{        
    background-color: #0a71b3;
    height: 210px;
    width: 100%;
    border-top: 2px solid #93bc06;
}

.footer div.f{
    width: 1000px;
    margin: 0 auto;
}

.f .line{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 220px -365px;
    width: 1px;
    height: 63px;
}

.f div.bl{
    height: 180px;
    width: 315px;
    margin-left: 30px;
    margin-top: 20px
}

.f div.bc{
    height: 180px;
    width: 318px;
    margin-left: 14px;
    margin-top: 20px;
}

.f div.br{
    height: 180px;
    width: 280px;
    margin-top: 25px;
    margin-left: 20px;  
}

.f ul{
    margin: 0px;
    width: 215px;
}

.f ul li{
    height: 25px;
}

.f ul li a{
    color: white;
    font-size: 12px;
}

.f .icons{
    margin-left: 10px;;
}

.f .icons div{
    background-image: url("../images/wattisit-sprite.png");
    width: 30px;
    height: 30px;
}

.f .icons div.facebook{
    background-position: 440px -10px;
}

.f .icons div.twitter{
    background-position: 440px -45px;
    margin-left: 5px;
}

.f div.bli{
    background-image: url("../images/wattisit-sprite.png");
    background-position: 360px -210px;
    margin: -2px 15px 0 0;
    width: 15px;
    height: 17px;
}

/** Newsletter **/
.f .newsletter{
    margin: 10px 0 0 10px;
    color: #fff;
    font-size: 12px;
}

.f .newsletter input{
    width: 195px;
    padding-left: 5px;
    background-color: #009ddf;
    border: 3px solid #016f9d;
    margin-top: 5px;
    height: 20px;
    color: #fff;
    line-height: 1;
}

.f .newsletter .button{
    background-image: url("../images/wattisit-sprite.png");
    background-position: 400px -210px; 
    width: 16px;
    height: 16px;
    margin: 10px 0 0 15px;
    border: 0px;
}

.f .newsletter label,
.f .newsletter div.error,
.f .newsletter div.message{
    margin-left: 2px;
    padding-top: 5px;
}

.f p{
    margin: 0px;
}
/** Title **/
.title{
    height: 16px;
}

.title h2{
	margin: -2px 0 0 15px;
}
 
/** Home Page **/
#blue_triangle
{
    background-image: url("../images/wattisit-sprite.png");
    background-position: 1190px -130px;
    width: 118px;
    height: 33px;
    position: absolute;
    margin: -1px 0 0 430px;
}

.home{
    min-height: 700px;
}

.home .left{
    float: left;
    margin-bottom: 10px;
}

.home .left p{
    margin: 0px;
}

.home .left a{
    color: #1866bb;
    margin-top: 5px;
}

.home .left #b2,
.home .left .block_home{
    width: 300px;
    margin-left: 20px;
}

.home .left .block_home .logo{
    height: 55px;
    overflow: hidden;  
}

.home .left .block_home .providers-list-img{
    background-image: url("../images/wattisit-sprite.png");
    background-position: 380px -230px;
    width: 9px;
    height: 9px;
    margin: 7px 0 0 2px;
}

.home .left .block .logo{
    width: 55px;
}

.home .left .partner{
    background-image: url("../images/wattisit-sprite.png");
    background-position: 960px -260px;
    width: 177px;
    height: 42px;;
    margin-top: 10px;
    position: relative;
}

.home .left .partner span{
    position: absolute;
    top: 12px;
    left: 20px;   
    color: #fff;
    font-weight: 700;
    font-size: 13px;
}

.home .title{
    margin: 30px 0px 15px 0px;
}

.home .watt_is_it{
    background-image: url("../images/wattisit-sprite.png");
    background-position: 885px -820px;
    width: 290px;
    height: 131px;
    margin: 20px 0 17px 5px;
}

.home .watt_is_it:hover{
    background-position: 1190px -820px;
}
 
.home .watt_is_it .content{
    width: 290px;
    position: absolute; 
    top: 450px; 
    font-weight: 700;
    color: #fff;  
    text-align: center; 
}

.home .watt_is_it .content .s1{
    font-size: 22px;
}

.home .watt_is_it .content .s2{
    margin: 25px 5px 0px 70px; 
    font-size: 26px;
}

.home .watt_is_it .content .s3{
    background-image: url("../images/wattisit-sprite.png");
    background-position: 1065px -130px;
    width: 44px;
    height: 44px;
    margin-top: 15px; 
}

.home .watt_is_it .content .s4{
    font-size: 26px;
    margin: 25px 0px 0px 5px; 
}

.home .watt_is_it .content .s5{
    font-size: 12px; 
    font-weight: normal; 
    margin: 5px 15px 0px 0px;
}

.home .centered_block{
    width: 300px;
    height: 419px; 
    border: 1px solid #FFB01F;
}

.home .centered_block_2{
    width: 300px;
    min-height: 419px; 
    border: 1px solid #ACCE00;
    display: none;
    height: auto;
}

.home .centered_block .sp{
    margin: 0px 5px 45px 5px;
}

.home .centered_block_2 .sp{
    margin: 0px 5px 25px 5px;
}

.home .centered_block .sp1{
    margin: 15px 5px 45px 5px;
}

.home .centered_block_2 .sp1{
    margin: 15px 5px 25px 5px;    
}

.home .centered_block .title, .home .centered_block_2 .title{
    width: 185px;
    margin: 0;
}

.home .centered_block .title h2, .home .centered_block_2 .title h2{
    margin: -2px 0 0 10px;
    width: 144px;
}

.home .centered_block .more, .home .centered_block_2 .more{
    margin-top: 5px;
    font-size: 12px;
}

.home .float_image{
    width: 100px;
    height: 60px;
    margin-top: 20px;
}

.home .centered_block_2 .float_image{
    height: 80px;
}

.home .float_image .img{
    background-image: url("../images/wattisit-sprite.png");
} 

.home .float_text{
	width: 185px;
	margin-left: 5px;
}

.home .float_text .body{
    margin-top: 15px;
}

#cimg1{
    background-position: 1190px -190px;
    width: 84px;
    height: 59px;
}

#cimg2{
    background-position: 1095px -190px;  
    width: 94px;
    height: 57px;
}

#cimg3{
    background-position: 985px -190px;
    width: 89px;
    height: 60px;  
}

#cimg4{
    background-position: 590px -10px;
    width: 75px;
    height: 80px;
    margin: -15px 0 0 10px;
}

#cimg5{
    margin: 20px 0 0 5px; 
}

#cimg6{
    background-position: 680px -10px;
    width: 80px;
    height: 80px;
    margin: -15px 0 0 10px;   
} 

.home_tab{
    background-image: url('../images/wattisit-sprite.png');
    width: 140px;
    height: 35px;
    margin-left: 5px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #fff;   
}

.c1_tab{
    background-position: 150px -10px;
    color: #B2B2B2;
    cursor: pointer; 
}

.c1_active_tab{
    background-position: 150px -105px;
}

.c2_tab{
    background-position: 150px -10px;
    color: #B2B2B2;
    margin-left: 10px;
    cursor: pointer;
}

.c2_active_tab{
    background-position: 150px -55px;
    margin-left: 10px;
}

.home_tab .text{
    line-height: 2.75;
}

/** Search Page **/
.home .result{
    width: 640px;
    padding: 0 20px 20px 0;
}

.home .result .item{
    margin: 15px 0 0 0;
}

.home .result .item h3{
    margin: 0px
}

/** Social Zone **/
.social{
    min-height: 700px;
    float: right;
    background-color: #f2f2f2;
    width: 300px;
}

.social .plus_de_watts{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 880px -10px;
    width: 195px;
    height: 80px; 
    margin: 20px 0px 10px 50px;
    text-align: center;
}

.social .green_border{
    width: 100%; 
    height: 1px; 
    background-color: #96BD0D;
}

.social .gray_border{
    width: 100%; 
    height: 1px; 
    background-color: #808080;
    margin-top: 10px;
}

.social .title{
    margin: 20px 0px 15px 0px; 
}

.social .title .a_button{
    margin-left: 10px;
}

.social .blog{
    margin-left: 30px; 
    margin-top: 15px;
}

.social .brand{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 880px -90px;
    width: 280px;
    height: 50px;  
}

.social .more{
    margin-right: 10px; 
}

/** Blog Rss **/
#blog{
    margin: 0px;
    padding: 0px;
}

#blog li{
    padding: 5px 10px 5px 10px;
}

#blog li a{
     color: #1866BB;
}

#blog p{
    font-size: 10px;
    font-style: italic;
    margin: 0px;
}

/** Facebook Like Box **/
#facebook_likebox{
    width: 298px; 
    height: 160px; 
    padding: 1px;   
}

#likebox-frame{
    width: 300px; 
    height: 158px; 
    overflow: hidden;
}

#likebox-frame iframe{
    width: 299px; 
    height: 180px; 
    margin: -1px -1px 0 -1px;
}

/** Univers Menu **/
.univers_menu{
    background-color: #EAF1CF;
    position: relative;
/*    width: 99.8%;*/
    top: 0px;
    height: 275px;
}

.univers_menu .border{
    height: 1px;
    position: absolute;
    top: -1px;
    left: 0px;
}

.univers_menu .border_right_top{
    position: absolute;
    top: -1px;
    height: 1px;
}

.univers_menu .logo{
    margin: 70px 60px 0px 100px;
}

.univers_menu .provider_logo{
    margin: 70px 20px 0px 90px;
}

.univers_menu .content{
    margin: 50px 0px 0px 0px;
    width: 500px;
}

.univers_menu .content .title h1{
    margin: 0 0 0 20px;
}

.univers_menu .content .body{
    margin-top: 15px;
    max-height: 100px;
    overflow: auto;
}

#u1{
    border: 1px solid #9f8a79;
    background-color: #EDE7E4;
}

#u2{
    border: 1px solid #ACCE00;
    background-color: #EAF1CF;
}

#u3{
    border: 1px solid #9b8fbf;
    background-color: #EBE9F4;
}

#u4{
    border: 1px solid #3F79FF;
    background-color: #D9E4FF;
}

#u5{
    border: 1px solid #FFB01F;
    background-color: #FFEFD2;
}

#u1 .border{
    width: 190px;
    background-color: #EDE7E4;
}

#u2 .border{
    width: 190px;
    left: 192px;
    background-color: #EAF1CF;
}

#u3 .border{
    width: 190px;
    left: 384px;
    background-color: #EBE9F4;
}

#u4 .border{
    width: 190px;
    left: 576px;
    background-color: #D9E4FF;
}

#u5 .border{
    width: 190px;
    left: 768px;
    background-color: #FFEFD2;
}

#u1 .border_right_top{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 1190px -590px;
    width: 760px;
    left: 190px;
}

#u2 .border_right_top{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 585px -525px;
    width: 570px;
    left: 382px;
}

#u3 .border_right_top{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 585px -520px;
    width: 380px;
    left: 574px;
}

#u4 .border_right_top{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 585px -530px;
    width: 190px;
    left: 766px;
}

/** Universe **/
#provider{
    min-height: 670px;
}

#provider .social{
    height: inherit;
}

#provider .block{
    padding-left: 0px;
}

.block{
    width: 620px;
    padding: 0 25px 15px 15px;
}

.block h1{
    color: #009de0;
}
.block .title{ 
    width: 400px;
}

#provider .block .title {
    margin-bottom: 10px;
}

.block .filter{
    padding-top: 27px; 
    width: 209px;
}

.block .filter span{
    color: #808080;
    font-size: 11px;
    float: left;
    margin-right: 5px;
}

.block .filter select{
    width: 145px;
    height: 23px;
    font: 11px arial;
    border: 0px;
}

div.cmf-skinned-select {
    background-image: url('../images/wattisit-sprite.png'); 
    background-position: 150px -150px;
    width: 143px;
    height: 21px;
    float: left;
    top: -5px;
}

div.cmf-skinned-text {
    padding: 4px 0px 3px 8px;
    color: #333;
    width: 95px;
}

#provider_site_image{
    margin: 20px 0px 0px 15px; 
    width: 410px;
    height: 250px; 
}

#provider_site_image .access_button{
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px; 
    border: 1px solid #000; 
    text-align:center; 
    width: 100px; 
    background-color: #fff; 
    position: relative; 
    left: 280px; 
    bottom: 40px;
    display: none;
    font-size: 12px;
}

.block .item{
    height: 140px;
}
.item{
    margin-top: 5px;
}

.item .pres{
    width: 260px;
}

.item .pres .name{
    margin-left: 10px; 
    color: #333; 
    font-weight: bold; 
    font-size: 16px;
}

.item .pres .logo_table{
    margin: 0;
    padding: 0;
    height: 55px;
}

.item .desc{
    margin: 5px 0 0 0;
    overflow: auto;
    height: 80px;
}

.item .desc p, .univers_menu p, .panel .desc p{
    margin: 0;
}

.item .desc ul, .univers_menu ul{
    list-style-type: inherit;
    margin: 0;
}

.item .next{
    float: right;
    margin: 25px 10px 0px 0px;
}

#univers .providers .item .products .product{
    width: 70px;
    height: 100px;
    float: left;
    margin-left: 10px;
    position: relative;
}

#univers .providers .item .products .product .image{
    width: 70px;
    height: 70px;
    border: 1px solid #ccc;
}

#univers .providers .item .products .product .offer{
    font-size: 9px;
    margin-top: 2px; 
}

#univers .providers .item .products .product .price{
    font-weight: bold;
    font-size: 9px;
    margin-top: 2px; 
}

div.brown{
    border-left: 4px solid #a38772;
    border-top: 1px solid #a38772;
    border-bottom: 1px solid #a38772;
    border-right: 1px solid #a38772;
    padding: 10px;
}

div.green{
    
    border-left: 4px solid #acce00;
    border-top: 1px solid #acce00;
    border-bottom: 1px solid #acce00;
    border-right: 1px solid #acce00;
    padding: 10px;
}

div.purple{
    border-left: 4px solid #9b8fbf;
    border-top: 1px solid #9b8fbf;
    border-bottom: 1px solid #9b8fbf;
    border-right: 1px solid #9b8fbf;
    padding: 10px;
}

div.blue{
    border-left: 4px solid #3F79FF;
    border-top: 1px solid #3F79FF;
    border-bottom: 1px solid #3F79FF;
    border-right: 1px solid #3F79FF;
    padding: 10px;
}

div.orange{
    border-left: 4px solid #FFB01F;
    border-top: 1px solid #FFB01F;
    border-bottom: 1px solid #FFB01F;
    border-right: 1px solid #FFB01F;
    padding: 10px;
}

div.gray{
    border-color: #808080;
    border-left: 4px solid #808080;
    border-style: solid;
    border-width: 1px 1px 1px 4px;
    padding: 10px;
}

/** Provider **/
.b1{
    width: 420px;
    margin-bottom: 20px;
}

.b1 .products{
    margin-top: 10px;
}

.b1 .other_products .item{   
    height: 100px;
    margin: 10px;
    overflow: hidden;
    cursor: pointer;
}

.b2{
    width: 210px;
    margin-left: 25px;  
}

.products .iteml,
.products .itemr{
    width: 90px;
    height: 90px;
    border-left-width: 7px;
    margin-bottom: 30px;
    float: right;
}

.products .iteml{
    margin-right: 30px;
    float: left;
}

.products .content{
    width: 270px;
    position: absolute;
    left: -17px;
    background-color: #fff;
    border-left-width: 7px;
    z-index: 1;
    margin-top: 10px;
}

.products .content .border{
    width: 110px;   
    height: 1px;
    position: absolute;
    top: -1px;
    left: 0px;
}

.products .content .desc{
    width: 170px;
/*    overflow: hidden;*/
}

.products .content h3{
    margin: 0px;
}

.products .content .right{
    width: 95px;
}

.products .content .right .offer{
    font: bold 17px arial;
}

.products .brown .offer{
    color: #a38772;
}

.products .green .offer{
    color: #acce00;
}

.products .purple .offer {
    color: #9b8fbf;
}

.products .blue .offer{
    color: #3F79FF;
}

.products .orange .offer{
    color: #FFB01F;
}

.products .content .right .price{
    font: bold 12px arial;
}

.products .content .next{
    margin-top: 20px;
    width: inherit;
    position: relative;
    bottom: 0px;
}

.products .shadow{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 300px -585px;
    width: 290px;
    height: 10px;
    position: absolute;
    bottom: -11px;
    left: -2px;
}

.panel{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 205px -290px;
    width: 190px;
    height: 143px;
    margin: 20px 0 0 0px;  
    position: relative; 
}

.panel h2{
    margin: 0 0 0 45px;
    padding-top: 10px;
    width: 150px;
}

.panel .offer_container{
    width: 190px;
    height: 80px;
}

.panel .offer{
    color: #0A71B3;
    font-size: 24px;
    font-weight: bold;
    height: 47px;
    width: 175px;
    margin: auto;
    padding-top: 10px;
    padding-left: 15px;
}

.panel .offer span{
    margin-right: 3px;
}

.panel .offer .spent, .panel .offer .gain{
    font-size: 14px;
    font-weight: bold;
    width: 70px;
    float: left;
}

.panel .offer .gain{
    margin-left: 20px;  
}

.panel .offer-purchase{
    color: #0A71B3;
    margin: 6px 0px 0px 5px;
    font-size: 22px;
    font-weight: bold;
    width: 181px;
    text-align: center;
}

.panel .offer-purchase .ot{
    width: 181px; 
    height: 30px;
}

.panel .offer-purchase span{
    margin-right: 2px;
}

.panel .offer-purchase .gain{
    font-size: 22px;
    font-weight: bold;
    margin-top: -5px;    
    margin-left: 35px;
}

.panel .desc{
    position: absolute;
    bottom: 15px;
    left: 10px;
    right: 10px;
    text-align: center;
}

#provider .b2 .infos{
    margin-top: 20px;
}

#provider .b2 .infos p{
    margin: 5px 0 15px 0;
}

/** Plus de watts **/
#plus_de_watts_banner{
    position: absolute;
    top: 153px;
    width: 100%;
}

#plus_de_watts_banner .step{
    width: 280px;                                            
    padding: 40px 0px 0px 35px;
}

#plus_de_watts_banner .sc{
    padding: 40px 0px 0px 30px;
}

#plus_de_watts_banner .bi{
    margin: 0px 0px 0px 10px;
}

#plus_de_watts_banner .step .text{
    color: white;
    font-weight: bold;
    font-size: 16px;
    margin: 20px 0px 0px 20px;
}

#plus_de_watts{
    min-height: 520px;
    padding-top: 30px;
    padding-bottom: 20px;
}

#plus_de_watts #sponsor,
#plus_de_watts #newsletter,
#plus_de_watts #sms{
    width: 320px;
}

#plus_de_watts .block{
    width: 300px;
    padding: 0px;
    margin-left: 20px;
}

#plus_de_watts .block .column{
    width: 280px;
    height: 473px; 
    margin-top: 15px;
    font-size: 13px;
}

#plus_de_watts #sponsor .column{
    border: 1px solid #0A71B3;
    position: relative;
}

#plus_de_watts #newsletter .column{
    border: 1px solid #F19300;
}

#plus_de_watts #sms .column{
    border: 1px solid #96BD0D;
}

#plus_de_watts .block .column .top-parag{
    height: 95px;
}

#plus_de_watts .block .column .center-parag{
    height: 210px;
}

#plus_de_watts .block .column .bottom-parag, #plus_de_watts .block .column .center-parag, #plus_de_watts .block .column .top-parag{
    margin: 0px 20px 0 20px;
}

#plus_de_watts .block .column .text{
    margin-top: 10px;
}

#plus_de_watts .block .column .second_text{
    margin: 10px 0 5px 0;
}

#plus_de_watts .block .column .gray_band{
    text-align: center;
}

.gray_band{
    width: 240px;
    height: 35px;
    background-image: url('../images/wattisit-sprite.png'); 
    background-position: 250px -250px;
}

.gray_band p{
    margin: 0px;
    padding-top: 10px;
    font-size: 12px; 
}

#plus_de_watts .block .column .invite_form{
    width: 220px;
    padding: 10px;
    background-color: #F7F7F7;
}

#plus_de_watts .block .column .invite_form .gray_input{
    width: 180px;
    height: 25px;
    background-image: url('../images/wattisit-sprite.png'); 
    background-position: 190px -215px;
}

#plus_de_watts .block .column .invite_form .second{
    margin-top: 3px;
}

#plus_de_watts .block .column .invite_form .gray_input input{
    width: 167px;
}

#plus_de_watts .block .column .gray_input input{
    border: 0 none;
    position: relative;
    left: 6px;
    top: 4px;
    font-size: 12px;
}

.gray_long_input{
    width: 240px;
    height: 25px;
    background-image: url('../images/wattisit-sprite.png'); 
    background-position: 250px -540px;
}

#plus_de_watts .block .column .gray_long_input{
    margin-top: 5px;   
}

#plus_de_watts .block .column .gray_long_input input{
    width: 225px;
    height: 15px;
    margin: 4px 0 0 5px;
    border: 0;
}

#plus_de_watts .block .column .bottom_text{
    font-size: 16px;
    font-weight: bold;
    margin: 25px 10px 0px 0px;
}

#plus_de_watts .block .column .invite_form .submit{
    margin-top: 10px;
}

#plus_de_watts .block .column .submit{
    margin-top: 20px;
}

#plus_de_watts .block .column .t_button{
    border: 0px;
}

#plus_de_watts .block .column .blue_border,
#plus_de_watts .block .column .orange_border,
#plus_de_watts .block .column .green_border{
    margin-top: 25px;
    height: 15px;
    width: 100%;
}

#plus_de_watts .block .column .blue_border{
    background-color: #0A71B3;
}

#plus_de_watts .block .column .orange_border{
    background-color: #F19300;
}

#plus_de_watts .block .column .green_border{
    background-color: #96BD0D;
}

#plus_de_watts .block .column .select{
    clear: both;
    margin: 0px 0px 10px 0px;
    width: 240px;
    height: 25px;
}

#plus_de_watts .block .column .name{
    margin: 5px 0px 0px 20px; 
}

#client_contacts a,
#client_contacts span.link_separator{
    color: #1866BB;
    margin-top: 3px;
}

#client_contacts .link{
	margin: 10px 0 5px 0;
    height: 20px;
}

#client_contacts .list{
    max-height: 400px;
    overflow: auto;
    border: 1px solid #ccc;
}

#client_contacts .contact{
    width: 100%;
    min-height: 20px;
}

#client_contacts .grey{
    background-color: #ccc; 
}

#client_contacts .contact .name{
    padding-left: 20px;
}

/** Login Client **/
#login_block{
    width: 500px;
    padding-left: 15px;
}

#login_block .fp{
    color: #1866BB;
    margin-left: 100px;
}

#login_block .input{
    margin-top: 10px;
    width: 600px;
}

/** Create Account **/
#create_account{
    min-height: 700px;
    width: 660px;
    margin-bottom: 10px;
}

#create_account_form{
    margin-left: 15px;
}

#create_account_form .input .checkbox{
    margin: -1px 0px 0px 5px;
}

/** Update Account **/
#update_account{
    width: 660px;
    margin: 10px 0 0 15px;
}

#update_password, #use_gift_card{
    margin: 25px 0 0 15px;
}

#update_account .input div, #update_password .input div{
    margin-bottom: 10px;
}

.input{
    margin-top: 10px;
    width: 300px;
}

.input input.text{
    width: 200px;
}

.input input.long_text{
    width: 300px;
}

.input textarea.text{
    width: 300px;
    height: 100px;
}

/*.input input.number{
    width: 200px;
    text-align: right;    
} */

/** My Account - Home **/
#account,
#account_item{
    border-top: 1px solid #808080;
    height: 700px;
}

.breadcrump{
    width: 950px;
    font-size: 10px;
    line-height: 3;
    height: 30px;
    color: #808080;
    margin-left: 10px;
}

.breadcrump a{
    color: #808080;
}

#account .account_block{
    width: 470px;
/*    height: 500px;*/
    position: relative;
}

#account #left_block {border: 1px solid #0A71B3; height: 333px;}
#account #left_block .blue_margin, #account #left_block .blue_line{background-color: #0A71B3;}

#account #right_block {border: 1px solid #009DDF;}
#account #right_block .blue_margin, #account #right_block .blue_line{background-color: #009DDF;}

#account .account_block .text_line {
    white-space: nowrap;
    text-transform: uppercase;
    color: #fff;
    width: 30px;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    z-index: 1;
    -webkit-transform: rotate(-90deg);    
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

#left_block .text_line{
    top: 165px;
}

#right_block .text_line{
    top: 130px;
}

#account .account_block .blue_margin{
    width: 31px;
    height: 166px;
    z-index: 0;
}

#account .account_block .account_bg{
    background-image: url('../images/wattisit-sprite.png'); 
    background-position: 1190px -600px;
    width: 439px;
    height: 166px;  
}

#account .arrow{
    background-image: url('../images/wattisit-sprite.png'); 
    width: 9px;
    height: 19px;   
}

#account .db-arrow{
    background-position: 455px -25px;
}

#account .lb-arrow{
    background-position: 455px -50px;
}

#account .account_block .arrow{
    position: absolute; 
    top: 75px; 
    left: 31px; 
    z-index: 2; 
    display: none;
}

#account .account_block .option:hover .arrow{
    display: block;
}

#account .account_block .option{
    height: 166px; 
    width: 470px; 
    position: relative;
}

#account .account_block .option .account_option{
    width: 440px;
    height: 165px;
    position: absolute;
    top: 0px;
    left: 30px;
}

#account .account_block .account_option .icon{
    margin: 20px 0px 0px 20px;
}

#account .account_block .account_option .name
{
    margin: 30px 0px 0px 5px;
    font-size: 18px;
    color: #0A71B3;
}

#account .account_block .account_option .content{
    margin: 10px 0px 0px 35px;
    font-size: 12px;
    color: #0A71B3;
}

#account .account_block .account_option .text
{
    margin-left: 40px;
    width: 300px;
    font-size: 12px;
}

#account .account_block .option .account_option .details{
    position: absolute;
    bottom: 15px;
    right: 20px;
    width: 100px; 
}

#account .account_block .account_option .details .t{
    font-size: 12px;
    margin: 1px 10px 0px 0px;
}

#account .account_block .account_option .details .t a {color: #0A71B3;}
#account .account_block .blue_line{clear: left; width: 100%; height: 1px;}

#account .account_block .option .account_option .watts{margin-right: 60px;}
#account .account_block .option .account_option .watts span{font-size: 28px; color: #0A71B3; margin: 8px 10px 0px 0px;}
#account .account_block .option .account_option .purchase{margin-right: 40px; margin-top: -20px;}
#account .account_block .option .account_option .purchase span{font-size: 16px; color: #0A71B3; margin: 3px 5px 0px 5px;}

/** My Account - Item Page **/
#items_list{
    width: 200px;
    height: 360px;
}

#items_list .item{
    width: 200px;
    height: 40px;
    background-color: #E6E6E6;
    line-height: 15px;
    cursor: pointer;
    margin: 0px;
}

#items_list .arrow{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 455px -10px;
    width: 5px;
    height: 10px;
}

#items_list .item .arrow{
    position: relative;
    top: 15px;
    right: -5px;
    display: none; 
}

#items_list div.active .arrow{
    display: block;
}

#items_list div.item .img{
    margin: 12px 0 0 15px; 
    width: 20px; 
}

#items_list div.item .title{
    margin: 12px 0 0 10px; 
    font-size: 12px;
    color: #0A71B3; 
}

#items_list div.active, #items_list div.item:hover{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 1190px -770px;
    width: 200px;
    height: 40px;
}

#items_list div.active .title,
#items_list div.item:hover .title{
    color: #fff;
}

#items_list div.contact,
#items_list div.contact:hover{
    background-color: #F2F2F2;
    height: 45px;
}

#items_list ul#support_contact{          
    list-style-type: disc;
    padding: 8px 0 0 60px;
    margin: 0px;
}

#items_list ul#support_contact li,
#items_list ul#support_contact li:hover{
    background-color: #F2F2F2;
    height: 15px;
    width: 140px;
}

#items_list ul#support_contact li a{
    font-size: 12px;
    color: #666666;
}

#account_item .box {
    margin-left: 25px;  
}

#account_item .box .item_title{
    width: 735px;   
    color: #0A71B3;
}

/*#account_item .box .item_title .icon{
    width: 35px; 
}  */

#account_item .box .item_title .title{
    width: 688px;
    height: 25px;
    margin-left: 15px;
    border-bottom: 1px solid #0A71B3;
    font-size: 22px;
}

#account_item .box .item_body{
    margin: 10px 0 0 49px;
    width: 655px;
    min-height: 348px;
    border-color: #0A71B3;
    border-style: solid;
    border-width: 1px 1px 1px 10px;
    padding: 0 10px;
}

#account_item .box .item_body .textinfo{
	margin: 15px 0 0 165px;
}

#account_item .box .item_body p.info{
	margin-bottom: 25px;
}

#account_item .box .item_body form.info{
	text-align: center;
}

#account_item .box .item_body form.info table{
	margin: 30px 0 13px 186px;
}

#account_item .box .item_body form.info table tr td{
	text-align: left;
	padding: 0 0 7px 20px;
}

.my-sponsorships-list{
	margin-top: 10px;
}

/** Static Pages **/
.static_page_content{
    width: 630px;
    padding: 0 20px 10px 10px;
}

.static_page_content .column{
    width: 300px;
}

.static_page_content .center_column{
    width: 300px;
    margin-left: 200px;
}

.static_page_content p.title{
    font-size: 12px;
    color: #0A71B3;
    margin: 30px 0 20px;
}

.static_page_content ul,
.static_page_content ol{
	margin: 0;
	padding-left: 15px;
}

.static_page_content ul.disc_list{
	padding-left: 20px;
} 

.remove_link_color{
    color: black; 
}

/** Pack Watts **/
#pack_watts_banner{
    border: 1px solid #ACCE00;
    background-color: #EAF1CF;
}

#pack_watts_banner .border{
    display: none;
}

#pack_watts .filter{
    padding-top: 35px;
}

#pack_watts .item .pres{
    width: 280px;
}

#pack_watts .item .pres .name{
    margin: 0px;
}

#pack_watts .item .specif{
    font-size: 14px;
    font-weight: bold;
    margin: 8px 25px 0 0;
    color: #333;
}

#pack_watts .watt-stack{
    margin: 5px 5px 0 0;
}

/** Associations Page **/
#association_banner, #associations_banner{
    border: 1px solid #808080;
    background-color: #EAF1CF;
}

#associations_banner .logo{
    margin: 50px 50px 0px 90px;
}

#association_banner .logo{
    margin: 60px 50px 0px 90px;  
}

#associations_filter{
    padding-top: 35px;
}

#associations_list .projects{
    margin-left: 15px;
}

#associations_list .projects .projec{
    margin-left: 10px;
    height: 110px;
    width: 105px;
    border: 1px solid #CCCCCC;
}

#associations_list .projects .project .image{
    width: 100px;
    margin-left: 7px; 
}

#associations_list .item .next{
    margin-top: 40px;
}

#associations_list .globe-25x25{
    margin: 2px 0 0 0;
}

/* Association Page */
#association .projects{
    width: 620px;
}

#association .projects .item .donate-watts{
    margin-right: 50px;
}

#association .projects .item .donate{
    font-size: 13px;
    margin-right: 5px;
    margin-top: 6px;
}

#association .projects .item .desc{
    height: auto;
    margin: 5px 0 10px;
    text-align: justify; 
}

/** Associations Slideshow **/
.associations-slideshow { 
    height: 150px; 
    width: 300px;
/*    text-align: center; */
/*    margin: auto;*/
/*    margin-left: 15px;*/
}

/** Press Events **/
.event{
    margin-top: 15px;   
}

.event .evl{
    width: 300px;
}

.event .evl p{
    font-weight: 700; 
    font-size: 14px;
}

.event .evr{
    width: 300px;
    font-weight: 700;
    font-size: 14px;
}

.list_initial ul
{
    list-style-type: disc;
}
#provider.big-bang-cereales .panel h2
{
    font-size: 15px;
}.lightbox{
    position: absolute;
    width: 580px; 
    z-index: 1002; 
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.lightbox_content{
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: white;
    z-index:1002;
    height:auto;
    margin-top: -22px;
    padding: 20px;
    font-size: 12px;
}

.lightbox_bg{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 163%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity = 80);
}

.lightbox-loader{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 385px -105px;
    width: 32px;
    height: 32px;   
}

.lightbox-close-button{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 660px -155px;
    width: 43px;
    height: 43px;
}
a.lightbox-close-button{
    position: relative;
    left: 555px;
    display: block;
    z-index: 1003;
}

/** Contacts list Lightbox **/
#contacts_lightbox{
    top: 450px;
    left: 500px;
    width: 400px;
}

#contacts_lightbox a.lightbox-close-button{
    left: 370px;
}

/** Packs Watts form Lightbox **/
#pack_watts_lightbox{
    top: 450px;
    left: 650px;
    width: 400px;
}

#pack_watts_lightbox a.lightbox-close-button{
    left: 370px;
}

#pack_watts_lightbox_bg{
    height: 181%;  
}

/** Donate Watts form Lightbox **/
#donate_watts_lightbox{
    top: 450px;
    left: 650px;
    width: 400px;
}

#donate_watts_lightbox a.lightbox-close-button{
    left: 370px;
}

#donate_watts_lightbox_bg{
    height: 181%;  
}.blue_color
{
    color: #0A71B3;
}

.orange_color
{
    color: #F19300;
}

.green_color
{
    color: #96BD0D;
}/** Triangle buttons **/
.t_button{
    background-image: url('../images/wattisit-sprite.png');
    width: 27px;
    height: 26px;
}

.t_button_blue{
    background-position: 510px -210px;
}

.t_button_gray{
    background-position: 550px -210px;
}

.t_button_green{
    background-position: 475px -210px;
}

.t_button_orange{
    background-position: 585px -210px;
}

/** Arrow buttons - seize large **/
.a_button{
    background-image: url('../images/wattisit-sprite.png');
    width: 29px;
    height: 28px;
}

.a_button_blue{
    background-position: 510px -255px;
}

.a_button_brown{
    background-position: 400px -255px;
}

.a_button_gray{
    background-position: 550px -255px;
}

.a_button_green{
    background-position: 475px -255px;
}

.a_button_orange{
    background-position: 585px -255px;
}

.a_button_purple{
    background-position: 440px -255px;
}

.home .left .block_home .a_button, .next .a_button{
    margin: 0 0 0 5px;
}

/** Arrow buttons - seize small **/ 
.as_button{
    background-image: url("../images/wattisit-sprite.png");
    width: 16px;
    height: 16px;  
}

.as_button_orange{
    background-position: 440px -230px;
}

.as_button_green{
    background-position: 400px -210px;
}

.as_button_blue{
    background-position: 440px -210px;   
}

.as_button_lblue{
    background-position: 420px -210px;   
}

.as_button_gray{
    background-position: 420px -230px;
}

.as_button_brown{
    background-position: 400px -230px;   
}

.as_button_purple{  
    background-position: 380px -210px;   
}

.social .title .as_button{
    margin: 0 0 0 10px;
}.uni-icon{
    background-image: url("../images/wattisit-sprite.png");
}

/** Univers big Icons **/
.uni-icon-1b{
    background-position: 830px -340px;
    width: 97px;
    height: 126px;   
}

.uni-icon-2b{
    background-position: 725px -340px;
    width: 92px;
    height: 135px;   
}

.uni-icon-3b{
    background-position: 1190px -340px;
    width: 117px;
    height: 126px;   
}

.uni-icon-4b{
    background-position: 955px -340px;
    width: 119px;
    height: 126px;   
}

.uni-icon-5b{
    background-position: 1065px -340px;
    width: 101px;
    height: 131px;   
}

/** Univers small Icons **/
.uni-icon-1a{
    background-position: 735px -235px;
    width: 26px;
    height: 22px;
}

.uni-icon-2a{
    background-position: 645px -235px;
    width: 25px;
    height: 21px;
}

.uni-icon-3a{
    background-position: 645px -260px;
    width: 25px;
    height: 18px;
}

.uni-icon-4a{
    background-position: 670px -235px;
    width: 23px;
    height: 23px;
}

.uni-icon-5a{
    background-position: 615px -235px;
    width: 20px;
    height: 23px;
}


.uni-icon-1{
    background-position: 735px -260px;
    width: 26px;
    height: 22px;
}

.uni-icon-2{
    background-position: 705px -260px;
    width: 28px;
    height: 23px;
}

.uni-icon-3{
    background-position: 775px -260px;
    width: 35px;
    height: 23px;
}

.uni-icon-4{
    background-position: 670px -260px;
    width: 23px;
    height: 23px;
}

.uni-icon-5{
    background-position: 615px -260px;
    width: 20px;
    height: 23px;
}

.menu .uni-icon-2a{
    background-position: 705px -235px;
    width: 28px;
    height: 23px;   
}

.menu .uni-icon-3a{
    background-position: 775px -235px;
    width: 35px;
    height: 23px;   
}

.home .left .block_home .uni-icon, .next .uni-icon{
    margin-top: 2px;
}

.home .left .block_home .purple .uni-icon, .providers .purple .next .uni-icon{
    margin-top: 4px;
}

.watt{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 485px -120px;
    width: 14px;
    height: 15px;
}

.watt-icon{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 320px -250px;
    width: 29px;
    height: 29px;
}

.watts-icon{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 590px -95px;
    width: 47px;
    height: 47px;
}

.small-watts-icon{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 485px -90px;
    width: 28px;
    height: 27px;
}

/** Client Account icons **/
.my-profile-icon{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 510px -10px;
    width: 41px;
    height: 44px;   
}

.my-watts-icon{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 535px -95px;
    width: 45px;
    height: 45px;   
}

.my-sms-icon{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 595px -145px;
    width: 57px;
    height: 58px;   
}

.my-newsletter-icon{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 450px -145px;
    width: 55px;
    height: 47px;   
}

.my-godchilderen-icon{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 390px -145px;
    width: 50px;
    height: 50px;   
}

.note-icon{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 510px -145px;
    width: 51px;
    height: 52px;   
}

.note-no-shadow-icon{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 445px -100px;
    width: 32px;
    height: 33px;   
}

.profile{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 500px -60px;
    width: 13px;
    height: 14px;   
}

.note{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 535px -180px;
    width: 19px;
    height: 17px;   
}

.sms{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 535px -145px;
    width: 20px;
    height: 20px;   
}

.people{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 465px -120px;
    width: 18px;
    height: 18px;   
}

.cancel{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 480px -60px;
    width: 13px;
    height: 13px;   
}

.watt-stack-80x60{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 240px -105px;
    width: 80px;
    height: 60px;  
}

.watt-stack{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 320px -210px;
    width: 40px;
    height: 21px;
}

/** Plus de Watts - banner **/
.sponsorship-icon{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 735px -600px;
    width: 210px;
    height: 146px;  
}

.newsletter-icon{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 270px -600px;
    width: 234px;
    height: 141px;  
}

.sms-icon{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 500px -600px;
    width: 220px;
    height: 148px;  
}

.globe-25x25{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 340px -105px;
    width: 25px;
    height: 25px;  
}

.globe-150x160{
    background-image: url('../images/wattisit-sprite.png');
    background-position: 170px -785px;
    width: 150px;
    height: 160px;  
}/** Home Slider **/
.slide-1{
    background-image: url('../images/slides-sprite.png');
    background-position: 1990px -10px;
    width: 958px;
    height: 274px;
}

.slide-2{
    background-image: url('../images/slides-sprite.png');
    background-position: 1990px -290px;
    width: 958px;
    height: 274px;
}

.slide-3{
    background-image: url('../images/slides-sprite.png');
    background-position: 1990px -570px;
    width: 958px;
    height: 274px;
}

/** Univers banners **/
.univ-slide-brown{
    background-image: url('../images/slides-sprite.png');
    background-position: 970px -290px;
    width: 958px;
    height: 275px;
}

.univ-slide-green{
    background-image: url('../images/slides-sprite.png');
    background-position: 970px -10px;
    width: 958px;
    height: 275px;
}

.univ-slide-purple{
    background-image: url('../images/slides-sprite.png');
    background-position: 970px -1130px;
    width: 958px;
    height: 275px;
}

.univ-slide-blue{
    background-image: url('../images/slides-sprite.png');
    background-position: 970px -570px;
    width: 958px;
    height: 275px;
}

.univ-slide-orange{
    background-image: url('../images/slides-sprite.png');
    background-position: 970px -850px;
    width: 958px;
    height: 275px;
}

.univ-slide-gray{
    background-image: url('../images/slides-sprite.png');
    background-position: 1990px -1130px;
    width: 958px;
    height: 274px;
}.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}