.center-text {
    text-align: center;
}

.toUppercase {
    text-transform: uppercase;
}

.placeholder {
    color: #aaa;
}

.no-break {
    word-break: keep-all;
    display: inline-block;
}

.lt-ie8 .no-break {
    display: inline;
    zoom: 1;
}

/* bundle_calculator.css */

#toggleTab {
    position: relative;
    margin: 0;
    bottom: -1px;
    z-index: 15;
}

#toggleTab ul {
    list-style: none;
}

#toggleTab li {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
}

#toggleTab li a {
    display: block;

    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(230, 230, 230, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); /* IE6-9 */

    border: 1px solid #ddd;
    font-size: 22px;

    height: 50px;
    line-height: 50px;

    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;

    margin: 0;
    padding: 0 0 0 15px;
    text-decoration: none;

    width: 180px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#toggleTab li a:focus,
#toggleTab li a:hover {
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(242, 242, 242, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0); /* IE6-9 */

    text-decoration: none;

}

#toggleTab li a.open {
    background: #fff;
    border-bottom-color: #fff;
	color: #767676 !important;
}
#toggleTab span {
	width: 10px;
	height: 18px;
}
#toggleTab .arrow {
	height: 8px;
	width: 18px
}

#receiversTab {
	position: relative;
	display: none;
	z-index: 5;
}

#addTab {
	position: relative;
	display: none;
	z-index: 5;
}

/* check_Avail.css */

.fields label {
    display: block;
    float: left;
    width: 140px;
    height: 35px;
}

.checkAvailForm h2 {
    margin-bottom: 25px;
}

.checkAvailForm .checkAvailSubmit {
    padding-top: 5px;
    margin: 10px 0 15px 140px;

    /* may have to override
	float: right;
	padding-top: 5px;
	margin-right: 21px;
	margin-bottom: 0px;
	margin-top: 0px; */
    /*margin-left:-7px;*/
}

#checkAvailContent {
    /*height: 140px;
	width: 245px;*/
    height: auto;
    width: auto;
}

/* main.css */
.clear_full {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    text-indent: -9999px;
    visibility: hidden;
    width: 0
}

.full_width {
    width: 100%;
}

.no-padding {
    padding: 0 !important;
}

/* ----------------------------- */
/* Notification in Banner Module */
#notificationTopBanner {
    background: #f8f8f8 url(/web/resources/images/banner/notificationTopBanner_bg_h50.gif) repeat-x 0 100%;
    height: 50px;
    padding: 10px 0 0 0;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */

    display: none;
    position: relative;
}

#notificationTopBanner * {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

#notificationTopBanner .container {
    margin: 0 auto;
    position: relative;
    width: 960px;
}

/* --------------- */
#notificationTopBanner .close {
    background: transparent url(/web/resources/images/close.png) no-repeat 0 0;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 0;
    overflow: hidden;
    text-decoration: none;
    text-indent: 100%;
    top: 50%;
    width: 20px;
    white-space: nowrap;
    margin-top: -10px;
}

#notificationTopBanner .close:focus,
#notificationTopBanner .close:hover {
    background-position: 0 -20px;
}

/* --------------- */
/* --------------- */
#notificationTopBanner .simple_txt {
    color: #454545;
    margin: 0;
    padding: 0 30px;
    text-align: center;
}
#notificationTopBanner .text-left .simple_txt {
	text-align: left;
	padding-left: 0;
}
#notificationTopBanner .simple_txt,
#notificationTopBanner .simple_txt a,
#notificationTopBanner .simple_txt span {
    height: 30px;
    /*line-height: 30px;*/
    line-height: 15px;
}

#notificationTopBanner .simple_txt a {
    color: #004785;
}
#notificationTopBanner .simple_txt a.arrowLink {
	margin: 0 0 0 10px;
}
#notificationTopBanner .simple_txt a.arrowLink.checkavailLink {
	font-size: 15px;
}

#notificationTopBanner .simple_txt a span {
    font-weight: bold;
    padding: 0 3px 0 0;
    text-decoration: none;
}

#notificationTopBanner .simple_txt a:focus span,
#notificationTopBanner .simple_txt a:hover span {
    text-decoration: none;
}

#notificationTopBanner + #banner {
    margin-top: 50px;
}

#notificationTopBanner.close + #banner {
    margin-top: 0;
}

#notificationTopBanner .highlight-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 4px;
    left: 0;
    background: #eac518;
    opacity: .75;
}

/* --------------- */
/* ----------------------------- */

/**
 * Header CSS
 */
#headerNavOLD {
    display: none;
}

.resi #headerNav {
    right: 0;
}

.fn-links-pannel1 {
    height: 0;
    overflow: hidden;
}

#headerNav .header-list {
    height: 27px;
    overflow: hidden;
    background: transparent url(/web/resources/images/header/sub_menu_bg.png) no-repeat right 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#headerNav li {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#headerNav a {
    display: block;
    padding: 5px 13px 0 20px;
    white-space: nowrap;
}

#headerNav .headerNav {
    padding: 0;
}

#headerNav .headerNav.close {
    overflow: hidden;
}

#headerNav .headerMaster {
    background: transparent url(/web/resources/images/header/top_adrress_bg_sep.png) no-repeat 0 0;
    font-size: 15px;
}

#headerNav .headerNav + .headerNav {
    background: transparent url(/web/resources/images/header/header_subnav_separator.png) no-repeat 0 center;
}

#headerNav .headerNav.headerSelectedNav,
#headerNav .headerNav + .headerNav.headerSelectedNav {
    background: url("/web/resources/images/header/header_subnav_selected.png") no-repeat left top;
}

#headerNav .headerNav.headerSelectedNav + .headerNav {
    background-image: none;
}

#headerNav .headerMaster:first-child {
    background: transparent none;
}

#headerNav li > a:hover,
#headerNav li > a:focus,
#headerNav li.headerMaster.open > a {
    color: #ffd51d;
}

#checkAvailContent.icon-on-qc {
    background: transparent url(/web/resources/images/popup/icon_on-qc.png) no-repeat right 0;
}

/*.homeProductCheckAvail #checkAvailContent, .tv #checkAvailContent {
	background-image: none;
}*/

#checkAvailContent h2, #checkAvailContent div.fieldset {
    padding-right: 200px;
}

#checkAvailForm label {
    width: 180px;
}

#checkAvailForm label.error {
    line-height: 20px;
    display: block;
    float: left;
    width: 115px;
}

/* Checkavail displayed in a column, like how to order page */
.column-checkavail #checkAvailContent div.fieldset {
    padding-right: 0;
}

.column-checkavail #checkAvailContent h2 {
    display: none;
}

.column-checkavail #checkAvailContent.icon-on-qc {
    background: transparent none no-repeat 0 0;
}

/* residentioal.css */
.text_mtnone {
    margin-top: 0;
}

/* sidemenu.css */
.sideMenuMarginTopNull {
    margin-top: 0;
}

.sideMenu .arrowList {
    margin: 0 0 13px 0;
}

a.sideMenuNeedHelpOrSupport:focus,
a.sideMenuNeedHelpOrSupport:hover {
    text-decoration: none;
}

