﻿ /*PROMO SLIDER*/
 p {
    margin: 0;
}
.wrapper-promo-panel-slide
{
     min-height:270px;
     position: fixed;
     right:-530px;
     top: 40%;
     z-index: 1000;
     width:570px;
     display:block;
     
 }
.promo-panel-slide-handle
{
    width:42px;
    background-color:#00a9e0;
    float:left;
    min-height:217px;
     margin-top:55px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    background-image:url("/UserControls/ProductPage/Promotion-Slider/Images/promo-panel-handle-txt.png");
    background-position: 5px 40px;
    cursor:pointer;
    background-repeat:no-repeat;
}
.promo-panel-slide-content-panel
{
     width:522px;
     background-color:#f8f8f8;
     float:left;
     min-height:270px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-left-radius: 15px;
    border: solid 1px #c1c1c1;
    border-left:5px solid #00A9E0;
    box-shadow: 6px 0px 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 6px 0px 15px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 6px 0px 15px rgba(0, 0, 0, 0.15);  
    background-color:#00A9E0;
}

.promo-panel-body-header
{
     width:100%;
     height:47px;
}
.promo-slider-h3
{
     padding:0px;
     margin:0px;
     line-height:47px;
     text-indent:20px;
     font-size:24px;
     color:#666666;
     font-weight:normal;
     display:block;
     float:left;
     display:block;
 }
 
 .promo-panel-body-header .btn-close-promo
 {
  background-image: url("/UserControls/ProductPage/Promotion-Slider/Images/icon-idal-popup-close.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  float: right;
  height: 17px;
  width: 17px;
  float:right; 
  margin-right:57px;
  margin-top:8px;
  }
  
  #promo-panel-body
  {
       width:100%;
       background-color:#FFFFFF;
       height:203px;
       float:left;
       padding-top:20px;
  }
  
 .promo-panel-body-left
  {
     float: left;
     padding-left: 2%;
     width: 44%;
  }
  
  
  .promo-panel-body-Right
  {
     border-left: 1px solid #cecece;
     float: left;
     padding-right: 1%;
     width: 52%;
     height:193px;
     min-height:193px;
     padding-bottom:10px;
   }
   
.promo-panel-body-Right ul
{
    list-style-type:none;
     padding:0px;
     margin:0px;
     font-size:14px;
     padding-left:15px;
}

 .promo-panel-body-Right ul li
{
    width:100%;
    background-image:url("/Images/Global/Bull/bullBlue.gif");
    background-position: center left;
    padding-left:15px;
    color:#424450;
    font-size:14px;
    margin-bottom:5px;
    background-repeat:no-repeat;
}

 .promo-panel-body-Right .ul-package-speeds
 {
      list-style-type:none;
      padding:0px;
      margin:0px;
 }
 
  .promo-panel-body-Right .ul-package-speeds li
 {
      float:left;
      height:25px;
      line-height:30px;
      border-bottom:1px solid #cecece;
      padding-left:0px;
      background-image:none;
      margin-left:15px;
      margin-right:10px;
      width:210px !important;
 }
 
  .li-package-col1,  .li-package-col2,  .li-package-col3,  .li-package-col4
  {
       text-align:left;
       padding-left:5px;
       display:block;
       float:left;
       font-size:14px;
  }
 .li-package-col1
 {
      width:60px;
      color:#424450;
 }
 .li-package-col2
 {
     width:64px;
     color:#ef3d3b;
     text-decoration:line-through;
}
.li-package-col3
{
     width:60px;
     color:#3b8c09;
 }
   .promo-panel-body-left p
  {
       font-size:25px;

  }
  .font-25
  {
      font-size:25px;
       line-height:28px;
  }
  .font-20
  {
      font-size:20px;
      line-height:23px;
  }
  .font-30
  {
      font-size:30px;
      line-height:33px;
  }
    .font-48
  {
      font-size:48px;
      line-height:51px;
  }
  .font-60
  {
      font-size:60px;
       line-height:63px;
  }
  .txt-promo-red
  {
       color:#f13e3b;     
  }  
  .txt-promo-large
  {
       font-size:34px !important;
  } 
  .txt-promo-medium
  {
       font-size: 20px;
       margin-top: 10px;
       display: block;
       margin-bottom: 10px;
}

.promoBtnBase 
{
 font-size:22px;
 text-align:center;
 text-decoration:none;
 color:#FFFFFF;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
 border-image: none;
 border-style: solid;
 border-width: 1px;
 box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.45);
 -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.45);
 -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.45);
 cursor: pointer;
 display: inline-block;
 transition: all 0.1s linear 0s;
 font-weight:bold;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 padding-left:30px !important;
 padding-right:30px !important;
 padding-top:5px;
 padding-bottom:5px;
 text-decoration:none !important;
 text-align:center;
 min-height:30px;
 line-height:30px;
 color:#FFFFFF !important;
 position:absolute;
 margin-bottom:20px;
 bottom:0px;
}

.promoBtnBase:hover
{
    background-position: 0 15px !important;
}
.promoBtnBase:active
{
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.38);
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.38);
 }
.promoBtnBase.btnPromoRed
{
 border-color:#c43632;
background-color: #f83f3d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4M2YzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2UxM2MzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZjM1MzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(top, #f83f3d 0%, #e13c38 50%, #bf3532 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f83f3d), color-stop(50%,#e13c38), color-stop(100%,#bf3532)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top, #f83f3d 0%,#e13c38 50%,#bf3532 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top, #f83f3d 0%,#e13c38 50%,#bf3532 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top, #f83f3d 0%,#e13c38 50%,#bf3532 100%); /* IE10+ */
background-image: linear-gradient(to bottom, #f83f3d 0%,#e13c38 50%,#bf3532 100%); /* W3C */
 background-repeat: repeat-x;
  margin-top:10px;
}
.wrapper-padding
{
     padding-left:15px;
     padding-right:15px;
 }
 
 /* tabs*/
 .promo-tab
 {
      display:inline-block;
      float:left;
      height:38px;
       line-height:38px;
      padding-left:20px;
      padding-right:20px;
      text-align:center;
      font-size:18px;
      margin-top:9px;
      color:#FFFFFF;
       cursor:pointer;
 }
  .promo-tab.activeTab
 {
      display:inline-block;
      float:left;
      height:38px;
      background-color:#FFFFFF;
      padding-left:20px;
      padding-right:20px;
      text-align:center;
      font-size:18px;
      color:#666666;
      -webkit-border-top-left-radius: 15px;
      -webkit-border-top-right-radius: 15px;
      -moz-border-radius-topleft: 15px;
      -moz-border-radius-topright: 15px;
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      color:#666666;
      -webkit-border-top-left-radius: 15px;
      -webkit-border-top-right-radius: 15px;
      -moz-border-radius-topleft: 15px;
      -moz-border-radius-topright: 15px;
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
 }
 /* panel images*/
 #promo-panel-body-Right-vdsl
 {
      background-image:url("/UserControls/ProductPage/Promotion-Slider/Images/Vdsl/promo-image-vdsl.png");
      background-repeat:no-repeat;
      background-position:60px 66px;
 }
 #promo-panel-body-left-price
 {
      margin-top:30px;
 }
 #wrapper-img-promo-price-cuts
 {
       background-image:url("/UserControls/ProductPage/Promotion-Slider/Images/Price-cuts/promo-image-price-cuts.png");
       background-repeat:no-repeat;
       width:96px;
       height:73px;
       background-position: 0 0;
       position:absolute;
       margin-top:-45px;
       margin-left:25px;       
 }         
 /*END PROMO SLIDER*/