* { 
    outline : 0px none transparent;
}

/*h1, h2, h3, .blue {
    color : #285579;
}*/


a.fs9 {
    font-size: 11px;
    color: #999;
}

.fs40 {
    font-size: 40px;
}

strong {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    /*border-bottom: dotted 1px #000;*/
    font-weight: 600;
}

#offer_60 {
    width: 90px;
    height: 90px;
    background: transparent url('/images/adsl/offer_60.png') no-repeat 0 0;
    margin: -10px 0 0 350px;
}

div#popup_config,
div#popup {
    position: absolute;
    z-index: 20;
    display: none;
    width: 310px;
    padding: 15px 10px 15px 15px;
    background-color: #FFF;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 3px 1px #666;
    -moz-box-shadow: 1px 1px 3px 1px #666;
    box-shadow: 1px 1px 3px 1px #666;
}

div#popup_config span.close,
div#popup span.close {
    width: 24px;
    height: 24px;
    display: block;
    background: transparent url('/images/adsl/close.png') no-repeat 0 0;
    float: right;
    margin-right: 8px;
    cursor: pointer;
}

div#popup p {
    width: 275px;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    color: #3C3C3C;
    text-align: left;
}

#et_form_input {
    width: 325px;
    height: 26px;
    text-align: left;
    line-height: 26px;
    font-size: 20px;
    color: #999;
    border: none;
    margin: 16px 0 0 20px;
    padding-left: 5px;
}

#et_form_button {
    float: right;
    display: block;
    width: 81px;
    height: 33px;
    background: transparent url('/images/adsl/et_form_button.png') no-repeat 0 0;
    margin: 12px 17px 0 0;
    _margin: 13px 8px 0 0;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    text-decoration: none;
    color: #525252;
    line-height: 33px;
}

#et_form_button:hover {
    background-position: 0 100%;
}


table.sideInfos {
    width: 100%;
    _width: 98%;
    height: 70px;
    border-bottom: dashed 1px #999;
    color: #262626;
    font-size: 12px;
    margin-top: 2px;
    line-height: 14px;
    padding-bottom: 5px;
}

table.sideInfos tr td img {
    margin: 10px 10px 0 0;
}

table.sideInfos tr td {
    color: #262626;
    font-size: 12px;
    line-height: 14px;
}

div.colContent table tr th {
    font-size: 12px;
    color: #4D4D4D;
}

span.spacer {
    display: block;
    background-color: white;
    width: 100%;
    height: 5px;
}

input#DomainLess,
input#FaxLineLess,
input#SiteBuilderLess,
input#LineLess,
input#ExchangeMailLess,
input.adslLess {
    width: 17px;
    height: 17px;
    border: 0;
    margin-top: 5px;
    background: transparent url('/images/adsl/config/adsl_less.jpg') no-repeat 0 0;
}

input#DomainQt,
input#FaxLineQt,
input#SiteBuilderQt,
input#LineQt,
input#ExchangeMailQt,
input.adslQt {
    width: 29px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    margin: 0 5px;
    color: #000;
    border: 0;
    font-size: 14px;
    font-weight: bold;
    background: transparent url('/images/adsl/config/adsl_input_Qt.jpg') no-repeat 0 0;
}

input#DomainMore,
input#FaxLineMore,
input#SiteBuilderMore,
input#LineMore,
input#ExchangeMailMore,
input.adslMore {
    width: 17px;
    height: 17px;
    margin-top: 5px;
    border: 0;
    background: transparent url('/images/adsl/config/adsl_more.jpg') no-repeat 0 0;
}

div.more_or_less {
    float: right;
    margin: -25px 5px 0px 0px;
    _margin-right: 0px;
}

table.config {
    width: 100%;
    _width: 98%;
    _margin-left: 5px;
}

table.config td {
    padding: 2px;
    width: 40px;
    text-align: center;
}

table.config td span {
    font-size: 12px;
    display: block;
    text-align: center;
    line-height: 12px;
    text-decoration: line-through;
    color: #999;
}

table.config th {
    padding-right: 10px;
}

table.config th span {
    font-size: 12px;
    color: #33ACFF;
}

ul.navigationContent {
    background : white;
    width : 100%;
    border-bottom: 5px solid white;
    padding:10px 0 0 0;
}