a.sideMenuNeedHelpOrSupport .sideMenuNeedHelpOrSupportBTN {
    background: url(/web/resources/images/layout/need_help_or_support_sprite.png) no-repeat 0 0;
    color: #334c3b;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 51px;
    line-height: 13px;
    padding: 5px 10px 0 0;
    margin: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lt-ie8 a.sideMenuNeedHelpOrSupport .sideMenuNeedHelpOrSupportBTN {
    height: 45px;
}

a.sideMenuNeedHelpOrSupport:focus .sideMenuNeedHelpOrSupportBTN,
a.sideMenuNeedHelpOrSupport:hover .sideMenuNeedHelpOrSupportBTN {
    background-position: 0 -51px;
    color: #334c3b;
    text-decoration: none;
}

.sideMenu h2 {
    font-size: 20px;
    line-height: 20px;
}

.sideMenuHowToOrder h2 {
    font-size: 20px;
    line-height: 20px;
}

.sideMenuHowToOrder a:focus,
.sideMenuHowToOrder a:hover {
    text-decoration: none;
}

.sideMenuBuildBundle_blocktop h2 {
    font-size: 20px;
    line-height: 20px;
}

.btnBuildMyBundle {
    border: 1px solid #decd0e;
    color: #454545;
    display: block;
    font-family: "MyriadProRegular", Arial, Helvetica, sans-serif;
    font-size: 19px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 15px;
    text-align: center;
    text-decoration: none;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    background: #fee910;
    box-shadow: inset 0 -15px 15px #f6c703;
}

.btnBuildMyBundle:focus,
.btnBuildMyBundle:hover {
    background: #fee910;
    box-shadow: inset 0 -15px 15px #ddbb19;
    text-decoration: none;
}

.btnCheckAvaillability,
.btnCheckAvaillability span {
    color: #fff;
    cursor: pointer;
    font-family: "MyriadProRegular", Arial, Helvetica, sans-serif;
    display: block;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}

.btnCheckAvaillability {
    background: #004f93; /* Old browsers */
    background: -moz-linear-gradient(top, #004f93 0%, #003f77 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #004f93), color-stop(100%, #003f77)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #004f93 0%, #003f77 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #004f93 0%, #003f77 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #004f93 0%, #003f77 100%); /* IE10+ */
    background: linear-gradient(to bottom, #004f93 0%, #003f77 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004f93', endColorstr='#003f77', GradientType=0); /* IE6-9 */
    text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.75);

    padding: 0 10px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.btnCheckAvaillability:focus,
.btnCheckAvaillability:hover {
    background: #368bd8; /* Old browsers */
    background: -moz-linear-gradient(top, #368bd8 0%, #004f93 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #368bd8), color-stop(100%, #004f93)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #368bd8 0%, #004f93 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #368bd8 0%, #004f93 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #368bd8 0%, #004f93 100%); /* IE10+ */
    background: linear-gradient(to bottom, #368bd8 0%, #004f93 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#368bd8', endColorstr='#004f93', GradientType=0); /* IE6-9 */
    box-shadow: none;
    text-decoration: none;
}

.buildMyPackageList {
    border-top: 1px solid #cbcbcb;
    list-style: none;
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
    text-align: left;
}

.buildBundleId, .buildBundle {
    background: transparent;
    margin: 0;
    padding: 0;
}

.buildBundleId p {
    font-size: 13px;
    line-height: 15px;
    margin: 0 0 10px 0;
}

.buildBundleId p.notification {
    padding-left: 33px;
}

.buildBundleId p.table_infos {
    line-height: 20px;
}

.buildBundleId p.table_infos strong {
    display: inline-block;
    width: 95px;
}

.buildBundle {
    /*padding: 15px 15px 4px 15px;*/
    padding: 0 0 4px 0;
}

.homeProductBox > a {
    padding: 17px 18px 20px 18px;
}

.homeProductBox > a.lastProduct {
    padding: 17px 10px 20px 18px;
}

.box.css.homeProductCheckAvail {
    float: right;
    margin-left: 7px;
    margin-right: 0;
    width: 190px;
}

.box.css.homeProductCheckAvail h2 {
    line-height: 17px;
    font-size: 17px;
    /*width: 165px;*/
}

.homeProductCheckAvail #checkAvailContent .box {
    padding: 0 0 0 25px;
}

.homeProductCheckAvail #checkAvailContent .btnBuildMyBundle {
    margin: 10px 0;
    width: 188px;
}

.box.css.homeProductBox {
    float: none;
    left: 0;
    width: 75%;
}

.box.css.homeProductCheckAvail .btnCheckAvaillability {
    position: absolute;
    width: 170px;
    bottom: 20px;
}

.box.css.homeProductCheckAvail .btnBuildMyBundle {
    position: absolute;
    bottom: 5px;
}

/* ------------------------------------------- */
.openBox_identity {
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 3px #d7d7d7;
    margin: -15px -15px 15px -15px;
    padding: 15px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;

    background: #fdfdfd; /* Old browsers */
    background: -moz-linear-gradient(top, #fdfdfd 0%, #dfdfdf 80%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(80%, #dfdfdf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fdfdfd 0%, #dfdfdf 80%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fdfdfd 0%, #dfdfdf 80%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fdfdfd 0%, #dfdfdf 80%); /* IE10+ */
    background: linear-gradient(to bottom, #fdfdfd 0%, #dfdfdf 80%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#dfdfdf', GradientType=0); /* IE6-9 */

}

body.locked {
    overflow: hidden;
}

#checkAvailOverlayForm label.error {
    width: auto;
    background: #fff;
    padding: .25em;
    border: 1px solid #ccc;
    margin-top: -1px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

#checkAvailOverlayForm label.error:before {
    content: '';
    border: 8px solid transparent;
    border-right-color: #ccc;
    position: absolute;
    top: 2px;
    left: -16px;
}

/* CHANNEL DETAIL OVERLAY */
.overlay_content.channel-detail .the-content > div:first-child {
    width: 100px;
    margin-right: 12px;
}

.overlay_content.channel-detail .the-content > div {
    float: left;
    width: 350px;
}

.overlay_content.channel-detail .the-content > div:first-child img {
    max-width: 100%;
}

.overlay_content.channel-detail .the-content {
    position: relative;
    padding-bottom: 15px;
}

.overlay_content.channel-detail .the-content .tvlistChannelsResultsPosition {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: -3px;
}

/* TIVO TV HOME (tv.css) */
.accueil-header {
    width: 100%;
    min-height: 455px;
}

.accueil-header-best {
    width: 100%;
    min-height: 122px;
}

.title-wrapper {
    display: block;
}

.title-wrapper h1 {
    line-height: 40px;
    margin: 0 0 20px 0;
}

.title-logo {
    width: 16px;
    height: 44px;
    float: left;
    margin: 0 10px 0 0;
}

.tivo-home hr {
    margin: 40px 0;
}

.tivo-home .desc-box {
    float: left;
    width: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    padding-right: 5%;
}

.tivo-home .desc-wrapper .desc-box:first-child + .desc-box,
.tivo-home .desc-wrapper .desc-box + .desc-box + .desc-box + .desc-box {
    padding-right: 0;
}

.lt-ie8 .tivo-home .desc-box {
    float: left;
    width: 320px;
    padding-right: 15px;
}

.link-wrapper {
    display: block;
    text-align: center;
}

/* buttons */
.tivo-home .submitButton,
.tivo-best .submitButton,
.zone-wrapper .submitButton,
.submitButtonSmall {
    font-weight: normal;
    padding: 12px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 18px;
    background: #004f93; /* Old browsers */
    background: -moz-linear-gradient(top, #004f93 0%, #003f77 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #004f93), color-stop(100%, #003f77)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #004f93 0%, #003f77 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #004f93 0%, #003f77 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #004f93 0%, #003f77 100%); /* IE10+ */
    background: linear-gradient(to bottom, #004f93 0%, #003f77 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004f93', endColorstr='#003f77', GradientType=0); /* IE6-9 */
    text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.75);
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
}

.submitButtonGreen {
    font-weight: normal;
    padding: 5px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    background: #77ac25; /* Old browsers */
    background: -moz-linear-gradient(top, #77ac25 0%, #669721 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #77ac25), color-stop(100%, #669721)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #77ac25 0%, #669721 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #77ac25 0%, #669721 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #77ac25 0%, #669721 100%); /* IE10+ */
    background: linear-gradient(to bottom, #77ac25 0%, #669721 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77ac25', endColorstr='#669721', GradientType=0); /* IE6-9 */
    text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.75);
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    color: #FFFFFF;
}

.submitButtonGreen:hover,
.submitButtonGreen:focus {
    background: #84c129; /* Old browsers */
    background: -moz-linear-gradient(top, #84c129 0%, #74ad25 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #84c129), color-stop(100%, #74ad25)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #84c129 0%, #74ad25 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #84c129 0%, #74ad25 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #84c129 0%, #74ad25 100%); /* IE10+ */
    background: linear-gradient(to bottom, #84c129 0%, #74ad25 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#84c129', endColorstr='#74ad25', GradientType=0); /* IE6-9 */
    box-shadow: none;
    text-decoration: none;
}

.tivo-home .submitButton:hover,
.tivo-home .submitButton:focus,
.tivo-best .submitButton:hover,
.tivo-best .submitButton:focus,
.zone-wrapper .submitButton:hover,
.zone-wrapper .submitButton:focus {
    background: #368bd8; /* Old browsers */
    background: -moz-linear-gradient(top, #368bd8 0%, #004f93 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #368bd8), color-stop(100%, #004f93)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #368bd8 0%, #004f93 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #368bd8 0%, #004f93 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #368bd8 0%, #004f93 100%); /* IE10+ */
    background: linear-gradient(to bottom, #368bd8 0%, #004f93 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#368bd8', endColorstr='#004f93', GradientType=0); /* IE6-9 */
    box-shadow: none;
    text-decoration: none;
}

.tivo-best .desc-box {
    float: left;
    width: 33.3%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    padding-right: 5%;
}

.lt-ie8 .tivo-best .desc-box {
    float: left;
    width: 28%;
    padding-right: 5%;
}

.lpPoweredByDiv {
    display: none;
}

.orderBox {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#797979+0,3b3b3b+76 */
    background: #797979; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5Nzk3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzNiM2IzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #797979 0%, #3b3b3b 76%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #797979 0%,#3b3b3b 76%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #797979 0%,#3b3b3b 76%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#797979', endColorstr='#3b3b3b',GradientType=0 ); /* IE6-8 */

    /* background: #e2e2e2; /!* Old browsers *!/
	 background: -moz-linear-gradient(top, #e2e2e2 0%, #ffffff 30%); /!* FF3.6+ *!/
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2), color-stop(30%, #ffffff)); /!* Chrome,Safari4+ *!/
	 background: -webkit-linear-gradient(top, #e2e2e2 0%, #ffffff 30%); /!* Chrome10+,Safari5.1+ *!/
	 background: -o-linear-gradient(top, #e2e2e2 0%, #ffffff 30%); /!* Opera 11.10+ *!/
	 background: -ms-linear-gradient(top, #e2e2e2 0%, #ffffff 30%); /!* IE10+ *!/
	 background: linear-gradient(to bottom, #e2e2e2 0%, #ffffff 30%); /!* W3C *!/
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#ffffff', GradientType=0); /!* IE6-9 *!/*/
    text-align: center;
}
.orderBox h2{
    color:#fff;
}
/*.orderBox a{
	color:#fff;
}*/

.box.css + .box.css.orderBox,
.whats_new_promotions + .box.css.orderBox,
.internetBox.connected + .box.css.orderBox {
    margin-top: -15px;
    border-radius: 0 0 5px 5px;
    position: relative;
}

.box.css + .box.css.orderBox .orderArrow:after,
.whats_new_promotions + .box.css.orderBox .orderArrow:after,
.internetBox.connected + .box.css.orderBox .orderArrow:after {
    border-top-color: #ffffff;
}

.lt-ie9 .orderBox {
    zoom: 1;
}

.orderArrow {
    background: url(/web/resources/images/tivo/tv/order-box-arrow.png) top center no-repeat;
    width: 100%;
    margin: -16px 0 10px -15px;
    position: relative;
    padding: 15px;
}
.orderArrow.white:after {
    border-top-color: white !important;
}
.orderArrow:after {
    content: '';
    position: absolute;
    border: 13px solid transparent;
    border-top-color: #f5f5f5; /* Ovewrite this color for different arrow color */
    left: 50%;
    top: 0;
    margin-left: -13px;
}

.orderLinks {
    max-width: 100%;
    min-width: 58%;
    display: inline-block;
    margin: 0 auto;
}

.orderLinks ul li {
    float: left;
    list-style: none;
    line-height: 49px;
    height: 49px;
}
.orderLinks .store a,
.orderLinks .business a{
    color:#fff;
}
.logo_bundle a,
.logo_phone a,
.logo_store a,
.logo_agent a {
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    /*padding-right: 8px;*/
    box-sizing: border-box;
}

.logo_agent {
    position: relative;
    top: -50px;
}

.tv .sideMenu.tivo, .internet .sideMenu.tivo {
    margin-top: 89px;
}

.internet .sideMenu.tivo.sideMenutivoCompare {
    margin-top: 109px;
}

/**************************************************
TV TIVO LANDING LEGACY - /web/on/en/residential/tv/
**************************************************/
.digitaltv-home hr {
    margin: 20px 0;
}

.digitaltv-home h3 {
    margin: 0;
}

.digitaltv-image-3televisions {
    background: url(/web/resources/images/tv/digitaltv-3televisions.png) no-repeat top left;
    display: block;
    height: 230px;
    margin: 25px auto;
    width: 568px;
}

.digitaltv-image-samplenetworks {
    background: url(/web/resources/images/tv/digitaltv-samplenetworks.png) no-repeat top right;
    display: block;
    float: right;
    height: 107px;
    width: 218px;
    margin: 15px 0 0 35px;
}

.digitaltv-image-hdquality {
    background: url(/web/resources/images/tv/digitaltv-hdquality.png) no-repeat top right;
    display: block;
    float: left;
    margin-right: 25px;
    height: 160px;
    width: 208px;
}

.digitaltv-image-cogecoondemand {
    background: url(/web/resources/images/tv/digitaltv-cogecoondemand.png) no-repeat top right;
    display: block;
    float: right;
    margin-left: 25px;
    height: 166px;
    width: 222px;
}

.digitaltv-image-bundleservices {
    background: url(/web/resources/images/tv/digitaltv-bundleservices.png) no-repeat top right;
    display: block;
    float: left;
    margin-right: 25px;
    height: 228px;
    width: 291px;
}

.digitaltv-info-bundleservices {
    float: left;
    margin: 20px 0 0 0;
}

.digitaltv-home .topShadow {
    background: url(/web/resources/images/tv/digitaltv-topshadow.png) no-repeat top center;
    padding-top: 20px;
}

.orderBottom {
    background: #828282 url(/web/resources/images/tv/digitaltv-bg-orderbottom.jpg) repeat-y top right;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    margin-bottom: 15px;
    padding: 15px;
    position: relative;
}

.orderBottom p {
    color: white;
    font: normal 20px Arial, Helvetica, sans-serif;
    margin: 0;
}

.orderBottom p span {
    font-weight: bold;
}

.digitaltv-image-circledivider {
    background: url(/web/resources/images/tv/digitaltv-circledivider.png) no-repeat top left;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
    height: 32px;
    width: 32px;
}

.digitaltv-image-circledivider span {
    color: white;
    display: block;
    font: normal 18px Arial, Helvetica, sans-serif;
    height: 20px;
    text-align: center;
    margin: 4px auto;
}

.orderBottom .submitButton {
    float: right;
    margin: 0;
}

/**************************************************
TV TIVO LANDING - /web/on/en/residential/tv/
**************************************************/
.tivo-home .accueilColumnLeft {
    padding-right: 15px;
}

.tivo-home .accueilColumnRight {
    padding-left: 15px;
}

.tivo-home .accueilColumnLeft ul,
.tivo-home .accueilColumnRight ul {
    margin-left: 5px;
}

.tivo-home .borderLeft {
    border-left: 1px solid #cecece;
}
.tv-landing {
    background: url(/web/resources/images/residential/tv/tivo-services.png) no-repeat right 27px;
}
.tv-landing > div,
.tv-landing-aside > div {
    display: table-cell;
    vertical-align: middle;
    padding-right: 363px;
    background-position: right center;
    background-repeat: no-repeat;
    width: 688px;
}
.tv-landing > .swapped,
.tv-landing-aside > .swapped {
    padding-left: 363px;
    padding-right: 0;
    background-position: left center;
}
.tv-landing-aside > div {
    height: 250px;
}

.tv-landing .section-introducing-tivo {
    height: 248px;
}

.tv-landing .section-introducing-tivo p:first-child {
    margin-top: 0;
    margin-bottom: .5em;
}

.tv-landing .section-introducing-tivo h2 {
    margin: 0;
}

.tv-landing .section-introducing-tivo h2 + p {
    font-family: MyriadProRegular, Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-right: -80px;
    margin-top: .5em;
}

.tv-landing .section-packages {
    background-image: url(/web/resources/images/tivo/tv/tv-with-tivo-guide-bg.png);
    height: 242px;
}

html[lang="fr"] .tv-landing .section-packages {
    background-image: url(/web/resources/images/tivo/tv/tv-with-tivo-guide-bg-fr.png);
}

.tv-landing .section-receiver {
    background-image: url(/web/resources/images/tivo/tv/tivo-receiver-with-mini-bg.png);
    height: 220px;
}

.section-on-demand.en {
    background-image: url(/web/resources/images/banner/whattorent/tv_home_en.jpg);
    padding:30px 20px 20px 350px;
    box-sizing: border-box;
    height:204px;
    color:#fff;
}
.section-on-demand h2,
.section-on-demand a{color:#fff;}
.section-on-demand.fr {
    background-image: url(/web/resources/images/banner/whattorent/tv_home_fr.jpg);
    padding:30px 20px 20px 350px;
    box-sizing: border-box;
    min-height:240px;
    color:#fff;
}
.tv-testimonial .social{display:none;}
.tv-landing-aside .section-tv-guide {
    background-image: url(/web/resources/images/residential/tv/tv-guide.jpg);
    background-position: 390px bottom;
    padding-bottom: 15px;
}
.tv-landing-aside .section-tv-guide.swapped {
    background-position: 25px bottom;
}
.tv-landing-aside .section-tv-guide + hr {
    margin-top: 0;
}

.tv-landing-aside .section-brochure {
    background-image: url(/web/resources/images/residential/tv/brochure_en.jpg);
}

html[lang="fr"] .tv-landing-aside .section-brochure {
    background-image: url(/web/resources/images/residential/tv/brochure_fr.jpg);
}

.tv-landing-aside .section-tvcogeco {
    background-image: url(/web/resources/images/residential/tv/tvcogeco.jpg);
    background-position: 442px center;
}

.tv-landing-aside .section-tvcogeco.swapped {
    background-position: 68px center;
}

.tv-landing-aside .section-tsn-sport {
     background-image: url(/web/resources/images/residential/tv/tsn-sport.jpg);
     background-position: 402px 45px;
 }

.tv-landing-aside .section-tsn-sport.swapped {
    background-position: 38px 45px;
}

.tv-landing-aside .section-tva-sport {
    background-image: url(/web/resources/images/residential/tv/tva-sport.jpg);
    background-position: 402px 45px;
}

.tv-landing-aside .section-tva-sport.swapped {
    background-position: 38px 45px;
}

.tv-landing-aside .section-remote-recorder {
    background-image: url(/web/resources/images/residential/tv/remote-recorder.jpg);
    background-position: 360px center;
}
.tv-landing-aside .section-remote-recorder.swapped {
    background-position: 15px 45px;
}
.pageNavTivo.four li
.tv-landing-aside .section-remote-recorder.swapped {
    background-position: 14px center;
}

/**************************************************
TV TIVO LANDING SPRITES - /web/on/en/residential/tv/
**************************************************/
.tivo-image-tivotv {
    display: block;
    height: 209px;
    width: 100%;
}

.tivo-image-digitaltv {
    background: url(/web/resources/images/tivo/tv/tv_digitaltv.jpg) center center no-repeat;
    display: block;
    height: 209px;
    width: 100%;
}

.tivo-sprite-en-ondemand10anniversary {
    background: url(/web/resources/images/tivo/tv/tv_en_ondemand.jpg) center center no-repeat;
    display: block;
    height: 100px;
    width: 180px;
}

/**************************************************
TV TIVO PACKAGES - /web/on/en/residential/tv/tivo/packages/
**************************************************/
.package-intro {
    margin-top: 20px;
    font-family: "MyriadProRegular", Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin-bottom: 8px;
    color: #454545;
    font-weight: normal;
}

#notification_form .fieldArea > div {
    float: left;
    width: 200px;
    position: relative;
}

#notification_form .fieldArea > div + div {
    min-width: 250px;
}

#notification_form .fieldArea {
    margin: 0 0 15px 0;
}

#notification_form label.error {
    position: absolute;
    bottom: -15px;
    left: 0;
}

#notification_form .fieldArea.consent label.consent {
    position: relative;
    padding: 0 0 0 20px;
}

#notification_form .consent input[type=checkbox] {
    position: absolute;
    left: 0;
}

/**************************************************
TIVO NOTIFICATION FORM - /web/on/en/residential/notification_form.php
**************************************************/
#notification_form

/*** images ***/

 .tivo-image-package {
    display: block;
    height: 181px;
    float: left;
    margin: 0 30px 0 0;
    width: 221px;
}

.tivo-image-multimedia {
    display: block;
    height: 49px;
    width: 220px;
    margin: 11px 0 0 0;
}

.tivo-image-basic {
    display: block;
    height: 100px;
    margin: 0 auto;
    width: 221px;
}

.tivo-image-basic span {
    display: block;
    font: bold 36px Arial, Helvetica, sans-serif;
    height: 38px;
    margin: 0 0 0 92px;
    padding: 35px 0 0 0;
    width: 50px;
    text-align: center;
}

.tivo-image-receiver {
    display: block;
    height: 45px;
    width: 221px;
    margin: 20px 0 0 0;
}

.icon-blue-arrow-right {
    background: url(/web/resources/images/layout/bullet_bleu_arrow.png) no-repeat center left;
    padding-left: 10px;
}

.icon-blue-arrow-down {
    background: url(/web/resources/images/layout/expanded_blue_arrow.png) no-repeat center left;
    padding-left: 12px;
}

.list-channels.icon-blue-arrow-up,
.icon-blue-arrow-up {
    background: url(/web/resources/images/layout/back_to_top_blue_arrow.png) no-repeat center left;
    padding-left: 12px;
}

.tivo-image-divider {
    background: url(/web/resources/images/tivo/tv/package-divider.png) no-repeat top left;
    display: block;
    height: 267px;
    width: 36px;
}

.tivo-image-divider span {
    font: bold 18px Arial, Helvetica, sans-serif;
    display: block;
    height: 20px;
    margin: 114px 0 0 0;
    text-align: center;
}

.tivo-image-hdreceiver {
    float: left;
    height: 140px;
    width: 180px;
}

.tivo-image-internet {
    float: left;
    display: block;
    height: 140px;
    width: 180px;
}

/*** INTERNET ***/
.tivo-image-tivoInternet {
    display: block;
    height: 170px;
    width: 100%;
}

.tivo-image-tivoLegacy {
    display: block;
    height: 170px;
    width: 100%;
}

.tivo-image-internetUsage {
    float: right;
    width: 190px;
    height: 125px;
}

.tivo-image-securityServices {
    float: right;
    width: 250px;
    height: 125px;
}

.tivo-image-wifi {
    float: right;
    width: 190px;
    height: 125px;
}

.tivo-image-internet-important {
    float: left;
    width: 102px;
    height: 80px;
    padding: 0 20px;
}

.tivo-image-new {
    background: url(/web/resources/images/tivo/internet/internet_new.png) top left no-repeat;
    float: left;
    width: 38px;
    height: 15px;
}

.packageSpecsLeft {
    float: left;
    width: 200px;
    margin-right: 5px;
}

/*** INTERNET COMPARE ***/
.internetCompare .tableHeader {
    background: url("/web/resources/images/layout/table_head.png") no-repeat scroll 0 0 transparent;
    height: 60px;
    margin-bottom: -52px;
    margin-left: -16px;
    margin-top: -16px;
    width: 653px;
}

.internetCompare .table table td {
    margin: 0;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-top: 0;
    vertical-align: top;
}

.internetCompare .priceFormatter {
    text-align: center;
}

.depassement_tableau {
    border: 1px solid #cecece;
    border-collapse: collapse;
    width: 100%;
}

.depassement_tableau thead {
    background: #f9f9f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #ebebeb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #ebebeb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #ebebeb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9f9f9 0%, #ebebeb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9f9f9 0%, #ebebeb 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f9f9f9 0%, #ebebeb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#ebebeb', GradientType=0); /* IE6-9 */

    font-weight: normal;
    font-size: 16px;
    color: #004785;
}

.depassement_tableau th {
    border: 1px solid #cecece;
    padding: 15px 10px 10px 10px;
    font-weight: normal;
}

.depassement_tableau tr td {
    border: 1px solid #cecece;
}

.td_background_even {
    background-color: #F5F5FF;
}

/*** PAGE NAV ***/

.pageNavTivo,
.pageNavTivo.two,
.pageNavTivo.three,
.pageNavTivo.four,
.pageNavTivo.five {
    display: block;
    list-style: none;
    width: 100%;
    margin: 0 0 20px;
    font-size: 16px;
    border: 1px solid #cecece;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.pageNavTivo ul {
    list-style: none;
    width: 100%;
}

.pageNavTivo li {
    float: left;
    position: relative;
    width: 22%;
    text-align: center;
    box-sizing: border-box;
}

.pageNavTivo li + li + li + li {
    width: 34%;
}

.pageNavTivo li a {
    color: #454545;
    display: block;
    line-height: 38px;
    margin: 6px 0;
    text-decoration: none;
}

.pageNavTivo li + li a {
    border-left: 1px solid #fddb1c;
}

.pageNavTivo li.Selected {
    background: #ededed; /* Old browsers */
    background: -moz-linear-gradient(top, #ededed 0%, #ffffff 62%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(62%, #ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ededed 0%, #ffffff 62%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ededed 0%, #ffffff 62%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ededed 0%, #ffffff 62%); /* IE10+ */
    background: linear-gradient(to bottom, #ededed 0%, #ffffff 62%); /* W3C */
    font-weight: bold;
}

.lt-ie9 .pageNavTivo li.Selected {
    background: url(/web/resources/images/tivo/tv/pagenav-bg-selected.png) repeat-x;
}

.pageNavTivo li:first-child.Selected {
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.pageNavTivo.barFixed li:first-child.Selected {
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}

.pageNavTivo.two li + li.Selected,
.pageNavTivo.three li + li + li.Selected,
.pageNavTivo.four li + li + li + li.Selected,
.pageNavTivo.five li + li + li + li + li.Selected {
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.pageNavTivo.barFixed li + li + li + li.Selected {
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}

.pageNavTivo li.Selected:after, .pageNavTivo li.Selected:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.pageNavTivo li.Selected:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 8px;
    margin-left: -8px;
}

.pageNavTivo li.Selected:before {
    border-color: rgba(206, 206, 206, 0);
    border-top-color: #cecece;
    border-width: 9px;
    margin-left: -9px;
}

.pageNavTivo.two li {
    width: 50%;
}

.pageNavTivo.three li {
    width: 33.333333%;
}

.pageNavTivo.three.fixedSize li,
.pageNavTivo.three.fixedSize li + li + li {
    width: 30%;
}

.pageNavTivo.three.fixedSize li + li {
    width: 40%;
}

.pageNavTivo.four li {
    width: 25%;
}

.pageNavTivo.five li {
    width: 20%;
}

.pageNavTivo.five.fixedSize li + li,
.pageNavTivo.five.fixedSize li + li + li,
.pageNavTivo.five.fixedSize li + li + li + li + li {
    width: 18.6%;
}

.pageNavTivo.five.fixedSize li,
.pageNavTivo.five.fixedSize li + li + li + li {
    width: 22.1%;
}

.pageNavTivo.barFixed {
    position: fixed;
    z-index: 2;
    width: 722px;
    top: 0;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
}

.pageNavTivo.flexible {
    display: table;
}

.pageNavTivo.flexible ul {
    float: none;
    display: table-row;
}

.pageNavTivo.flexible li {
    float: none;
    display: table-cell;
    width: auto;
}

.pageNavTivo.flexible a {
    padding: 0 15px;
}

/*** SECTION INCLUDED ***/
.tivo-package {
    position: relative;
}

.column {
    display: block;
    float: left;
}

.column1-included {
    width: 228px;
    position: absolute;
    float: none;
    top: 78px;
    left: 0;
}

.column2-included {
    /*width: 230px;*/
    width: 100%;
    float: none;
}

.column3-included {
    width: 228px;
    position: absolute;
    float: none;
    top: 76px;
    right: 0;
}

.ajax-loader {
    background: url(/web/resources/images/tivo/tv/ajax-loader.gif) no-repeat center center;
    display: none;
    margin: 0 auto;
    width: 32px;
    height: 32px;
}

/*** SECTION STEP1 ***/

.column1-step1,
.column2-step1 {
    display: block;
    padding-left: 17px;
    /*width: 326px;*/
    width: 309px;
}

.column1-step1 {
    padding-left: 0;
    padding-right: 17px;
}

.column1-step1 h3,
.column2-step1 h3 {
    margin-top: 40px;
}

.column1-step1 .priceFormatter,
.column2-step1 .priceFormatter {
    float: right;
    width: 155px;
}

.priceFormatter p,
.priceFormatter p a {
    margin-bottom: 0;
}

.channels {
    display: block;
    margin: 0 auto;
    width: 688px;
}

.up-pointer-sep {
    background: url(/web/resources/images/tivo/tv/package-bg-channels.jpg) no-repeat top center;
    padding-top: 20px;
}

.channels > p,
.fn-channelsDropdownContainer > p {
    display: block;
    text-align: center;
}

.channels .tvchannel_background {
    background-color: #FFF !important;
    border-bottom: 0 !important;
    float: left;
    min-width: 70px;
    width: 14%;
    text-align: center;
}

.channels .details {
    display: none;
}

/**************************************************
TV TIVO PACKAGES > THEMES - /web/on/en/residential/tv/tivo/packages/theme_packs.php
**************************************************/
.tivo-image-package {
    width: 221px;
    height: 181px;
    float: left;
    margin: 0 30px 0 0;
}

.tivo-image-package + h3 {
    margin: 0;
}

/*** THEMES SECTION ***/
.column-theme-1 .priceFormatter,
.column-theme-2 .priceFormatter {
    float: right;
    width: 160px;
}

.column-theme-1, .column-theme-2, .column-theme-3, .column-theme-4 {
    width: 326px;
}

.column-theme-1 h3,
.column-theme-2 h3 {
    margin: 40px 0 20px 0;
}

.column-theme-3 h3,
.column-theme-4 h3 {
    margin: 60px 0 20px 0;
}

.column-theme-divider {
    background: #e7e7e7;
    display: block;
    height: 330px;
    width: 1px;
    margin: 0 16px 0 17px;
}

.column-theme-divider-noStyle {
    background: #e7e7e7;
    display: block;
    height: 320px;
    width: 1px;
    margin: 0 16px 0 17px;
}

.column-img,
.column-info {
    width: 50%;
    box-sizing: border-box;
    float: left;
}

.lt-ie9 .column-img,
.lt-ie9 .column-info {
    width: 49%;

    float: left;
}

.theme-hrdivider {
    background: url(/web/resources/images/tivo/tv/package-theme-hrdivider-plain.png) no-repeat center center;
    display: block;
    overflow: hidden;
    height: 36px;
    width: 688px;
}

/*** PACKAGE-TEASERS ***/
.pre-ass-packages-presentation + .package-wrapper {
    border: none;
}

.pre-ass-packages-presentation a.target-hidden:before {
    content: "See ";
}

.pre-ass-packages-presentation a.target-hidden:before {
    content: "See ";
}

html[lang="fr"] .pre-ass-packages-presentation a.target-hidden:before {
    content: "Voir ";
}

.pre-ass-packages-presentation a.target-visible:before {
    content: "Hide ";
}
#pre-assambled-packages > div:focus {
    outline: none;
}
.pre-ass-packages-presentation a.target-visible {
    background: url("/web/resources/images/layout/expanded_blue_arrow.png") left 4px no-repeat;
}

html[lang="fr"] .pre-ass-packages-presentation a.target-visible:before {
    content: "Masquer ";
}

.package-wrapper {
    border-bottom: 1px solid #e0e0e0;
}

.package-wrapper + .package-wrapper {
    border-top: none;
}

.package-teaser {
    width: 50%;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 15px;
}

.package-teaser.flex-pack,
.package-teaser.digital-starter-pack {
    padding-right: 15px;
}

.package-teaser.pick-pack {
    padding-left: 15px;
    border-left: 1px solid #e0e0e0;
    margin-left: -1px;
}

.package-teaser.pick-pack .new_banner {
    right: -20px;
}

.package-teaser.flex-pack {
    border-right: 1px solid #e0e0e0;
    z-index: 1;
}

.included-in-packages .check-list li {
    width: 50%;
    display: block;
    box-sizing: border-box;
    float: left;
    list-style: none;
    padding-bottom: 15px;
    padding-left: 25px;
    line-height: 25px;
    background: url('/web/resources/images/support/check-mark.png') no-repeat left 1px;
}
/*** border grid ***/
.borderGrid .row + .row {
    border-top: 1px solid #e0e0e0;
}

.borderGrid .col {
    border: solid #e0e0e0;
    border-width: 0 1px;
    padding: 15px;
    box-sizing: border-box;
}

.borderGrid .col:first-child {
    border-left: none;
}

.borderGrid .col + .col {
    margin-left: -1px;
    padding-left: 16px;
}

.borderGrid .col.last {
    border-right: none;
}

.borderGrid .row:first-child .col {
    padding-top: 0;
}

.borderGrid .row.last .col {
    padding-bottom: 0;
}

/*** FILTER SECTION ***/
.btn-category {
    background: #e1e3e4;
    color: #626262;
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    margin: 0 5px 15px;
    padding: 4px 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-decoration: none;
}

.btn-category:hover {
    background: #ccc;
    text-decoration: none;
}

.btn-category.active {
    background: #626262;
    color: white;
}

.theme-wrapper {
    border-top: 1px solid #e7e7e7;
    position: relative;
}

.theme-wrapper .theme-header a {
    display: block;
    padding: 10px 0 10px 12px;
}

/*** HELP SECTION ***/
.tivo-image-buildpackage {
    display: block;
    float: left;
    height: 156px;
    margin: 20px 30px 20px 0;
    width: 195px;
}

/**************************************************
TV TIVO PACKAGES > PREMIUM PACKS - /web/on/en/residential/tv/tivo/packages/extra_premium_packs.php
**************************************************/
.fn-filterThemeChannelsListlinkPriceContainer {
    border-top: 1px solid #e7e7e7;
}

.fn-filterThemeChannelsListlinkPriceContainer {
    border-top: 1px solid #e7e7e7;
}

.fn-filterThemeChannelsListlinkPriceContainer .fn-filterThemeChannelsThemeLink {
    border: none;
    float: left;
}

.fn-filterThemeChannelsListlinkPriceContainer small {
    float: right;
    padding-top: 10px;
    padding-bottom: 10px;
}

/**************************************************
TV TIVO > TV LISTING - /web/on/en/residential/tv/tivo/tv_channels.php
**************************************************/
.tvListHeader {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 40%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #ffffff), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 40%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 40%, #eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 40%, #eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 40%, #eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); /* IE6-9 */
    margin: -15px -15px 0 -15px;
    padding: 15px;
}

.lt-ie8 .tvListHeader {
    background: #eeeeee; /* Old browsers */
}

.tvListHeader-arrow {
    background: url(/web/resources/images/tivo/tv/tv_headerArrow.jpg) top center no-repeat;
    width: 718px;
    height: 20px;
    margin: 0 -15px;
}

.submitButtonSmall {
    color: #ffffff;
    font-weight: normal;
    padding: 4px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
    background: #004f93; /* Old browsers */
    background: -moz-linear-gradient(top, #004f93 0%, #003f77 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #004f93), color-stop(100%, #003f77)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #004f93 0%, #003f77 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #004f93 0%, #003f77 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #004f93 0%, #003f77 100%); /* IE10+ */
    background: linear-gradient(to bottom, #004f93 0%, #003f77 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004f93', endColorstr='#003f77', GradientType=0); /* IE6-9 */
    text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.75);
    display: inline-block;
    line-height: 18px;
    cursor: pointer;
}

.submitButtonSmall:hover,
.submitButtonSmall:focus {
    background: #368bd8; /* Old browsers */
    background: -moz-linear-gradient(top, #368bd8 0%, #004f93 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #368bd8), color-stop(100%, #004f93)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #368bd8 0%, #004f93 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #368bd8 0%, #004f93 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #368bd8 0%, #004f93 100%); /* IE10+ */
    background: linear-gradient(to bottom, #368bd8 0%, #004f93 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#368bd8', endColorstr='#004f93', GradientType=0); /* IE6-9 */
    box-shadow: none;
    text-decoration: none;
}

.or-circle {
    float: left;
    background: url("/web/resources/images/tivo/tv/or_circle.jpg") top center no-repeat;
    margin: 45px 28px 20px 28px;
}

.or-circle span {
    display: block;
    text-align: center;
    width: 37px;
    line-height: 37px;
    font-weight: bold;
    font-size: 18px;
}

.tv-ListSearch,
.tv-ListType {
    float: left;
    width: 43%;
    box-sizing: border-box;
}

.tv-ListSearch input[type="text"],
.tv-ListType select {
    padding: 4px;
    width: 170px;
    vertical-align: middle;
}

.lt-ie8 .tv-ListSearch {
    width: 300px;
    margin: 0 0 10px 0;
}

.lt-ie8 .tv-ListType {
    width: 290px;
    margin: 0 0 10px 0;
}

.lt-ie8 .tv-ListSearch .submitButtonSmall {
    width: 70px;
    border: none;
}

.lt-ie8 .tv-ListType .submitButtonSmall {
    width: 70px;
    border: none;
}

.tvChannelFilters {
    background: #e9e9e9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e9e9e9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #e9e9e9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #e9e9e9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #e9e9e9 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #e9e9e9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9e9e9', GradientType=0); /* IE6-8 */

    border: 1px solid;
    border-color: #e7e7e7 #cbcbcb #cbcbcb #e7e7e7;

    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    padding: 20px;
}

.tvChannelFilters.barFixed {
    position: fixed;
    top: 0;
    width: 900px;
    left: 50%;
    margin-left: -470px;
    z-index: 2;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.tvChannelFilters .back-to-search {
    float: left;
    display: none;
}

.tvChannelFilters.barFixed .back-to-search {
    display: block;
    line-height: 16px;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: 8px;
    width: 188px;
}

.tvChannelFilters.barFixed .back-to-search a {
    display: block;
    padding: 6px 12px;
}

.tvChannelFilters.barFixed .back-to-search .buttonLink {
    padding: 10px 15px;
}

.tvChannelFilters > span {
    float: left;
    padding: 4px 5px 0 0;
}

.tvChannelFilters > select {
    float: left;
    margin: 2px 0 0 0;
}

.tvChannelFilters form {
    display: inline-block;
}

.tvChannelResults {
    border-right: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    border-left: 1px solid #e7e7e7;
    padding: 20px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.tvListChannelsResultsNumber {
    float: left;
    margin-bottom: 10px;
}

.clear-search-filters {
    margin-bottom: 10px;
    display: none;
}

.clear-search-filters a {
    display: inline-block;
    padding-left: 10px;
    background: transparent url("/web/resources/images/layout/bullet_back_bleu_arrow.png") no-repeat 0 center;
}

.tvListChannelsResultsHeader {
    font: bold 10px/14px Arial, Helvetica, sans-serif;
    margin: 0 0 10px 0;
}

.lt-ie8 .tvListChannelsResultsHeader {
    margin: 10px 0;
}

.tvListChannelsResultsHeader > div {
    float: left;
    width: 80%;
    background-color: #f5f5f5;
    padding: 10px 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
    -webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -ms-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
    transition: all .15s ease-in;
}

.tvListChannelsResultsHeader > div.selected {
    background-color: #ddd;
}

.gridview .tvListChannelsResultsHeader > div {
    width: 100%;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}


.tvListChannelsResultsHeader > div + div {
    width: 20%;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}

.gridview .tvListChannelsResultsHeader > div + div {
    display: none;
}

.tvListChannelsResultsHeader a {
    margin-left: 10px;
}

.tvListChannelsResultsHeader a.selected {
    font-size: 11px;
    color: #525252;
}

.order-by-arrow {
    display: none;
    margin-right: 6px;
    vertical-align: top;
    border: 4px solid transparent;
    line-height: 0;
    font-size: 0;
    height: 0;
}

.order-by-arrow.asc {
    display: inline-block;
    border-bottom-color: #525252;
}

.order-by-arrow.desc {
    display: inline-block;
    border-top-color: #525252;
    vertical-align: bottom;
}

.tvChannelResults ul li:first-child {
    padding: 0 0 10px 0;
}

.tvChannelResults .gridview ul li:first-child {
    padding: 10px 0;
}

.tvChannelResults ul li {
    list-style: none;
    border-bottom: 1px solid #cbcbcb;
    padding: 10px 0;
}

.tvChannelResults ul li > div,
.tvChannelResults ul li > div + div + div {
    width: 25%;
    box-sizing: border-box;
    float: left;
}

.tvChannelResults ul li > div:first-child {
    margin-top: 1em;
}

.lt-ie8 .tvChannelResults ul li > div,
.lt-ie8 .tvChannelResults ul li > div + div + div {
    width: 24%;
}

.lt-ie8 .tvChannelResults .gridview ul li > div,
.lt-ie8 .tvChannelResults .gridview ul li > div + div + div {
    width: auto;
}

.tvChannelResults ul li > div + div {
    width: 50%;
    box-sizing: border-box;
    float: left;
}

.lt-ie8 .tvChannelResults ul li > div + div {
    width: 50%;
}

.tvChannelResults ul li img[data-src] {
    width: 140px;
    min-height: 80px;
}

.tvChannelResults ul li img[data-src].spinner {
    max-height: 80px;
}

.tvChannelResults .gridview ul li img[data-src].spinner {
    max-height: 40px;
}

.tvChannelResults .gridview ul li img[data-src] {
    max-width: 70px;
    min-height: 40px;
}

.search-string {
    background-color: #ff0 !important;
}

.tvlistChannelsResultsPosition {
    text-align: right;
    margin-top: 1em;
}

.tvlistChannelsResultsPosition span {
    display: inline-block;
    background-color: #ddd;
    padding: 3px 6px;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    margin-left:3px;
    box-sizing: border-box;
}

/* inline-block is not support by ie < 8, this is a quick fix */
.lt-ie8 .tvlistChannelsResultsPosition span,
.lt-ie8 .icon-hd {
    display: inline;
    zoom: 1;
}

/*.tvlistChannelsResultsPosition span + span {
    padding-left: 11px;
    margin-left: -6px;
}*/

.tvlistChannelsResultsPosition span.icon-hd, .icon-hd {
    background: #ddd url(/web/resources/images/tivo/tv/icon-hd.png) no-repeat 3px center;
    padding: 3px 6px 3px 33px;
    min-height: 12px;
}

.tvlistChannelsResultsPosition span.icon-hd:empty, .icon-hd:empty {
    padding: 3px 3px 3px 28px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.tvlistChannelsResultsPosition span.icon-hd:empty {
    display: none;
}

.channels-list li p > span.icon-hd:empty + strong,
.overlay p > span.icon-hd:empty + strong {
    margin-left: 6px;
}

.gridview .tvlistChannelsResultsPosition span {
    background-color: transparent;
    padding: 0;
}

.tvlistChannelsResultsPosition span.icon-hd {
    background-image: none;
    padding-left: 6px;
}

.view-btn {
    background: url(/web/resources/images/tivo/tv/sprite_list_channels_view.png) no-repeat top left;
    width: 36px;
    height: 22px;
    margin: 0 5px 0 0;
}

ul.channels-list {
    list-style: none inside;
}

.listview {
    background-position: -39px 0;
    float: left;
    height: 22px;
    width: 36px;
}

.listview:hover {
    background-position: -39px -26px;
    text-decoration: none;
}

.listview:active {
    background-position: -39px -51px;
    text-decoration: none;
}

.listview.selected {
    background-position: -39px -26px;
}

a.gridview {
    background-position: 0 0;
    float: left;
    height: 22px;
    width: 36px;
}

a.gridview:hover {
    background-position: 0 -26px;
    text-decoration: none;
}

a.gridview:active {
    background-position: 0 -51px;
    text-decoration: none;
}

a.gridview.selected {
    background-position: 0 -26px;
    text-decoration: none;
}

.filter_label,
.search_label {
    padding: 4px 5px 0 25px !important;
}

.tivo-channelLetters {
    float: left;
    margin: 3px 0 0 10px;
    line-height: 16px;
}

.tivo-channelLetters a {
    text-decoration: underline;
}

.tivo-channelLetters a.disabled {
    text-decoration: none;
    color: #454545;
    cursor: default;
}

.tivo-channelLetters.menu_chaine li {
    margin-left: 0;
    float: left;
}

.tivo-channelLetters li a {
    display: block;
    padding: 0 4px;
    position: relative;
}

html[lang="fr"] .tivo-channelLetters li a {
    padding: 0 4px 0 3px;
}

.tivo-channelLetters li a.selected {
    font-weight: bold;
}

.tivo-channelLetters li a.selected:after {
    content: '';
    border: transparent 4px solid;
    position: absolute;
    border-bottom-color: #004785;
    bottom: -5px;
    left: 50%;
    margin-left: -4px;
}

.lt-ie8 .searchBox {
    display: block;
    margin: 0 0 20px;
}

.searchBox label {
    margin-top: 20px;
    font-family: "MyriadProRegular", Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin-bottom: 8px;
    color: #454545;
    font-weight: normal;
    display: block;
}

.lt-ie8 .tivo-channelLetters {
    width: 510px;
}

.lnk-gridpopup {
    display: none;
}

.gridview .lnk-gridpopup {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: left;
    /* text-indent: -9999em;*/
    overflow: hidden;
    /* IE transparent link fix for clickable area */
    background: transparent url(/web/resources/images/spacer.gif) repeat 0 0;
    z-index: 1;
}

.gridview li {
    float: left;
    width: 14%;
    min-width: 70px;
    margin-bottom: 12px;
}

.gridview li div:first-child {
    padding: 0 5px;
    min-height: 50px;
    text-align: center;
    position: relative;
    width: auto;
    float: none;
}

.gridview li div:first-child img {
    width: 100%;
    max-width: 70px;
    height: auto;
    min-height: 0;
    max-height: 40px;
}

.gridview li div:first-child + div {
    display: none;
}

.gridview li .tvlistChannelsResultsPosition,
.tvChannelResults .gridview ul li > div + div + div {
    text-align: center;
    padding: 5px;
    font-size: 12px;
    /*min-height: 18px;*/
    height: 18px;
    position: relative;
    width: auto;
    float: none;
    box-sizing: content-box;
}

.lt-ie8 .gridview li .tvlistChannelsResultsPosition {
    *zoom: expression( 
		this.runtimeStyle.zoom="1",
		this.appendChild( document.createElement("span") ).className="after",
		this.lastChild.innerText = "—"
	);

}

.gridview li .tvlistChannelsResultsPosition > span {
    display: none;
    text-indent: -9999em;
}

.gridview li .tvlistChannelsResultsPosition > span:first-child {
    display: block;
}

li .tvlistChannelsResultsPosition .after {
    display: none;
}

.gridview li .tvlistChannelsResultsPosition:after,
.gridview li .tvlistChannelsResultsPosition .after {
    display: block;
    content: "—";
    height: 25px;
    line-height: 25px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    text-align: center;
    text-indent: 0;
    background-color: transparent;
}

.gridview li .tvlistChannelsResultsPosition > span + .after {
    display: none;
}

.gridview li .tvlistChannelsResultsPosition > span.icon-hd {
    background: #fff url(/web/resources/images/residential/tv/hd_indicator.png) no-repeat center center;
    padding: 0;
    position: relative;
    z-index: 1;
    min-width: 19px;
    min-height: 11px;
}

/**************************************************
TIVO EQUIPMENT - (tv.css)
**************************************************/

.tivo-equip-intro h2 {
    font-size: 20px;
    line-height: 22px;
}

.tivo-equipment h3,
.tivo-need-help h3 {
    margin-top: 0;
}

.tivo-equipment .mult-station {
    width: 100%;
    height: 310px;
}

.tivo-equipment .hd-receiver {
    width: 100%;
    height: 181px;
}

.tivo-equipment .remote-control {
    width: 293px;
    height: 357px;
}

.tivo-equipment .remote-control-usb {
    width: 306px;
    height: 165px;
}

.tivo-equipment .columnLeft {
    float: left;
    width: 50%;
    padding-left: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tivo-equipment .columnRight {
    float: left;
    width: 50%;
    padding: 60px 7px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lt-ie9 .tivo-equipment .columnLeft {
    width: 330px;
}

.lt-ie9 .tivo-equipment .columnRight {
    width: 330px;
}

.tivo-equipment .add-separator {
    width: 686px;
    height: 54px;
}

.tivo-need-help {
    margin: 30px 0 20px;
}

.need-help {
    float: left;
    width: 195px;
    height: 156px;
    margin: 0 50px 0 0;
}

/**************************************************
TIVO FEATURES SUB NAVIGATION - (tv.css)
**************************************************/
.featureLinks {
    list-style: none;
    font-size: 16px;
    font-family: "MyriadProRegular", Arial, Helvetica, sans-serif;
    line-height: 17px;
    text-align: center;
    height: 54px;
    border-bottom: 1px solid #ffffff;
}

.featureLinks li {
    float: left;
    width: 14.19%;
    box-sizing: border-box;
    height: 31px;
    position: relative;
}

.featureLinks li .tivo-tv .linkText {
    float: left;
    text-align: right;
    margin-left: 30px;
}

.featureLinks li .record {
    margin-top: 7px;
}

.featureLinks li a {
    color: #454545;
    display: block;
    height: 54px;
}

.featureLinks li a:hover {
    text-decoration: none;
}

.featureLinks li.spacer-gray {
    background: #cecece;
    width: 1px !important
}

.linkBar {
    width: 100%;
    height: 5px;
    background: #c3c3c3;
    bottom: -22px;
    position: absolute;
    left: 0;
}

.featureLinks li a:hover:after,
.featureLinks .selected:after {
    content: "";
    display: block;
    left: 50%;
    margin-left: -12px;
    bottom: -42px;
    z-index: 1;
    position: absolute;
}

.featureLinks span.arrowImg {
    background: url(/web/resources/images/tivo/tv/featuresLink_arrow.png) top left no-repeat;
    width: 34px;
    height: 34px;
    float: right;
}

/* Hover des couleurs du menu */
a.guide:hover {
    color: #0071aa;
}

a.guide:hover .linkBar {
    background: #0071aa;
}

a.guide:hover:after {
    border: 12px solid transparent;
    border-top-color: #0071aa;
}

a.whole-home:hover {
    color: #22a9ca;
}

a.whole-home:hover .linkBar {
    background: #22a9ca;
}

a.whole-home:hover:after {
    border: 12px solid transparent;
    border-top-color: #22a9ca;
}

a.personal-recommendations:hover {
    color: #69c18b;
}

a.personal-recommendations:hover .linkBar {
    background: #69c18b;
}

a.personal-recommendations:hover:after {
    border: 12px solid transparent;
    border-top-color: #69c18b;
}

a.advanced-search:hover {
    color: #f1a614;
}

a.advanced-search:hover .linkBar {
    background: #f1a614;
}

a.advanced-search:hover:after {
    border: 12px solid transparent;
    border-top-color: #f1a614;
}

a.record:hover {
    color: #ed1b64;
}

a.record:hover .linkBar {
    background: #ed1b64;
}

a.record:hover:after {
    border: 12px solid transparent;
    border-top-color: #ed1b64;
}

a.tivo-app:hover {
    color: #811c7e;
}

a.tivo-app:hover .linkBar {
    background: #811c7e;
}

a.tivo-app:hover:after {
    border: 12px solid transparent;
    border-top-color: #811c7e;
}

a.tivo-tv:hover {
    color: #454545;
}

a.tivo-tv:hover .linkBar {
    background: #454545;
}

/* SELECTED des liens des menus */
a.guide.selected {
    color: #0071aa;
}

a.guide.selected .linkBar {
    background: #0071aa;
}

a.guide.selected:after {
    border: 12px solid transparent;
    border-top-color: #0071aa;
}

a.whole-home.selected {
    color: #22a9ca;
}

a.whole-home.selected .linkBar {
    background: #22a9ca;
}

a.whole-home.selected:after {
    border: 12px solid transparent;
    border-top-color: #22a9ca;
}

a.personal-recommendations.selected {
    color: #69c18b;
}

a.personal-recommendations.selected .linkBar {
    background: #69c18b;
}

a.personal-recommendations.selected:after {
    border: 12px solid transparent;
    border-top-color: #69c18b;
}

a.advanced-search.selected {
    color: #f1a614;
}

a.advanced-search.selected .linkBar {
    background: #f1a614;
}

a.advanced-search.selected:after {
    border: 12px solid transparent;
    border-top-color: #f1a614;
}

a.record.selected {
    color: #ed1b64;
}

a.record.selected .linkBar {
    background: #ed1b64;
}

a.tivo-app.selected {
    color: #811c7e;
}

a.tivo-app.selected .linkBar {
    background: #811c7e;
}

a.tivo-app.selected:after {
    border: 12px solid transparent;
    border-top-color: #811c7e;
}

a.tivo-tv.selected {
    color: #454545;
}

a.tivo-tv.selected .linkBar {
    background: #454545;
}

/*TIVO FEATURES CONTENT (interactive guide)*/
.box.css.feature {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border-top: none;
}

.box.css.feature h2 {
    font-size: 24px;
}

.header {
    width: 958px;
    height: 297px;
    margin: -15px -13px 30px -15px;
}

.lt-ie8 .header {
    position: relative;
    top: -15px;
    left: -15px;
    margin: 0 !important;
}

.feature_order .tivo-need-help {
    width: 70%;
    margin: 30px auto 20px;
}

.feature_order .orderLinks {
    width: 64%;
    margin: 0 auto;
}

.feature_order .orderBox .orderArrow,
.main_content_full .orderArrow,
.orderArrowFull {
    background: url(/web/resources/images/tivo/tv/order-box-arrow-full.png) top center no-repeat;
    width: 100%;
    min-height: 18px;
    margin: -16px -15px 10px -15px;
    position: relative;
}

.main_content_full .orderArrow,
.orderArrowFull {
    margin-right: 0;
}
.main_content_full .orderArrow:after,
.orderArrowFull:after {
    content: '';
    position: absolute;
    border: 13px solid transparent;
    border-top-color: #f5f5f5; /* Ovewrite this color for different arrow color */
    left: 50%;
    top: 0;
    margin-left: -13px;
}

.supportArrow {
	background: url(/web/resources/images/support/support-arrow.png) top center no-repeat;
	width: 100%;
	min-height: 18px;
	margin: -16px -15px 10px -15px;
	position: relative;
}

.guide .content-intro,
.whole-home .content-intro,
.personal-recommendations .content-intro,
.advanced-search .content-intro,
.recorder .content-intro,
.remote-recorder .content-intro,
.tivo-app .content-intro {
    text-align: center;
    margin: 20px 0 20px;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #cecece;
}

.guide .tv_content {
    border-bottom: 1px solid #cecece;
}

.img_tv {
    width: 452px;
    height: 487px;
    float: left;
}

.img_tv.right {
    width: 452px;
    height: 487px;
    float: right;
}

.guide .tv_content .content_text,
.whole-home .tv_content .content_text,
.personal-recommendations .tv_content .content_text,
.remote-recorder .tv_content .content_text,
.tivo-app .tv_content .content_text {
    float: left;
    width: 45%;
    margin: 80px 0 0 0;
}

.advanced-search .tv_content .content_text,
.recorder .tv_content .content_text {
    float: left;
    width: 45%;
    margin: 80px 0 0 25px;
}

.guide_remote {
    width: 452px;
    height: 383px;
    float: right;
}

.guide ul {
    font-size: 14px;
    padding-left: 15px;
}

.guide .remote_content .guide_text {
    float: left;
    width: 45%;
    margin: 80px 0 0 50px;
}

/*RECORD SUB MENU*/
.record_subMenu {
    width: 100%;
    height: 30px;
    background-color: #454545;
    -moz-opacity: 0.75;
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=75);
}

.record_subMenu ul {
    list-style: none;
    color: #ffffff;
    font-size: 14px;
}

.record_subMenu ul li {
    float: left;
    width: 14.19%;
    line-height: 30px;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}

.record_subMenu a.selected:after {
    border: 12px solid transparent;
    border-top-color: #454545;
}

.record_subMenu a {
    color: #ffffff;
}

.recordLinks .selected {
    font-weight: bold;
}

.recordLinks .selected:after,
.recordLinks a:hover:after {
    content: "";
    display: block;
    left: 50%;
    margin-left: -12px;
    bottom: -20px;
    z-index: 1;
    position: absolute;
}

/**************************************************
TIVO SPRITES (decorative.css)
**************************************************/
i[class^="ico-tivo-pack"], i[class*=" ico-tivo-pack"] {
    background: transparent url(/web/resources/images/tivo/tv/sprite_packages_icons.png) no-repeat 0 0;
    width: 139px;
    height: 115px;
}

i.ico-tivo-pack-bundle {
    background-position: -29px -256px;
    width: 44px;
    height: 49px;
    margin-right: 5px;
}

i.ico-tivo-pack-phone {
    background-position: -187px -256px;
    width: 44px;
    height: 49px;
    margin-right: 5px;
}

i.ico-tivo-pack-store {
    background-position: -115px -256px;
    width: 34px;
    height: 49px;
    margin-right: 5px;
}

/**************************************************
JQUERY UNVEIL FUNCTIONALITY CSS
**************************************************/
.fn-unveil img.spinner {
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
    -webkit-transition: opacity .5s ease-in;
    -moz-transition: -moz-opacity .5s ease-in;
    -ms-transition: -ms-filter .5s ease-in;
    -o-transition: opactity .5s ease-in;
    transition: opactity .5s ease-in;

}

.fn-unveil img.spinner {
    background: transparent url(/web/resources/images/tivo/tv/ajax-loader.gif) no-repeat center center;
    -moz-opacity: .3;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=30);
}

.fn-unveil img.loaded {
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
}

.lt-ie8 .internet-packages .arrowList {
    width: 100%;
}

/********* Legacy complete compare table *****************/
#depassement_tableau {
    border: 1px solid #cecece;
    border-collapse: collapse;
    font-size: 12px;
}

#depassement_tableau tr td {
    padding: 10px;
    border: 1px solid #cecece;
}

#depassement_tableau th {
    padding: 15px 10px;
    border-right: 1px solid #cecece;
}

#depassement_tableau tbody tr th {
    padding: 10px;
    border-top: 1px solid #cecece;
    font-weight: normal;
}

#depassement_tableau thead {
    background: #f9f9f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #ebebeb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #ebebeb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #ebebeb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9f9f9 0%, #ebebeb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9f9f9 0%, #ebebeb 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f9f9f9 0%, #ebebeb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#ebebeb', GradientType=0); /* IE6-9 */
}

#depassement_tableau .depassement_tableau_entete {
    font-family: "MyriadProRegular", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
}

html[lang="fr"] #depassement_tableau .depassement_tableau_entete {
    font-size: 13px;
}

#depassement_tableau .t_bleu {
    color: #004785;
}
/****** SUPPORT *******/
#overlay_support_choose_technology {
    max-width: 750px;
}

.type_of_service_details, .type_of_service_img {
    position: relative;
}

.type_of_service_img .legacy_image {
    height: 235px;
}

.type_of_service_img .tivo_image {
    position: absolute;
    top: 0;
    right: 0;
    height: 255px;
}

.box.css.type_of_service_details {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.type_of_service_details .legacy_image {
    float: right;
    margin: 5px;
    width: 105px;
    height: 84px;
}

.type_of_service_details .tivo_image {
    float: right;
    margin: 5px;
    width: 101px;
    height: 79px;
}

.type_of_service_details .tivo_text {
    height: 135px;
}

a.overlay_support_expand_btn {
    position: relative;
    background: #004785;
    color: #FFFFFF;
    display: block;
    margin-top: 25px;
    padding: 10px 0;
    text-decoration: none;
}

a.overlay_support_expand_btn:first-child {
    margin-top: 0;
}

.overlay_support_expand_btn p {
    padding: 10px 0 10px 0;
}

.type_of_service_img .overlay_support_expand_btn {
    margin-top: 25px;
}

.type_of_service_details .overlay_support_expand_btn {
    top: -15px;
}

.choose_service_type {
    font-size: 16px;
    height: 63px;
}

.box.css.choose_service_type {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.choose_service_type .box {
    width: 33%;
    padding-top: 22px;
}

.new_banner {
    background: transparent url(/web/resources/images/residential/icons/sprite_internet_meter.png) no-repeat right top;
    background-position: -598px -82px;
    width: 79px;
    height: 76px;
    position: absolute;
    top: -5px;
    right: -5px;
}

html[lang="fr"] .new_banner {
    background-position: -598px -166px;
}

.small_new_banner_left {
    background: transparent url(/web/resources/images/residential/icons/sprite_internet_meter.png) no-repeat right top;
    background-position: -522px -252px;
    width: 54px;
    height: 54px;
    position: absolute;
    top: -4px;
    left: -4px;
}

html[lang="fr"] .small_new_banner_left {
    background-position: -522px -337px;
}

.new_banner:after {
    content: "New";
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

html[lang="fr"] .new_banner:after {
    content: "Nouveau";
}

.grey_or_circle {
    background: url(/web/resources/images/tv/digitaltv-circledivider.png) no-repeat top left;
    display: block;
    overflow: hidden;
    position: relative;
    top: 25%;
    left: 15%;
    height: 32px;
    width: 32px;
}

.grey_or_circle span {
    color: white;
    display: block;
    font: normal 18px Arial, Helvetica, sans-serif;
    height: 20px;
    text-align: center;
    margin: 4px auto;
}

#toggleTab i.ico-gray-arrow.close {
	background: transparent url(/web/resources/images/tivo/tv/tab_arrows.png) no-repeat 0 0;
	background-position: 0 0;
	width: 5px;
	height: 8px;
	margin-left: 5px;
}
#toggleTab i.ico-gray-arrow {
	background: transparent url(/web/resources/images/tivo/tv/tab_arrows.png) no-repeat 0 0;
	background-position: -6px 0;
	width: 13px;
	height: 8px;
	margin-left: 5px;
}

.lt-ie8 div.split {
    display: block;
    float: left;
    zoom: 1;
}

.merge-box > .box.css.connected {
    padding-bottom: 0;
    border-bottom: 0 none;
}

.merge-box > .box.css.connected + .box.css {
    border-top: 0 none;
    margin-bottom: 0;
}

.banner-new-wrapper {
    position: relative;
}

.lt-ie8 .banner-new-wrapper + form {
    margin-top: -5px;
}
/** Overlay pick technology **/
#overlay_support_choose_technology {
    max-width: 532px;
}

#overlay_support_choose_technology p {
    display: none;
}

#overlay_support_choose_technology.unsure p {
    display: block;
}

#overlay_support_choose_technology .overlay_title {
    margin: 0;
}

#overlay_support_choose_technology .overlay_content {
    padding: 0;
}

.tv-technology-picker {
    margin-bottom: 0;
    width: 100%;
}

.unsure .tv-technology-picker {
    min-height: 310px;
}

.tv-technology {
    border-right: 1px solid #e0e0e0;
    padding: 18px;
    position: relative;
    width: 50%;
    text-align: center;
    vertical-align: top;
}

.unsure .tv-technology {
    text-align: left;
    padding-bottom: 40px;
}

.tv-technology:hover {
    background: #efefef;
}

.tv-technology .legacy-image,
.tv-technology .tivo-image {
    display: inline-block;
}

.tv-technology .legacy-image {
    margin-bottom: 14px;
}

.support i.ico-support-tivo {
    background: url(/web/resources/images/residential/icons/sprite_icons_tivo.png) no-repeat;
    /*background-size: auto 110px;*/
    background-position: 0 0;
    width: 163px;
    height: 110px;
}
.support i.ico-logo-tivo {
	background: url(/web/resources/images/residential/icons/sprite_icons_tivo.png) no-repeat;
	background-position: 15px -123px;
	width: 85px;
	height: 70px;
}

.support i.ico-logo-legacy {
	background: url(/web/resources/images/residential/icons/sprite_icons_tivo.png) no-repeat;
	background-position: -77px -129px;
	width: 90px;
	height: 60px;
}