ul.navigationContent li {
    float : left;
    text-align : center;
    padding : 0;
    height : 85px;
    background: white;
    margin-top: 8px;
    border-bottom: 5px solid white;
    /*background : url('/images/adsl/iconNavADSL.png') no-repeat 0 8px;*/
}

ul.navigationContent li:hover,
ul.navigationContent li.selected,
ul.navigationContent li:hover.pro,
ul.navigationContent li:hover.express,
ul.navigationContent li:hover.entreprise,
ul.navigationContent li.pro.selected,
ul.navigationContent li.express.selected,
ul.navigationContent li.entreprise.selected {
    background-color : white;
    border-bottom: 5px solid #33ACFF;
}    

ul.navigationContent li.entreprise,
ul.navigationContent li.express,
ul.navigationContent li.pro {
    background : none;
}

ul.navigationContent li.connect { background-position : 10px 8px; }
ul.navigationContent li.phone { background-position : -118px 8px; }
ul.navigationContent li.share { background-position : -260px 8px; }
ul.navigationContent li.features { background-position : -530px 8px; }
ul.navigationContent li.tech { background-position : -665px 8px; }
ul.navigationContent li.connect-ets { background-position : 0px 8px; }
ul.navigationContent li.collaborate { background-position : -405px 8px; }
ul.navigationContent li.warrant { background-position : -815px 8px; }
ul.navigationContent li.evolve { background-position : -945px 8px; }
ul.navigationContent li.tech-ets { background-position : -675px 8px; }
ul.navigationContent li.features-ets { background-position : -540px 8px; }

ul.navigationContent li:hover.connect, 
ul.navigationContent li.connect.selected {
    background-position : 10px -107px;
}    

ul.navigationContent li:hover.phone,
ul.navigationContent li.phone.selected {
    background-position : -118px -107px;
}    

ul.navigationContent li:hover.share,
ul.navigationContent li.share.selected { 
    background-position : -260px -107px; 
}

ul.navigationContent li:hover.features,
ul.navigationContent li.features.selected {
    background-position : -530px -107px;
}    

ul.navigationContent li:hover.tech,
ul.navigationContent li.tech.selected {
    background-position : -665px -107px;
}    

ul.navigationContent li:hover.connect-ets, 
ul.navigationContent li.connect-ets.selected {
    background-position : 0 -107px;
}

ul.navigationContent li:hover.collaborate, 
ul.navigationContent li.collaborate.selected {
    background-position : -405px -107px;
}

ul.navigationContent li:hover.warrant, 
ul.navigationContent li.warrant.selected {
    background-position : -815px -107px;
}

ul.navigationContent li:hover.evolve, 
ul.navigationContent li.evolve.selected {
    background-position : -945px -107px;
}

ul.navigationContent li:hover.features-ets, 
ul.navigationContent li.features-ets.selected {
    background-position : -540px -107px;
}

ul.navigationContent li:hover.tech-ets, 
ul.navigationContent li.tech-ets.selected {
    background-position : -675px -107px;
}

ul.navigationContent li div.sep {
    width: 1px; 
    height: 85px;
    display: inline-block;
    float: right;
    margin: 0; 
    padding: 0;
    border: 0px transparent;
    background : transparent url('/images/adsl/adsl-top-sep.png') no-repeat 00% 0;
    top: 0;
}

ul.navigationContent li:hover div.triangle,
ul.navigationContent li div.triangle {
    display : none;
}

ul.navigationContent li.selected div.triangle{
    position:relative;
    width : 30px;
    height : 17px;
    background : transparent url('/images/adsl/arrowNavigationContent.png') no-repeat 0 100%;
    margin : 115px auto 0 auto;
    display : block;
}


ul.navigationContent li a {
    display : inline-block;
    float : left;
    text-align : center;
    height: 115px;
    color: #33acff;
    width : 100%;
    opacity: 0.7;
}

ul.navigationContent li a span { color : #33acff; }

/*ul.navigationContent li.connect.selected a,
ul.navigationContent li.phone.selected a,
ul.navigationContent li.share.selected a,
ul.navigationContent li.collaborate.selected a,
ul.navigationContent li.warrant.selected a,
ul.navigationContent li.features.selected a,
ul.navigationContent li.tech.selected a,
ul.navigationContent li.evolve.selected a, */
ul.navigationContent li.selected a, 
ul.navigationContent li a:hover {
    color: #33acff;
    opacity: 1;
}

ul.navigationContent li.selected a span {
    color : #33acff;
    font-weight : bold;
}

ul.navigationContent li a {
    text-decoration : none;
    font-size: 16px;
}

ul.navigationContent li a:hover span {
    color : #33acff;
}

#adslContent h2 {
    background : none;
}