.unsure .tv-technology .legacy-image,
.unsure .tv-technology .tivo-image{
    margin-left: 15px;
    margin-bottom: 15px;
    position: absolute;
    top: 18px;
    right: 18px;
    height: auto;
}
.unsure .tv-technology .legacy-image {
    width: 79px;
}

.tv-service-bar .content {
	padding-top: 27px;
}

.tv-service-bar.tivo .content {
    padding: 28px 0 0 153px;
    font-size: 18px;
}

.tv-service-bar .content > span {
    padding-left: 15px;
}
.unsure .tv-technology .legacy-image,
.unsure .tv-technology .tivo-image {
    width: 100px;
}

.tv-technology:hover .legacy-image,
.tv-technology:hover .tivo-image {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    opacity: .85;
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.unsure .tv-technology:hover .legacy-image,
.unsure .tv-technology:hover .tivo-image {
    transform: none;
}

.tv-technology h2 {
    margin-bottom: 0;
 }

.unsure .tv-technology h2 {
    margin-top: 85px;
}

.unsure .tv-technology h2 {
    margin-bottom: 15px;
}
.tv-technology .technology-button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(/web/resources/images/spacer.gif);
}
.unsure .tv-technology .technology-button {
    min-height: 310px;
}

.tv-technology .buttonCss {
    position: absolute !important;
    bottom: 18px;
    left: 18px;
    right: 18px;
    margin-bottom: 0;
    height: 1px; width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.unsure .tv-technology .buttonCss {
    clip: auto;
    overflow: visible;
    height: auto;
    width: auto;
}

.tv-technology + .tv-technology {
    border: 0;
}

.tv-technology-not-sure {
    border-top: 1px solid #e0e0e0;
    padding: 18px;
    padding-bottom: 0;
    text-align: center;
}
.unsure .tv-technology-not-sure button {
    display: none;
}
/* Table Layouts */
.l-table {
    display: table;
}

.l-tableRow {
    display: table-row;
}

.l-tableCell {
    display: table-cell;
}

/** Fonctionnal css **/
.fn-content-flipper {
    position: relative;
    overflow: hidden;
}

.fn-content-flipper > *,
.fn-content-flipper.merge-box > .box.css.connected + .box.css {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
}

.fn-content-flipper.merge-box > .box.css.connected {
    padding-bottom: 15px;
}

.fn-content-flipper a.overlay_support_expand_btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
}

.fn-content-flipper div a.overlay_support_expand_btn:first-child {
    position: relative;
    bottom: auto;
    top: -15px;
    margin: 0 -15px;
}

.ask_cogeco form > * {
    vertical-align: middle;
}

.ask_cogeco form button {
    margin-bottom: 0;
}

.lt-ie8 .buttonCss,
.lt-ie8 .buttonLink,
.lt-ie8 .submitButton,
.lt-ie8 .ask_cogeco form button {
    padding: 4px 7px;
    display: inline;
    zoom: 1;
    vertical-align: middle;
}

*.block {
    display: block;
}

/*** SPECIAL TEST FILTER FOR DEV _tivo_ BANNER ***/
.bannerImage[style*="/tivo/home_tivo_"], .bannerImage[style*="/tivo/prod_tivo_"] {
    -webkit-animation: myanim 10s infinite; /* Chrome, Safari 5+ */
    animation: myanim 10s infinite; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */
}

@-webkit-keyframes myanim {
    0% {
        -webkit-filter: hue-rotate(0deg);
    }
    50% {
        -webkit-filter: hue-rotate(180deg);
    }
    100% {
        -webkit-filter: hue-rotate(0deg);
    }
}

/* FF n'a pas implémenté les filter encore. MS est supposé supporté à partir de 10+ */
@keyframes myanim {
    0% {
        filter: hue-rotate(0deg);
    }
    50% {
        filter: hue-rotate(180deg);
    }
    100% {
        filter: hue-rotate(0deg);
    }
}