#adslContent h3 {
    color : #0068b1;
    font-size : 18px;
    font-weight : 500px;
    float : left;
}

del.cutter {
    width: 100%;
    display: block;
    clear: both;
    height: 20px;
    margin: 0;
    padding: 30px 0 0 0;
    background: url('/images/main/panelShadow.jpg') no-repeat 50% 100% ;
    visibility : visible;
}

#adslContent Img {
    margin : 0 auto;
    display : block;
}

table.eligibiliyResult tr th.rborder,
table.eligibiliyResult tr td.rborder {
    border-right: solid 1px #999;
}

table.eligibiliyResult tr td h3 {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #3C3C3C;
    white-space: nowrap;
}

div.adslPanel {
    /*margin-top : 10px;*/
    /*background: transparent url('/images/adsl/adsl-panel-bg.png') repeat-x 0 0;*/
}    

div.backgroundWrapper {
    background: url('/images/adsl/adsl-content-top.png') no-repeat scroll 0px 85px transparent;
}


div.info {
    border : 1px solid #eaeaea;

    background: #ffffff; /* Old browsers */

    background: -moz-linear-gradient(top,  #ffffff 25%, #eaeaea 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  #ffffff 25%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  #ffffff 25%,#eaeaea 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  #ffffff 25%,#eaeaea 100%); /* IE10+ */

    background: linear-gradient(to bottom,  #ffffff 25%,#eaeaea 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */

    -webkit-border-radius: 3px;
        
            border-radius: 3px;
}

a.padsADSL {
    background-color : #F2F2F2;
    border : 1px solid #2c4672;
    -webkit-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0;
    margin : 0 35px 35px 35px;
    text-decoration : none;
}

a.padsADSL div.icons {
    background : transparent url('../images/adsl/new-icons/iconPadsADSL.png') no-repeat 0 0;
    width : 53px;
    height : 45px;
    display : block;
    float: left;
    margin : -20px 10px 0 -20px;
}    


a.padsADSL div.icons.connect { background-position : 0 -45px }
a.padsADSL div.icons.connect-ets { background-position : 0 -45px }
a.padsADSL div.icons.phone { background-position : -53px -45px }
a.padsADSL div.icons.share { background-position : -106px -45px }
a.padsADSL div.icons.collaborate { background-position : -159px -45px }
a.padsADSL div.icons.warrant { background-position : -212px -45px }
a.padsADSL div.icons.evolve { background-position : -265px -45px }


a.padsADSL:hover  div.icons.connect { background-position : 0 0}
a.padsADSL:hover  div.icons.connect-ets { background-position : 0 0}
a.padsADSL:hover  div.icons.phone { background-position : -53px 0}
a.padsADSL:hover  div.icons.share { background-position : -106px 0}
a.padsADSL:hover  div.icons.collaborate { background-position : -159px 0}
a.padsADSL:hover  div.icons.warrant { background-position : -212px 0}
a.padsADSL:hover  div.icons.evolve { background-position : -265px 0}

a.padsADSL .name {
    padding : 10px 0;
    color : #285579;
    font-weight : bold;
    display : block;
    font-size : 18px;
}

a.padsADSL:hover .name { color : #333333; }

a.padsADSL p {
    padding : 0 15px 15px 15px;
    text-align : justify;
}

a.padsADSL div.link {
    background : #285579;
    height : 30px;
    display : block;
    width : 100%;
    text-align : right;
    line-height : 30px;
    color : #FFF;
    font-weight : bold;
}

a.padsADSL:hover div.link { background : #333333; }

a.padsADSL div.link .arrow {
    background : transparent url('../images/adsl/new-icons/iconPadsADSL.png') no-repeat -330px -52px;
    width : 30px;
    height : 30px;
    display : block;
    float : right;
    margin : 0 -15px 0 15px;
}

a.padsADSL:hover div.link img.arrow {
    background-position : -330px -7px;
}

div.blue_pad2014 {
    background: transparent url(/images/adsl/blue_pad2014.jpg) no-repeat 0 100% ;
    padding: 0 0 0 5px ;
}

div#testPanel { background :none;width:100%;}