.r180 {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.theme-header .theme_pack_price {
    padding: 10px 0 10px 12px;
    float: right;
}

.theme-header span, .channels-list span {
    font-size: 10px;
}

.theme-wrapper .order_btn {
    height: 50px;
    width: 100%;
}

.order_btn a {
    float: right;
}

.unavailablePackage {
    /* Important pour ne pas brisé la qualité du contenue dans IE <= 8 avec un filtre appliqué */
    background-color: #fff;
}

.unavailablePackage span.notAvailable {
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    width: 134px;
    height: 111px;
    text-indent: -9999px;
    background: transparent url(/web/resources/images/residential/home_unavailable.png) no-repeat 0 0;
}

html[lang="fr"] .unavailablePackage span.notAvailable {
    background-image: url("/web/resources/images/residential/home_non_disponible.png");
}

.unavailablePackage > *, .unavailablePackage h2 {
    -moz-opacity: 0.5;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
}

.unavailablePackage > a:hover, .column-theme-1.unavailablePackage .package_title > h2 > span:hover {
    text-decoration: none;
}

.unavailablePackage > .unavail-scroll-holder {
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=1);
}

/***
	Tivo pages
***/
#page[class*=" tivo_"] {
	position:relative;
	overflow-x:hidden;
/*	z-index:100;*/
}
#page[class*=" tivo_"] h2.text_h1 {
    word-spacing: normal;
}

#page.tivo_features {
	background: #fff url(/web/resources/images/tivo/tv/benefits/header-feature-bg.jpg) no-repeat center 0;
}
html[lang="fr"] #page.tivo_features {
    background-image: url(/web/resources/images/tivo/tv/benefits/header-feature-bg-fr.jpg);
}

#page.tivo_overview {
	background: #fff url(/web/resources/images/tivo/tv/benefits/header-overview-bg.jpg) no-repeat center 0;
}
#page.tivo {
	background: #fff url(/web/resources/images/tivo/tv/benefits/header-tivo-bg.jpg) no-repeat center 0;
	overflow: hidden;
}
html[lang="fr"] #page.tivo {
	background: #fff url(/web/resources/images/tivo/tv/benefits/header-tivo-bg-fr.jpg) no-repeat center 0;
	overflow: hidden;
}
html[lang="fr"] #page.tivo_overview {
    background-image: url(/web/resources/images/tivo/tv/benefits/header-overview-bg-fr.jpg);
}


header.big-banner-bg {
	/* total of 355px height - 50px less for breadcrumb space */
	height: 335px;
	vertical-align: middle;
	padding-right: 50%;
    display: block;
	position:relative;
}
.tivo header.big-banner-bg{
	padding-right:47%;
	padding-top:2%;
}
.tivo header.big-banner-bg h1{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color:#0883c2;
	font-size:42px;
	letter-spacing: -0.05em;
	margin-top:50px;
}


header.big-banner-bg h1,
header.big-banner-bg .text_h1 {
	font-size: 40px;
	line-height: 42px;
	color: #0883c2;
    margin-top: 0;
}
header.big-banner-bg p {
	font-size: 22px;
	color: #959595;
	line-height: 28px;
}
.tivo header.big-banner-bg p{
	color:#454545;
}
.tivo header.big-banner-bg .buttonCss{
	background:#0883c2;
	box-shadow: none;
	text-shadow:none;
	border:none;
	border-radius: 5px;
	padding:10px 15px;
	float:right;
	margin-right:79px;
}
html[lang='fr'] .tivo header.big-banner-bg .buttonCss{
	background:#0883c2;
	box-shadow: none;
	text-shadow:none;
	border:none;
	border-radius: 5px;
	padding:10px 15px;
	float:right;
	margin-right:39px;
}
.tivo-section .inner-wrapper .buttonCss{
	background:#0883c2;
	box-shadow: none;
	text-shadow:none;
	border:none;
	border-radius: 5px;
	padding:10px 15px;
	margin-right:79px;
}
.tivoContestPatch {
    display: block;
    position: absolute;
    background-repeat: no-repeat;
}

html[lang='en'] .tivo_overview .tivoContestPatch {
    background-image: url("/web/resources/images/tivo/tv/benefits/contest-patch-overview-en.png");
    width:185px;
    height:170px;
    right: 330px;
    bottom: 143px;
}

html[lang='fr'] .tivo_overview .tivoContestPatch {
    background: url("/web/resources/images/tivo/tv/benefits/contest-patch-overview-fr.png") no-repeat;
    width:176px;
    height:165px;
    right: 330px;
    bottom: 146px;
}

html[lang='en'] .tivo_features .tivoContestPatch {
	background-image: url("/web/resources/images/tivo/tv/benefits/contest-patch-feature-en.png");
    width: 170px;
    height: 158px;
    right: 311px;
    bottom: 161px;
}

html[lang='fr'] .tivo_features .tivoContestPatch {
    background-image: url("/web/resources/images/tivo/tv/benefits/contest-patch-feature-fr.png");
    width: 176px;
    height: 160px;
    right: 311px;
    bottom: 161px;
}
.tivo .tivoDockableNav{
	width:2000px;
	margin-left:-500px;
}
.tivo-drop-shadow{
	background:url("/web/resources/images/tivo/tv/drop-shadow-bg.jpg") repeat-x;
	height:55px;
	width: 2000px;
	margin-left: -500px;
}
.tivoDockableNav {
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-ms-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;    
}
.tivoDockableNav {
	box-sizing: border-box;
	padding: 0;
	position: relative;
	z-index: 0;
	margin-bottom:20px;
	background: #fff;
}
.tivoDockableNav.features {
	display:inline-block;
}

.tivoDockableNav li.Selected:before {
	display: none;
}

.tivoDockableNav li {
    font-size: 22px;
}
.pageNavTivo .tivo-subtitle{
	font-family: "MyriadProSemibold", Arial, Helvetica, sans-serif;
	font-size:26px;
	text-align: left;
	padding-top:40px;
}
.pageNavTivo .tivo-devices i{
	position:relative;
}
.pageNavTivo .tivo-devices i > span{
	position:absolute;
	bottom:0;
	font-size:15px;
	font-family: "MyriadProSemibold", Arial, Helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	display: block;
}
.pageNavTivo .tivo-devices i span > span{
	font-size:20px;

}
i[class^="ico-features-"], i[class*=" ico-features-"] {
	background: transparent url(/web/resources/images/tivo/tv/benefits/sprite-icons-features.png) no-repeat 0 0;

}
i.ico-features-tv {background-position: 0 0;width:129px;height:145px;}
i.ico-features-tablet {background-position: -135px -5px;width:86px;height:141px;margin:0 13px;}
html[lang="fr"] i.ico-features-tablet {background-position: -135px -5px;width:90px;height:141px;margin:0 13px;}
i.ico-features-mobile {background-position: -219px -15px;width:75px;height:132px;}

.pageNavTivo li:first-child.Selected {
    border-radius: 0;
}
.tivoDockableNav li.Selected:after {
    border-width: 13px;
    margin-left: -13px;
}
.tivoDockableNav li a {
    color: #959595;
    padding: 15px 0;
}

.tivoDockableNav li.tivo-overview {
    border-bottom: 3px solid #0883c2;
}

.tivoDockableNav li.tivo-overview.Selected:after {
    border-top-color: #0883c2;
}

.tivoDockableNav li.tivo-overview a:hover,
.tivoDockableNav li.tivo-overview.Selected a {
    color: #0883c2;
}

.tivoDockableNav li.tivo-features {
    border-bottom: 3px solid #fcb525;
}

.tivoDockableNav li.tivo-features.Selected:after {
    border-top-color: #fcb525;
}

.tivoDockableNav li.tivo-features a:hover,
.tivoDockableNav li.tivo-features.Selected a {
    color: #fcb525;
}

.tivoDockableNav li.Selected {
    background: white;
}

.tivoDockableNav .pageNavTivo li + li a {
    border-left: 1px solid #e0e0e0;
	width:71%;
	margin-top:50px;
}

.tivoDockableNav .tivo-order-now a {
    border: none !important;
	/* display: inline-block;*/
	float:right;
    margin-top: 15px;
    margin-bottom: 0;
    padding: 0;
}

.tivoDockableNav .btnBuildMyBundle {
    height: auto;
    width: auto;
    line-height: normal;
    padding: 12px 20px 15px;
}

.dockBarCTA.tivoDockableNav.barFixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
	z-index:5;
    background: white;
    box-shadow: 0 0 15px rgba(0,0,0,.2);
    border-bottom: 3px solid #e0e0e0;
}
.dockBarCTA.tivoDockableNav.features.barFixed {

	background: none;
	box-shadow: none;
	border-bottom: none;
}
.tivoDockableNav .pageNavTivo {
    margin: 0 auto;
	width: 1000px;
    border: none;
    position: relative;
    z-index: 1;
 }
.tivoDockableNav.barFixed .pageNavTivo {
    width: 960px;
    margin-bottom: -3px;
    border-radius: 0;
    background: transparent;
	position: relative;
	z-index: 1;
}
.dockBarCTA.tivoDockableNav.barFixed h1 {
	margin-top:-109px;
}
.tivoDockableNav + .box.css {
	margin-top: 30px;
}
.dockBarCTA.tivoDockableNav.barFixed + .box.css {
    margin-top: 15px;
}
.tivoDockableNav.barFixed .pageNavTivo.three li {
    width: 33.33%
}
.dockBarCTA.tivoDockableNav.features.barFixed .subNavTivo-wrapper{
	background: none;
	box-shadow: none;
	border-bottom: none;
	width:960px;
	margin:0 auto;
}
.tivo_instruction{
	position:relative;

}
.subNavTivo-follow {
	position: absolute;
	top:0;
	margin-top:20px;
	margin-right:730px;
	width:230px;
	display: block;
	float:left;
	z-index:10;
	/*background: #434343; /!* Old browsers *!/
	/!* IE9 SVG, needs conditional override of 'filter' to 'none' *!/
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzNDM0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MDUwNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #434343 0%, #505050 100%); /!* FF3.6+ *!/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434343), color-stop(100%,#505050)); /!* Chrome,Safari4+ *!/
	background: -webkit-linear-gradient(top,  #434343 0%,#505050 100%); /!* Chrome10+,Safari5.1+ *!/
	background: -o-linear-gradient(top,  #434343 0%,#505050 100%); /!* Opera 11.10+ *!/
	background: -ms-linear-gradient(top,  #434343 0%,#505050 100%); /!* IE10+ *!/
	background: linear-gradient(to bottom,  #434343 0%,#505050 100%); /!* W3C *!/*/
}
/*.lt-ie9 .subNavTivo-wrapper {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#505050',GradientType=0 ); /!* IE6-8 *!/
}*/
.subNavTivo {
	display: inline-block;
	width: 230px;
	border-collapse: collapse;
}
.subNavTivo ul {
    list-style: none;
}

.subNavTivo li {
	display: block;
	font-size: 15px;
	position: relative;
    vertical-align: middle;
	border-bottom: 1px solid #dedede;
	background:#fff;
}
.subNavTivo li a {
    display: block;
	color: #454545;
	padding: 22px 15px;
	font-family: "MyriadProRegular", Arial, Helvetica, sans-serif;

}
.subNavTivo li a.multiline {
    padding: 15px;
}

.subNavTivo li.active a,
.subNavTivo a:hover,
.subNavTivo a:active {
	background: #0883c2;
	color:#fff;
	text-decoration: none;
}
.subNavTivo li.active a {
	background: #0883c2;
	position: relative;
}
.subNavTivo li.active a:after {
	content:'';
	border: 10px solid transparent;
	border-left: 6px solid #0883c2;
	position: absolute;
	top: 33%; right: -7%;
	margin-left:-10px;
}

.sections-wrapper {
	position: relative;
}
.tivo-section {
	display: block;
	padding: 0;
	background: transparent;
	position:relative;
	z-index:1;
    min-height: 290px;
    font-size: 15px;
    color: #454545;
}

.tivo-section.full {
    min-height: 0;
}

.tivo-section .inner-wrapper {
	padding: 40px 32% 50px 30%;
	min-height:300px;
	position:relative;
	z-index:1;
}
.tivo-section.on-the-go .inner-wrapper { padding: 60px 32% 0 30%; }
.tivo-section .fully-integrated-search .inner-wrapper {	min-height:456px;padding: 80px 32% 10px 30%; }
.tivo-section .discovery-bar .inner-wrapper {	min-height:423px; padding: 60px 0 30px 30%;}
.tivo-section.one-pass .inner-wrapper {	min-height:405px;padding: 80px 32% 50px 30%; }
.tivo-section .freedom .inner-wrapper {	margin-bottom:100px; }
.tivo-section.apps .inner-wrapper {	margin:74px 0 50px;padding:100px 32% 50px 30%; }


.tivo-section.full .inner-wrapper {
    padding-right:0;
}

.tivo-videos .video .inner-wrapper {
    padding: 50px 159px;
}
html[lang="en"] .qc .tivo-videos header {
    position: relative;
    padding-top: 15px;
}

.tivo-videos .video.left,
.tivo-videos .video.right {
    padding: 50px 64px;
}

.tivo-section.full h2,
.tivo-section.full p {
    margin-right: 0;
}

.tivo-section:nth-child(even) {
	background-color:#F5F5F5;
    border: solid #F5F5F5;
    border-width: 0 2000px;
    margin: 0 -2000px;
    width: 960px;
	z-index: 0;
}
.tivo-section:nth-child(odd) {
    background-color:#FFF;
    border: solid #FFF;
    border-width: 0 2000px;
    margin: 0 -2000px;
    width: 960px;
    z-index: 0;
}

.christmas.tivo-section:nth-child(even),
.christmas.tivo-section:nth-child(odd){
	/*background-color:#000;
	border: solid #000;*/
    border-width: 0 2000px;
    width: 960px;
    z-index: 0;
}



.lt-ie9 .christmas.tivo-section.even {
    background-color:#000;
    border: solid #000;
    border-width: 0 2000px;
    width: 960px;
    z-index: 0;
}
.lt-ie9 .christmas.tivo-section.odd {
    background-color:#000;
    border: solid #000;
    border-width: 0 2000px;
    width: 960px;
    z-index: 0;
}
.tivo-section.two-columns section:before,
.tivo-section.three-columns section:before {
    display: none;
}

.lt-ie9 .tivo-section.even {
	background-color:#F5F5F5;
    border: solid #F5F5F5;
    border-width: 0 2000px;
    margin-left: -2000px;
    width: 960px;
	z-index: 0;
}
.lt-ie9 .tivo-section.odd {
    background-color:#FFF;
    border: solid #FFF;
    border-width: 0 2000px;
    margin-left: -2000px;
    width: 960px;
    z-index: 0;
}
.lt-ie9 .tivo-section.two-columns section:before,
.lt-ie9 .tivo-section.three-columns section:before {
    display: none;
}
.tivo-section .buttonLink.light {
    background: #fff;
    box-shadow: none;
    border: 3px solid #004785;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 12px 12px;
    color: #00427e;
    margin-right: 10px;
    text-shadow: 0 0;
}

#page[class*=" tivo_"] h2.text_h1 {
    word-spacing: normal;
}

.tivo-section header {
	margin: 0 0 20px 0;
    position: relative;
}

.tivo-section header .text_h1,
.tivo-final-statement .text_h1 {
    font-size: 40px;
    margin-bottom: 15px;
	line-height: 1.125;
}

.tivo-section.two-columns header h2 {
    font-size: 26px;
}

.tivo_overview .tivo-section h2 {
    color: #0883c2;
}

.tivo_features .tivo-section .text_h1 {
    color: #fcb525;
    margin: 0;
}

.tivo-final-statement {
    text-align: center;
    padding: 25px 0 50px 0;
}

.tivo-final-statement .text_h1 {
    color: #fcb525;
}

.tivo-final-statement a {
	font-size: 16px;
    text-decoration: underline;
}
.tivo-final-statement p {
	font-size: 16px;
}

.tivo-section header p {
    font-size: 22px;
    color: #959595;
    margin: 0;
}
.tivo-section header h2{
	font-size: 30px;
	color: #0883c2;
	margin: 0;
	line-height:30px;
}
.tivo-section.three-columns header p {
    font-size: 16px;
}
.tivo-section p {
    margin-bottom: 1em;
	line-height: 18px;
	color:#454545;
	margin-right: 5%;
}
.tivo-section ul {
    margin: 1em 0;
}

.tivo-section .arrowLink {
    font-size: 15px;
}
.tivo-section ul,
.tivo-section ul.bulletList {
    list-style: none;
    padding-left: 1.5em;
}

.tivo-section li {
    padding-left: 0;
    text-indent: -1em;
    list-style: none;
	line-height: 18px;
}

.tivo-section li:before {
    content: "• ";
	color:#0883C2;
    font-size: 22px;
    top: 0.15em;
    left: -0.03em;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
}

.tivo_overview .tivo-section li:before {
    color: #0883c2;
}

.tivo_features .tivo-section li:before {
    color: #fcb525;
}

.tivo-section.two-columns section {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0;
}

.tivo-section.three-columns section {
    float: left;
    width: 33%;
    box-sizing: border-box;
    padding: 0;
    font-size: 13px;
    text-align: left;
}

.tivo-section.three-columns section.left {
    padding-right: 30px;
}

.tivo-section.three-columns section.center {
    padding: 0 15px;
}

.tivo-section.three-columns section.right {
    padding-left: 30px;
}
.tivo-features section {
    background-repeat: no-repeat;
    background-position: center right;
}
.tivo-features .swapped {
    background-position: center left;
}

.tivo-features .freedom .img{
	background: url(/web/resources/images/tivo/tv/tivo-receiver-record.jpg) no-repeat;
	width:821px;
	height:446px;
	position:absolute;
	top:0;
	right:-530px;

}

.tivo-features .netflix .img {
	background: url(/web/resources/images/tivo/tv/netflix-app_en.jpg) no-repeat;
	width:419px;
	height:300px;
	position:absolute;
	top:40px;
	right:-144px;
}
html[lang="fr"] .tivo-features .netflix .img {
	background: url(/web/resources/images/tivo/tv/netflix-app_fr.jpg) no-repeat;
	width:419px;
	height:300px;
	position:absolute;
	top:40px;
	right:-144px;
}
.tivo-features .on-the-go .img {
	background: url(/web/resources/images/tivo/tv/on-the-go-entertainment-bg.jpg) center bottom no-repeat;
	width:2000px;
	height:588px;
	position:absolute;
	top:0px;
	left:-500px;
}
html[lang="fr"] .tivo-features .on-the-go .img {
	background: #fff url(/web/resources/images/tivo/tv/on-the-go-entertainment-bg.jpg) center bottom no-repeat;
	width:2000px;
	height:602px;
	position:absolute;
	top:0px;
	left:-500px;
}
.tivo-features .apps .img {
	background: url(/web/resources/images/tivo/tv/apps-en.jpg) no-repeat;
	width:236px;
	height:246px;
	position:absolute;
	top:100px;
	right:0;
}
html[lang="fr"] .tivo-features .apps .img {
	background: url(/web/resources/images/tivo/tv/apps-fr.jpg) no-repeat;
	width:236px;
	height:246px;
	position:absolute;
	top:100px;
	right:0;
}
.tivo-features .fully-integrated-search .img {
	background: url(/web/resources/images/tivo/tv/fully-integrated-bg.jpg) no-repeat;
	width:2000px;
	height:546px;
	position:absolute;
	top:0px;
	left:-500px;
}
.tivo-features .discovery-bar .img {
	background: url(/web/resources/images/tivo/tv/discovery-bar-bg-en.jpg) no-repeat;
	width:2000px;
	height:513px;
	position:absolute;
	top:0px;
	left:-500px;
}
html[lang="fr"] .tivo-features .discovery-bar .img {
	background: url(/web/resources/images/tivo/tv/discovery-bar-bg.jpg) no-repeat;
	width:2000px;
	height:513px;
	position:absolute;
	top:0px;
	left:-500px;
}
.tivo-features .one-pass .img {
	background: url(/web/resources/images/tivo/tv/one-pass-tv.jpg) no-repeat;
	width:450px;
	height:455px;
	position:absolute;
	top:40px;
	right:-144px;
}
html[lang="fr"] .tivo-features .one-pass .img {
	background: url(/web/resources/images/tivo/tv/one-pass-tv-fr.jpg) no-repeat;
	width:450px;
	height:455px;
	position:absolute;
	top:40px;
	right:-144px;
}

/*
.tivo-features .entertainment {
    background-image: url(/web/resources/images/tivo/tv/entertainment.png);
}
html[lang="en"] .tivo-features .netflix-app {
    background-image: url(/web/resources/images/tivo/tv/netflix-app_EN.png);
    background-position: left top;
}
html[lang="fr"] .tivo-features .netflix-app {
    background-image: url(/web/resources/images/tivo/tv/netflix-app_FR.png);
    background-position: left top;
}
.tivo-features .fully-integrated-search {
    background-image: url(/web/resources/images/tivo/tv/fully-integrated-search.png);
    background-position: 87% center;
}
html[lang="fr"] .tivo-features .fully-integrated-search {
    background-image: url(/web/resources/images/tivo/tv/fully-integrated-search-fr.png);
}
.tivo-features .discovery-bar {
    background-image: url(/web/resources/images/tivo/tv/discovery-bar.png);
    background-position: 6% center;
}
html[lang="fr"] .tivo-features .discovery-bar {
    background-image: url(/web/resources/images/tivo/tv/discovery-bar-fr.png);
}
.tivo-features .one-pass {
    background-image: url(/web/resources/images/tivo/tv/onepass.png);
    background-position: 87% center;
}
html[lang="fr"] .tivo-features .one-pass {
    background-image: url(/web/resources/images/tivo/tv/onepass_fr.png);
}*/

/*.tivo-features .feature .inner-wrapper {
    padding-left: 15px;
}*/

/*.tivo-features .swapped .inner-wrapper {
    padding-left: 50%;
    padding-right: 15px;

}*/

.tivo-features .feature {
    position: relative;
}

/*.tivo-features .feature:before {
    content: attr(data-feature-label);
    position: absolute;
    padding: 6px 15px;
    background: #e8e8e8;
	-moz-transform: rotate(-90deg);  /!* FF3.5/3.6 *!/
	-o-transform: rotate(-90deg);  /!* Opera 10.5 *!/
	-webkit-transform: rotate(-90deg);  /!* Saf3.1+ *!/
	transform: rotate(-90deg);  /!* Newer browsers (incl IE9) *!/
    right: 100%;
    top: 48px;
    white-space: nowrap;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}*/
/*.tivo-features .feature:after {
    content: '';
    width: 21px;
    height: 486px;
    background: url(/web/resources/images/tivo/tv/label-gradient.png);
    display: block;
    position: absolute;
    left: -21px;
    top: 0;
}*/

.tivo-section:nth-child(even):before {
    background-color: white;
}

.lt-ie9 .tivo-section.even:before {
    background-color: white;
}
.outlined-link {
    font-size: 22px;
    padding: 9px 26px;
    border: 2px solid;
    border-radius: 3px;
    margin: 15px 0;
    display: inline-block;
}
.tivo-overview-video,
.tivo-overview-text {
    float:left;
    width: 50%;
    box-sizing: border-box;
}
.tivo-overview-video {
    padding-right: 20px;
	width:465px;
	height:281px;
    background: url(/web/resources/images/tivo/tivo-video-placeholder.png) no-repeat center center;
}
.tivo-overview-video.fn-youtube-video {
    background: none;
}
.tivo-overview-video
.tivo-overview-text {
    padding-left: 20px;
}

.tivo_overview .orderBox,
.tivo_features .orderBox,
.tivo .orderBox{
    border: 0;
    border-radius: 5px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#797979+0,3b3b3b+76 */
	background: #797979; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5Nzk3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzNiM2IzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #797979 0%, #3b3b3b 76%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #797979 0%,#3b3b3b 76%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #797979 0%,#3b3b3b 76%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#797979', endColorstr='#3b3b3b',GradientType=0 ); /* IE6-8 */
}
#video-tivo.overlay{
	max-width:600px;
}
.tivo .orderBox .arrow-separator{
	background: url("/web/resources/images/tivo/tv/orderBox_arrow_full.png") no-repeat;
	width:923px;
	height:19px;
	margin: 25px auto 0;
}
.tivo .orderBox.large .store{
	width:22%;
}
.tivo .orderBox.large .store span{
	width:55%;
	margin:12px 0 0 0;
}
html[lang="fr"] .tivo .orderBox.large .store span{
	width:75%;
	margin:12px 0 0 0;
}
.tivo .orderBox.large .business{
	width:25%;
}
.tivo .orderBox.large .business span{
	margin:12px 0 0 0;
	float:left;
}
.tivo_ad {
	position: relative;
	height: 284px;
	margin: 20px 0;
}
.tivo_youtube_ad {
	position: absolute;
	left: 238px;
}

.frame-ipad:after {
	content:'';
	display:block;
	position:absolute;
	top:-20px; left:-46px;
	width:446px; height:309px;
	background: transparent url(/web/resources/images/tivo/tv/benefits/ipad.png) no-repeat 0 0;
}
.frame-iphone:after {
	content:'';
	display:block;
	position:absolute;
	top:-27px; left:-21px;
	width:118px; height:222px;
	background: transparent url(/web/resources/images/tivo/tv/benefits/iphone.png) no-repeat 0 0;
}
.frame-tv:after {
	content:'';
	display:block;
	position:absolute;
	top:-10px; left:-10px;
	width:403px; height:275px;
	background: transparent url(/web/resources/images/tivo/tv/benefits/tv.png) no-repeat 0 3px;
	z-index: 1;
}
span#pctScroll {
    position: fixed;
    top: 10px;
    right: 10px;
    padding: 5px 10px;
    background: yellow;
    border: 1px solid;
    z-index: 111;
}

/***
    PARALLAX CSS
***/
/** view port zone is displayed only in dev mode for debug **/
#viewportZone {
	position: fixed;
	box-sizing: border-box;
	top: 0;
	left: 0;
	bottom: 0;
	background: #cee1eb;
	border: 0 solid #ffe3c5;
	z-index: 150;
	min-width:15px;
}
.side-parallax {
	position: absolute;
	left:57.29166667%; right:0;
	top:0; bottom:0;
}
.side-parallax .anim-01-img {
	position:absolute;
	top:110px; left:20px;
	height:187px; width:187px;
	background: transparent url(/web/resources/images/tivo/tv/benefits/anim-01-img-03.png) no-repeat 0 0;
}
.side-parallax .anim-01-img + .anim-01-img {
	top:220px; left:99px;
	background-image: url(/web/resources/images/tivo/tv/benefits/anim-01-img-02.png);
}
.side-parallax .anim-01-img + .anim-01-img + .anim-01-img {
	top: 90px; left: 190px;
	background-image: url(/web/resources/images/tivo/tv/benefits/anim-01-img-01.png);
}

.side-parallax .anim-02-img {
	position:absolute;
	top:102px; left:10px;
	width:345px; height:240px;
	background: transparent url(/web/resources/images/tivo/tv/benefits/ipad-display-01.jpg) no-repeat 0 0;
}
.side-parallax .anim-02-img + .anim-02-img {
	top:233px; left:343px;
	width:80px; height:140px;
	background-image: url(/web/resources/images/tivo/tv/benefits/iphone-display-01.jpg);
}
.side-parallax .anim-03-img {
	position:absolute;
	top:80px; left:10px;
	height:229px; width:385px;
	background: transparent url(/web/resources/images/tivo/tv/benefits/tv-displays.jpg) no-repeat 0 0;
	-webkit-transition: background-position 250ms ease-out;
	-moz-transition: background-position 250ms ease-out;
	-ms-transition: background-position 250ms ease-out;
	-o-transition: background-position 250ms ease-out;
	transition: background-position 250ms ease-out;
}
.side-parallax .anim-03-img.tv-02 {
	background-position:0 -229px;
}
.side-parallax .anim-03-img.tv-03 {
	background-position:0 -458px;
}

.side-parallax .anim-03-img + .anim-03-img {
	top:303px; left:11px;
	width:381px; height:104px;
	background-image: url(/web/resources/images/tivo/tv/benefits/tivo-roamio-remote.png);
	z-index:2;
}

.column-theme-divider-noStyle {
	background: #e7e7e7;
	display: block;
	height: 320px;
	width: 1px;
	margin: 0 16px 0 17px;
}
.tv_packs {
    position: relative;
}
.tv_packs .description_large {
    width: 600px;
    font-size: 18px;
}
.tv_pack {
	padding: 0 15px;
    box-sizing: border-box;
    border-left: 1px solid #e0e0e0;
    margin-bottom: 15px;
}

.tv_package .tv_pack {
    min-height: 385px;
}

html[lang='fr'] .flex-packs .tv_pack {
    padding: 0 11px;
}

.tv_pack:first-child {
    border: none;
}

.tv_pack h2{
	letter-spacing: 0;
	padding-top: 15px;
	margin-bottom: 10px;
	word-spacing: 0;
}
.gray_circle {
	background:url(/web/resources/images/residential/tv/gray_circle.png) top center no-repeat;
	height: 37px;
	width: 37px;
}

.tv_pack .gray_circle {
	display:inline-block;
	font-size: 21px;
	color: #fff;
	line-height: 37px;
	text-align:center;
}
.phone_packs {
    padding-bottom: 30px !important;
}

.phone_pack {
    width: 50%;
}

#toggleTab li a {
	font-size: 14px;
	color: #454545;
	width: 240px;
}
.tabPage.show {
	display: inline;
}
.tabPage.hide {
	display: none;
}

.tv_pack .priceFormatter > span.suffix ~ i{
	width: 135px !important;
}


/** Tabs Navigation **/
.box.css.tabsNavigation {
	padding-top:50px;
	position: relative;
}
.tabsNavigation > nav {
	position: absolute;
	top: 0; left: 0; right: 0;
}
.tabsNavigation > nav > a {
	display:block;
	/*width:33.3333333%; width is fixed with JS base on number of tabs */
	padding:12px;
	text-align: center;
	box-sizing: border-box;
	float: left;
	font-size:14px;
	color:#454545;
	line-height: 24px;
	border: 1px solid #cbcbcb;
	border-right-color: #fff;

	background: #f2f2f2;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYWNhY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #cacaca 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cacaca));
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#cacaca 100%);
	background: -o-linear-gradient(top,  #f2f2f2 0%,#cacaca 100%);
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#cacaca 100%);
	background: linear-gradient(to bottom,  #f2f2f2 0%,#cacaca 100%);
}
.lt-ie9 .tabsNavigation > nav > a {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#cacaca',GradientType=0 );
}
.tabsNavigation > nav > a.selected {
	background: #fff;
	color:#787878;
	border-bottom-color: #fff;
}
.lt-ie9 .tabsNavigation > nav > a.selected {
	filter:none;
}
.tabsNavigation > nav > a.last {
	border-right-width: 0;
	border-radius: 0 5px 0 0;
}
.tabsNavigation > nav > a:first-child {
	border-radius: 5px 0 0 0;
	border-left-width: 0;
}
.tabsNavigation > nav > a:after {
	content: '';
	border: 6px solid transparent;
	/* border-bottom-width: 0; */
	border-left-color: #787878;
	width: 0;
	height: 0;
	display: inline-block;
	margin: 0 0 -2px .5em;
}
.tabsNavigation > nav > a.selected:after {
	border-left-color: transparent;
	border-top-color: #acacac;
	margin-bottom: -5px;
}
.tabsNavigation > nav ~ div {
	padding-top: 60px !important; /* Script requirement */
	margin-top: -60px !important; /* Script requirement */
	outline: none; /* Prevent visible dotted border on focus for accessibility */
}

#tab-receivers .bubbleInfo.left .priceBubble {
	margin-left: -10px;
}
/** END TV flex pack and pick pack **/


/*** large icons START ***/
.large .orderLinks {
    width: 100%;
    margin: 0 auto;
    padding-top: 15px;
    min-width: 0;
	text-align: left;
}

.large .orderLinks li {
    /*width: 110px;*/
    height: auto;
    /*text-align: center;*/
    padding-right: 8px;
    padding-left: 8px;
    float: left;
    list-style: none;
    line-height: 20px;
	color:#fff;
}

.large .orderLinks li.logo_agent {
    width: auto;
    position: relative;
    top: 0;
	padding-left: 8px;
	padding-right: 8px;
}

.large .orderLinks i {
	background: transparent url(/web/resources/images/tivo/tv/sprite_packages_icons_large.png) no-repeat 0 0;
	float: left;
    height: 67px;
    margin: 0 auto;
    margin-bottom: 14px;
}

.large .orderLinks .ico-tivo-pack-bundle {
	background-position: -63px 0;
	width: 87px;
}

.large .orderLinks .ico-tivo-pack-phone {
	background-position: -142px 0;
	width: 98px;

}
.tivo_overview .orderBox.large .orderLinks .ico-tivo-pack-store,
.tivo_features .orderBox.large .orderLinks .ico-tivo-pack-store{
	background-position: -7px -84px;
	width: 35px;
	margin-left:30px;
}
html[lang="fr"] .tivo_overview .orderBox.large .orderLinks .ico-tivo-pack-store,
html[lang="fr"] .tivo_features .orderBox.large .orderLinks .ico-tivo-pack-store{
	background-position: -7px -84px;
	width: 35px;
	margin-left:15px;
}

.large .orderLinks .ico-tivo-pack-store {
	 background-position: -7px -84px;
	 width: 35px;
}
.large .orderLinks .ico-pack-business {
	background-position: -78px -84px;
	width: 62px;
}

.large .logo_bundle a,
.large .logo_phone a,
.large .logo_store a,
.large .logo_agent a,
.large .logo_business a{
	display: inline-block;
	margin: 0;
	box-sizing: border-box;
	font-size: 12px;
	line-height:16px;
}
.large .phone{
	width:25%;
}
.large .phone p{
	font-family: "MyriadProRegular", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	margin:0;
}
.large .phone p + p{
	font-size:24px;
	color:#fddb1c;
}
.large .bundle{
	margin:5px 0 0 0;
}
.large .bundle .btnBuildMyBundle span{
	font-size:18px;
	color:#454545;
}
.large .store{
	width:18%;
	font-size:16px;
}
.large .store span:hover{
	text-decoration: underline;
}
.large .store span{
	width:70%;
	float:left;
}
html[lang="en"] .large .store span{
	margin-top:12px;
}
.large .business{
	width:20%;
	font-size:16px;
}
.large .business span:hover{
	text-decoration: underline;
}
.large .arrow-separator{
	background: url("/web/resources/images/tivo/tv/orderBox_arrow.png") no-repeat;
	width:717px;
	height:19px;
	margin: 25px 0 0 -15px;
}



/*** large icons END***/

/*** EULA START ****/

.eula{
	margin: 0;
	background: #FFFFFF;
	color: #595959;
}
.eula .content-wrapper{
	display: block;
	max-width: 960px;
	margin: 0 auto;
	margin-bottom: 50px;
	padding: 15px;
}
.eula h1{
	font-size: 30px;
	margin: 30px 50px;
	font-weight: normal;
}
.eula .header{
	width: 100%;
	position: relative;
	margin: 0 auto;
	height: 90px;
	max-height: 90px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3f3f3 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3f3f3 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3f3f3 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3f3f3 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3f3f3 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	overflow: hidden;
	z-index: 1;
}
.eula .cogeco_logo{
	background: url(/web/resources/images/logo.png) no-repeat center;
	width: 184px;
	height: 32px;
}
.eula .gradient_bg{
	background: #f5f6f6; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f6f6 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f6f6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f6f6 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f6f6 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f6f6 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5f6f6 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	width: 100%;
}
.eula .logo{
	width: 184px;
	display: block;
	margin: 30px auto 0;
}
.eula .section .header_sep{
	width: 100%;
	color: transparent;
	background-size: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.eula .section .header_sep .inner{
	padding-top: 4px;
	display: block;
	height: 0;
}
.eula .header + .section{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;

}
.eula .section p{
	margin: 0 50px;
}

@media (max-width: 960px) and (min-width: 768px){
	.eula h1{
		font-size: 28px;
		margin: 28px 50px;
	}
	.eula .header + .section{
		font-size: 14px;
	}
}
@media (max-width: 767px) and (min-width: 341px){
	.eula h1{
		font-size: 26px;
		margin: 20px 50px;
	}
	.eula .header + .section{
		font-size: 12px;
	}
}
@media (max-width: 340px){
	.eula h1{
		font-size: 24px;
		margin: 18px 25px;
	}
	.eula .header + .section{
		font-size: 12px;
	}
	.eula .section p{
		margin: 0 25px;
	}
}
/*** EULA END ****/

/*** TiVo Recorder ***/
.remote-recorder.tivo {
    padding-bottom: 0;
    font-size: 16px;
}

.remote-recorder.tivo .overview {
    background: url(/web/resources/images/tivo/tv/remote-recorder-bg.jpg) no-repeat right center black;
    min-height: 412px;
    padding-right: 417px;
    color: #ffffff;
    margin: -15px -15px 15px -15px;
    padding: 30px 484px 15px 15px;
    box-sizing: border-box;
}

.remote-recorder.tivo .overview h2 {
    color: #ffffff;
}

.remote-recorder.tivo .overview li {
    list-style-image: none;
}


.remote-recorder.tivo .features {
    background: url(/web/resources/images/tivo/tv/tivo_remoterecorder_features.jpg) no-repeat right center;
    min-height: 208px;
    padding-right: 417px;
    margin: 30px 0 60px 0;
}

.remote-recorder.tivo .download {
    margin-bottom: 15px;
    text-align: center;
}

.remote-recorder.tivo .download h2 {
    margin-top: -15px;
}

.remote-recorder.tivo .download ol {
    margin: 0 -15px;
}

.remote-recorder.tivo .download li {
    margin: 15px;
    float: left;
    width: 30%;
    box-sizing: border-box;
}

.remote-recorder.tivo .etape1 a {
    display: block;
    float: left;
    margin-top: 10px;
    text-decoration: none;
}

.remote-recorder.tivo .googleBtn {
     margin-left: 14px;
}

.remote-recorder.tivo .amazonBtn {
    margin-left: 65px;
}

/* Bundle Calculator TiVo Header  */
.box.css.bundle-calculator-header-tivo {
    min-height: 193px;
    padding-left: 347px
}
.box.css.bundle-calculator-header-tivo:before {
    content: "";
    background: url(/web/resources/images/tivo/tv/tivo-on-receiver-inverted.png) no-repeat;
    position: absolute;
    top: 10px;
    left: 15px;
    display: block;
    width: 314px;
    height: 182px;
}
.bundle-calculator-header-tivo .buttonLink {
    min-width: 180px;
}

.bundle-calculator-header-tivo:after {
    background: url(/web/resources/images/residential/tv/gray_circle.png) no-repeat center center;
    content: "or";
    display: block;
    position: absolute;
    bottom: -26px;
    left: 0;
    height: 37px;
    width: 100%;
    line-height: 35px;
    text-align: center;
    color: white;
    font-size: 21px;
}

html[lang="fr"] .bundle-calculator-header-tivo:after {
    content: "ou";
}

/* bundle calculator contingency plan */
.contingency-plan-head {
    padding-top: 30px !important;
    padding-bottom: 40px !important;
}


.contingency-plan-head h2 {
    width: auto !important;
    float: none !important;
}
.contingency-plan-head .largeInfoBubble {
    width: 275px;
}
.contingency-plan-head .checkbox-list {
    padding-left: 125px;
    position: relative;
}
.contingency-plan-head .checkbox-list:before {
    content: "";
    background: url(/web/resources/images/residential/icons/sprite_icons_tivo.png) no-repeat left -128px;
    display: block;
    position: absolute;
    width: 48px;
    height: 64px;
    left:21px;
    top:15px;
}
.checkbox-list {
    list-style: none;
    padding-left: 40px;
}
.checkbox-list input {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.checkbox-list label {
    position: relative;
    padding-top: 6px;
    padding-bottom: 5px;
    padding-left: 40px;
    margin-left: -40px;
}
.checkbox-list label:before {
    content: "";
    background: url(/web/resources/images/residential/bundle/package_selector_unchecked.gif) no-repeat;
    display: block;
    height: 33px;
    width: 30px;
    position: absolute;
    left: 0;
    top: 0;
}
.checkbox-list label.checked:before {
    background: url(/web/resources/images/residential/bundle/package_selector_checked.png) no-repeat;
	content:" ";
}
.checkbox-list li:first-child label:before {
    background: url(/web/resources/images/residential/bundle/package_selector_checked_gray.png) no-repeat;
}
#page.order.contact_user_form .contactPackageOrder {
    width: 410px;
}

/* TiVo logo on userguide page*/
p.text_h1.bottomPadding.tivo {
	margin-top: 0;
}

/* trademarks */
.registered {
    font-size: .8em;
    line-height: 0;
    vertical-align: super;
    font-family: arial;
}
.trade-mark {
    vertical-align: super;
    font-size: .5em;
    line-height: 0;
}

.addServices .tivo-checkbox-wrapper.field {
    background: url(/web/resources/images/tivo/tivo-checkbox-bg.png) no-repeat;
    height: 62px;
    padding-top: 10px;
    margin-top: -10px;
    padding-left: 90px;
    box-sizing: border-box;
    width:  41%;
    position: relative;
}
.addServices .tivo-checkbox-wrapper ~ .field {
    width: 19%;
}

video.loading {
	top:-100%;
	visibility: hidden;
}
video.loaded {
	top:auto;
	visibility: visible;
}


/* mobile faq */
.light-cogeco-header,
.mobile-faq-header {
	background: rgb(228,228,228);
	background: linear-gradient(to bottom, rgba(228,228,228,1) 0%,rgba(255,255,255,1) 100%);
}
.light-cogeco-header + #page,
.mobile-faq-header + #page {
	box-shadow:  inset 0 5px 3px -3px #cccccc;
}
.light-cogeco-header h1,
.mobile-faq-header .logo {
	padding: 29px 30px;
	max-width: 960px;
	margin: 0 auto;
	height: 32px;
}

.mobile-faq-content .arrowListNR > li {
	line-height: 32px;
}
.isResponsive #page,
.isResponsive #content,
.isResponsive .main_content_full {
	width: auto;
	max-width: 100%;
	min-width: 0;
}
#page.tivoservice {
	padding: 0 30px;
}

.oversized {
    font-size: 2em;
}


/*** CSS BUBLE INFO ***/
.bubble-info {
	position: relative;
	width: 8px;
	height: 8px;
	cursor: pointer;
}

.bubble-info > span {
	display: none;
	position: absolute;
	left: 27px;
	margin-top: -4px;
	white-space: pre;
	padding: 6px;
	border: 1px solid #ccc;
	box-shadow: 0 0 7px 0 rgba(0,0,0,.35);
	border-radius: 5px;
	background-color:#fff;
}
.bubble-info:hover > span {
	display:block;
}
.bubble-info:after {
	content: 'i';
	font-weight: bold;
	background: blue;
	width: 11px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 11px;
	line-height: 11px;
	border-radius: 2px;
	color: #fff;
	text-align: center;
	font-size: 10px;
	margin-left: 2px;
	font-family: Arial, Helvetica, sans-serif;
}
.lt-ie9 .bubble-info:after {
	/*top:13px;*/
}
.bubble-info:before {
	content: '';
	position: absolute;
	border: 2px solid transparent;
	border-top-color: blue;
	border-right-color: blue;
	margin-top: 2px;
	margin-left: -2px;
}
.bubble-info.error:after {
	background: red;
}
.bubble-info.error:before {
	border-top-color: red;
	border-right-color: red;
}

.bubble-info.error > span{
	padding: 10px 5px;
}

.bubble-info > span:before {
	content: '';
	position: absolute;
	border: 7px solid transparent;
	border-top-color: rgba(0,0,0,.10);
	border-right-color: rgba(0,0,0,.10);
	margin-left: -20px;
}
.lt-ie9 .bubble-info > span:before {
	border-top-color: #ccc;
	border-right-color: #ccc;
}

.bubble-info > span:after {
	content: '';
	position: absolute;
	border: 7px solid transparent;
	border-top-color: #fff;
	border-right-color: #fff;
	margin-left: -17px;
	left:7px;
	top:7px
}

