03/02/2015 01:40 PM   ==   v0.0.0.6.623 */


body                            { font-family: "Avenir Next", Arial, sans-serif; padding-top: 40px; background-color: #FFF; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: -0.015em; }
@media (max-width: 767px) {
        .lead                   { line-height: 1; }
}
@media (min-width: 768px) {
        body { font-size: 1em; }
}
@media (min-width: 992px) {
        body { font-size: 1.2em; }
}
@media (min-width: 1200px) {
        body { font-size: 1.4em; }
}

body a:hover { text-decoration: none; }
body a:focus { outline: none; }


/* headerNavigation.css[START] */
.avenirNextFont,.avenirNextFontNavs { font-family: "Avenir Next", Arial, sans-serif; }

#header #nav-context-bar li a:hover {
    /*font-weight : 600 !important;*/
    font-color: #3D4141 !important;
    text-decoration : none !important;
}
#header #nav-context-bar li .dropdown-toggle{
    padding: 0;
    font-weight: 500 !important;
    font-size: 13px;
    color: #808284 !important;
    text-decoration: none;
    font-family: "Avenir Next", Arial, sans-serif;
}

#header #nav-context-bar li #toggle_lang{
    padding: 0;
    font-weight: 500 !important;
    font-size: 13px;
    /*color: #3D4141 !important;*/
    /*line-height: 20px;*/
    text-decoration: none;
    font-family: "Avenir Next", Arial, sans-serif;
}

#header #nav-context-bar li .avenirNextFontSignIn{
    padding: 0;
    /*font-weight: 600 !important;*/
    color: #DA291C !important;
    text-decoration: none;
}

#header #nav-context-bar li .avenirNextFontSignIn:hover{
    padding: 0;
    /*font-weight: 900 !important;*/
    /*font-size: 13px !important;*/
    color: #DA291C !important;
    text-decoration: none;
}
#header #nav-context-bar li .dropdown-toggle:hover{
    padding: 0;
    /*font-weight: 900 !important;*/
    /*font-size: 13px !important;*/
    color: #DA291C !important;
    text-decoration: none;
    
}
#header #nav-context-bar li #toggle_lang:hover{
    padding: 0;
    /*font-weight: 900 !important;*/
    /*font-size: 13px !important;*/
    color: #DA291C !important;
    text-decoration: none;
}

#header #nav-context-bar .region-header > a { font-weight: bold; border-bottom: 1px solid #EEE; }
#header #nav-actions            { position: absolute; top: 0; }
#header #nav-actions div        { display: block; float: right; }
#header #nav-actions div a      { display: block; text-align: center; font-size: 1.5em; width: 40px; height: 40px; line-height: 40px; }
#header #nav-actions #shopcart a{ background-color: #DA291C; color: #FFF; border-radius: 0 0 0 10px; }
#header #nav-actions #search a  { background-color: #BBBDC0; color: #FFF; border-radius: 0 0 10px 0; }
#header #nav-actions #shopcart a:hover { text-decoration:none;background-color: #414042;/*color:#00AEC7*/}
#header #nav-actions #search a:hover { text-decoration:none;background-color: #414042;/*color:#00AEC7*/}
#user-name {
color: #DA291C;
font-size: 13px;
font-weight: 500;
margin-top: -9px;
}

#header #nav-actions div a      { font-size: 26px !important;; width: 55px; height: 79px; line-height: 79px; }
       
        

.avenirNextFontNavs:hover{
     font-family: "Avenir Next", Arial, sans-serif;
      /*font-size:14px !important;*/
      text-decoration:none;
}

.avenirNextFontSignOut {
    font-family: "Avenir Next", Arial, sans-serif !important;
    color: #DA291C !important;
    padding-top: 0px !important;
    /*font-size: 12px !important;*/
}

rui-icon-arrow-right-v3 {
font-size: 8px;
margin-left: -5px;
/* padding-right: 19px; */
}

.caret {
    padding-left: -1px;
    margin-left: 0px;
    margin-top: -2px;
}

#header #nav-context-bar li #userNameDrop{
    margin-top: 1px;
    margin-right: -4px;
       font-size: 12px;
}

.avenirNextFontSignOut:hover{
      text-decoration:none;
      
}

.avenirNextFontUserNameDisplay {
     font-family: "Avenir Next", Arial, sans-serif !important;
    color: #999;
    font-size: 12px;
}
/* headerNavigation.css[END] */


#header                         { margin-bottom: 0; min-height: 40px;-webkit-transform: translateZ(0); }
#header .container              { position: relative; }
#header .navbar-header          { position: absolute; top: 0; left: 24px; z-index: 1000; }
#header .navbar-brand           { font-size: 20px; padding: 0; float: none; text-indent: -9999px; display: block; background-color: #DA291C; background-size: 8.33em auto; width:190px; height: 40px; background-repeat: no-repeat; background-position: center center; }
#header .navbar-toggle          { background-color: #DA291C; float:none; position: absolute; left: 0; top: 0; width: 40px; height: 40px; border-radius: 0; margin: 0; font-size: 1.4em; line-height: 1; color: #FFF; }
#header #main-menu              { position: relative; background-color: #FFF; }
#header .dropdown-menu {
font-size: 13px;
font-weight: 500 !important;
}
#header #nav-context-bar        { font-weight: 300; }
#header #nav-context-bar #username i { vertical-align: text-bottom; }
#header #nav-context-bar .signedin { margin-right: 10px; }
#header #nav-context-bar form   { display: inline; }
#header #nav-context-bar li:first-child a { color: #DA291C; }
#header #nav-context-bar .region-header > a { font-weight: bold; border-bottom: 1px solid #EEE; }
#header #nav-actions            { position: absolute; top: 0; right: 0; }
#header #nav-actions div        { display: block; float: right; }
#header #nav-actions div a      { display: block; background-color: #DA291C; color: #FFF; text-align: center; font-size: 1.6em; width: 40px; height: 40px; line-height: 35px; }

.en #header .navbar-brand{
   /* background-image: url("/cms/rogers/css/img/logo-inverted.png");*/
     /*background-image:url("/cms/rogers/css/img/Rogers-LogoNew.png");*/
    /*background-image:url("/cms/images/horizon/Rogers_tm_w.png");*/
     background-image:url("/cms/images/horizon/Rogers_tm_w_new.png");
          
}
.fr #header .navbar-brand{
   /* background-image: url("/cms/rogers/css/img/logo-inverted-fr.png");*/
   /* background-image:url("/cms/rogers/css/img/Rogers-LogoNew.png");*/
  /*background-image:url("/cms/images/horizon/Rogers_mc_w.png");*/
  background-image:url("/cms/images/horizon/Rogers_mc_w_new.png");
    
}

#header .navbar-brand { 
    text-indent: -9999px; 
    /*background-image: url('/cms/images/horizon/logo-inverted.png'); */
    background-size: 106px auto; 
    width:190px; 
    background-repeat: no-repeat; 
    background-position: center center; 
}

.navigationBar-fixed-top{
    top: 0;
    border-width: 0 0 1px;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}


@media (max-width: 767px) {
        #header                 { }
        #header #main-menu      { border-bottom: 3px solid #EEE; max-height: none; height: auto !important; width: 250px !important; position: fixed; top: 0px; bottom: 0; z-index: 1002; overflow-x: hidden; overflow-y: scroll; -webkit-transition: left 0.8s ease; -moz-transition: left 0.8s ease; transition: left 0.8s ease; left: -250px; }
        #header #main-menu.in   { left: 0px; }
        #header #main-menu li   { padding: 0 0 0 15px; }
        #header #username       { position: absolute; top: 0; width: 100%; }
        #header .signedin       { display: block; font-size: 1.6em; font-weight: 500; color: #DA291C; padding: 5px 15px; }
        #header .signedin i     { font-size: 0.7em; }
        #header .signedin > *   { vertical-align: middle; }
        #header #username form a{ display: block; padding: 0 15px; font-weight: 500; }
        #header #user-name      { float: left; width: 100%; overflow: hidden; word-wrap: nowrap; text-overflow: ellipsis; margin-bottom: 10px; }
        #header .navbar-nav     { width: 250px; }
        #header .navbar-nav a   { font-size: 1.7em; color: #414042; font-weight: 500; }
        #header #nav-main       { margin-top: 105px; }
        #header #nav-main a:hover,
        #header #nav-main li.active a { color: #DA291C; background-color: transparent; }
        #header #nav-main a:hover:before,
        #header #nav-main li.active a:before { content:''; background-color: #DA291C; display: inline-block; width: 5px; border-radius: 0 2px 2px 0; height: 0.98em; vertical-align: bottom; margin-left: -15px; margin-right: 10px; }
        #header #nav-actions    { z-index: 1001; }
        #header #nav-context-bar a { font-size: 1.7em; color: #808284; }
        #header #nav-context-bar a:hover { background-color: transparent; }
        #header .navbar-header  { background-color: #DA291C; padding: 0 80px 0 80px; width: 100%; }
        #header .navbar-brand   { margin: 0 auto; width: 120px; background-size: 120px auto; }
        #header .shadow         { top: 0px; left: -100%; bottom: 0px; width: 100%; background-color: rgba(0,0,0,0.5); z-index: 1002; position: fixed; transition: left 0.8s; cursor: pointer; }
        #header .shadow.in      { left: 0%; }
        #header #province a,
        #header #province ul      { display: none; }
        #header #province select  { margin: 0 15px; }
        #header #nav-context-bar li .avenirNextFontSignIn{
                                                          padding: 0;
                                                          font-size: 12px !important;
                                                          color: #DA291C !important;
                                                          text-decoration: none;
                                                         }
        /*Slider Changes starts*/
        .horizonMenu .horizonMenuItem a {
            font-size: 20px; 
            color: #414042;  
            font-weight: 500;
            font-family: "Avenir Next", Arial, sans-serif;
            line-height: 20px;
            height: 40px;
            display: inline-table;
        }

        .horizonMenu .horizonMenuItem .menuItemActive {
            color: #DA291C;  
        }

        .horizonMenu .horizonMenuItem .menuItemActive:before {
            content: '';
            background-color: #DA291C;
            display: inline-block;
            width: 5px;
            border-radius: 0 2px 2px 0;
            height: 20px;
            margin-left: -0.7em;
            margin-right: 0.21em;
            box-sizing: border-box;
            margin-top: -3px;
            vertical-align: bottom;
        }

        .horizonMenu nav .horizonMenuItem a:hover:before, .horizonMenu nav li.active .horizonMenuItem a:before {
            content: '';
            background-color: #DA291C;
            display: inline-block;
            width: 5px;
            border-radius: 0 2px 2px 0;
            height: 20px;
            vertical-align: bottom;
            margin-left: -0.7em;
            margin-right: 0.21em;
            box-sizing: border-box;
            margin-top: -3px;
        }

        .horizonMenu .horizonMenuItem a:hover {
            background-color: transparent;
            color: #DA291C;
        }

        .horizonMenu .horizonMenuProvince{
            padding-left: 15px;
            padding-top: 8px;
            font-size: 13px;
            font-family: "Avenir Next", Arial, sans-serif;
        }

        .horizonMenu .languageMenu {
            font-size: 15.7px;
            font-family: "Avenir Next", Arial, sans-serif;
            color: #808284;
            padding-top: 11px;
            font-weight: 500;
            cursor: pointer;
        }

        .horizonMenu .languageMenu:hover{
            background-color: transparent;
        }

        /*Slider Changes Ends*/
}
@media (min-width: 768px) {
        body                            { padding-top: 4.9em; }
        #header                         { background-color: #FFF; border-bottom: 3px solid #EEEEEE; }
        #header .navbar-brand           { margin-left: 0; border-radius: 0 0 10px 10px; background-position: center 70%; width: 120px; height: 43px; }
        #header #main-menu              { height: 3.25em !important; }
        #header #nav-actions div a      { font-size: 18px !important;; width: 55px; height: 79px; line-height: 79px; }
        header .container               { width:750px; }
        
        #header #main-menu              { position: relative;}

        /*New SlideDown Animated Starts*/
        #header #main-menu li ul {
            position:absolute;
            /*left:0;*/
            top:35px;
            z-index:1;
        }
        #header #main-menu li ul li {
            height: 0; 
            overflow: hidden; 
        }
        #header #main-menu ul > li:hover ul li {/*touch*/
            height: 36px;
            -webkit-transition: height 0.4s ease-out;
            -moz-transition: height 0.4s ease-out;
            transition: height 0.4s ease-out;
        }
        /*New SlideDown Animated Ends*/

        #header #nav-main               { position: absolute; bottom:-3px; right: 6.5em;}
        #header #nav-main li a          { border-bottom: 3px solid transparent; transition: all 0.5s; }
        
        #header #nav-main li.active,
        #header #nav-main li a:hover,
        #header #nav-main li a:active     { border-color: #DA291C; }

        #header #nav-main li a.redActive.active,
        #header #nav-main li a.redActive:hover,
        #header #nav-main li a.redActive:active     { border-color: white; }
       
        
        #header #nav-main li a {
            color: #000;
            font-size: 14px;
            /*padding: 5px 18px 9px;*/
            line-height: 20px;
            letter-spacing: -0.2167px;
            padding: 0.35em 1.1em 0.6em;
       }
       
       .shopDropDownMenu{
           font-color: #FFF !important;
          color: #FFF !important;
        }

        #header #nav-main li a:focus,
        #header #nav-main li a:hover    { background-color: transparent; color: #DA291C; }
        #header #nav-main li.active a   { color: #DA291C; font-weight: bold; }
        #header #nav-context-bar        { position: absolute; top: 0px; right:10.1em; font-size: 9px; color: #999; padding: 0.6em 0.35em; }
        #header #nav-context-bar li     { padding: 0 6px; padding-left: 10px;}
        #header #nav-context-bar li a   { padding: 0; color: #808284; font-weight: 400; display: inline-block; line-height: 20px; }
        #header #nav-context-bar li a:focus,
        #header #nav-context-bar li a:hover { background-color: transparent; color: #DA291C; }
        #header #nav-context-bar li li a{ padding: 0.2em 1.4em; color: #333; }
        #header #nav-actions            { right: 23px; }
        #header #nav-actions div a      { font-size: 1.8em; width: 2.2em; height:3.35em; line-height: 3.15em; }
       /* #shopcart > a > span,#search > a > span { font-size: 22px !important;position: relative; top: 10px;}*/
        
        #shopcart > a > span, #search > a > span {  font-size: 12px !important; position: relative; top: 4px;}
        #header #nav-actions div i      { vertical-align: middle; }
        #header #nav-actions #shopcart a{ border-radius: 0 0 0 10px; }
        #header #nav-actions #search a  { background-color: #BBBDC0; color: #FFF; border-radius: 0 0 10px 10px; }
        #header #nav-actions a:hover,
        #header #nav-actions a:focus    { background-color: #414042 !important; /*color: #00AEC7 !important; */text-decoration: none; }
        #header .shadow                 { display: none; }
        #header #province select          { display: none; }
        #header #nav-context-bar li.region-header {border-bottom: 1px solid #EEE;}
}

.rui-cta-button                 { color: #DA291C; border-color: #DA291C; }

.breadcrumb                     { margin: 25px 15px 0; padding: 0; border-radius: 0; background-color: transparent; }
.breadcrumb .row                { overflow: hidden; }
.breadcrumb .menu               { float: left; }
.breadcrumb .menu li            { display: list-item; float: left; padding-left: 10px; margin-left: 25px; margin-top: 10px; }
.breadcrumb .menu li span       { font-size: 1.5em; vertical-align: middle; }
.breadcrumb .menu li:first-child{ font-size: 1.5em; margin-left: 0; list-style-type: none; margin-top: 0; padding-left: 0;  }
.breadcrumb .menu li a:focus,
.breadcrumb .menu li a:hover    { text-decoration: none; }
.breadcrumb .menu li.bc1,
.breadcrumb .menu li.bc1 a      { color: #DA291C; }
.breadcrumb .menu li.bc2,
.breadcrumb .menu li.bc2 a      { color: #DA291C; list-style-type: disc; }
.breadcrumb .menu li.bc3,
.breadcrumb .menu li.bc3 a      { color: #414042; }
@media (min-width: 768px) {
        .breadcrumb                     { margin: 50px 0 0; }
        .breadcrumb .menu li            { padding-left: 15px; margin-left: 35px; margin-top: 15px; }
        .breadcrumb .menu li span       { font-size: 2.2em; }
}

h1                              { /*text-indent: -9999px;*/ font-size: 0; color: transparent; margin: 0; }

.rui-hero-banner                { margin-top: 0; margin-bottom: 5px; }
.rui-hero-banner a:hover        { text-decoration: none; }
.rui-hero-banner .content > div:first-child       { text-align: center; font-size: 1.3em; }
.rui-hero-banner .content > div:first-child,
.rui-hero-banner .content > div:first-child a   { color: #FFF; }
.rui-hero-banner .content > div:first-child p { margin: 5px 0; font-weight: 500; }
.rui-hero-banner .content > div:first-child p.title{ font-size: 2.4em; font-weight: normal; margin-bottom: 0; line-height: 1; }
.rui-hero-banner .content > div:first-child a.btn { border: 1px solid #FFF; border-radius: 5px; text-transform: uppercase; padding: 3px 30px; font-size: 0.7em; }
.rui-hero-banner .content > div:first-child div { background: url('../../AppData/Local/Microsoft/Windows/Temporary Internet Files/AppData/Local/Microsoft/Windows/Temporary Internet Files/AppData/Local/Microsoft/Windows/Temporary Internet Files/Content.IE5/6MJIARVL/img/banner-text-bg.png') center center scroll no-repeat; background-size: 100% 100%; padding: 5% 20% 5% 0; }
.rui-hero-banner .rui-hero-menu { font-size: 1.1em; bottom: -50px; }
.rui-hero-banner .rui-hero-menu,
.rui-hero-banner .rui-hero-menu a { color: #FFF; }
.rui-hero-banner .menu          { background-color: #DA291C; text-transform: uppercase; font-size: 0.9em; font-weight: 500; }
.rui-hero-banner .menu span     { vertical-align: middle; }
.rui-hero-banner .menu i        { vertical-align: middle; font-size: 2.5em; }
.rui-hero-banner .rui-cta-items { font-size: 0.8em; font-weight: 500; }
.rui-hero-banner .rui-cta-item  { color: #414042; font-size: 2em; }
@media (max-width: 767px) {
        .rui-hero-banner .content > div:first-child { padding: 0; }
        .rui-hero-banner .content > div:first-child div { width: 60%; text-align: left; padding: 15px 30px 30px 15px; height: 235px; }
        .rui-hero-banner .content > div:first-child p.title { margin: 0; }
        .rui-hero-banner .menu span { text-indent: -9999px; display: inline-block; width: 1px !important; height: 1px !important; }
}
@media (min-width: 768px) {
        .rui-hero-banner        { margin-bottom: 55px; background-size: auto 540px; }
        .rui-hero-banner .content { padding-bottom: 18px; }
        .rui-hero-banner .content > div:first-child { text-align: right; }
        .rui-hero-banner .content > div:first-child p.title   { font-size: 4em; padding-bottom: 0; }
        .rui-hero-banner .content > div:first-child a.btn { padding: 7px 50px; font-size: 1em; margin-top: 10px; }
        .rui-hero-banner .menu { border-radius: 20px; }
        .rui-hero-banner .menu span     { display: inline-block; max-width: 7.1em; text-align: left;  }
        .rui-hero-banner .menu i        { margin-right: 10px; }
        .rui-hero-banner .rui-cta-items { margin-right: 15px; }
        .rui-hero-banner .rui-cta-item { font-size: 1.5em; }
}


.rui-landing-banner                { margin-top: 15px; margin-bottom: 55px; background-repeat: no-repeat; }
.rui-landing-banner .promolink { display: block; position: absolute; top: -70px; right: 15px; background-color: #FFBF3F; font-size: 1.6em; font-weight: 500; padding: 3px 40px; border-radius: 0 15px 15px 15px; color: #414042; }
.rui-landing-banner .content            { padding-bottom: 25px; }
.rui-landing-banner .content > div:first-child     { text-align: center; font-size: 1.2em; color:black; vertical-align: middle; }
.rui-landing-banner .content > div:first-child i   { font-size: 5em; position: absolute; left: 10%; color: #DA291C; }
.rui-landing-banner .content > div:first-child p { margin-bottom: 0; }
.rui-landing-banner .content > div:first-child p.title{ font-size: 2em; font-weight: normal; margin-bottom: 0; line-height: 1; }
.rui-landing-banner .content > div:first-child a.btn { color: #DA291C; border: 1px solid #DA291C; border-radius: 5px; text-transform: uppercase; padding: 6px 40px; font-size: 1.1em; }
.rui-landing-banner .content > div:first-child a.btn:hover { color: #414042; }
.rui-landing-banner .rui-hero-menu { font-size: 1.1em; bottom: -35px; }
.rui-landing-banner .rui-hero-menu,
.rui-landing-banner .rui-hero-menu a { color: #FFF; }
.rui-landing-banner .menu          { background-color: #DA291C; border-radius: 10px; text-transform: uppercase; font-size: 1em; font-weight: 500; }
.rui-landing-banner .menu span     { vertical-align: middle; font-weight: 500; font-size: 1.7em; }
.rui-landing-banner .menu i        { vertical-align: middle; font-size: 2.5em; margin-right: 10px; font-weight: 400; }
.rui-landing-banner .menu span i   { font-size: 1em; margin-left: 10px; line-height: 1.25; vertical-align: text-bottom; }
.rui-landing-banner .rui-cta-items { font-size: 0.8em; }
.rui-landing-banner .rui-cta-item  { font-size: 1.9em; color: #414042; border-top: 1px solid #BBBDC0; background-color: transparent; }
.rui-landing-banner .rui-cta-item:first-child { border-top: 0 none transparent; }
.rui-landing-banner .rui-cta-item i { font-size: 0.8em; vertical-align: text-bottom; line-height:1.2; }
@media (max-width: 767px) {
        .rui-landing-banner .content { text-align: center; }
        .rui-landing-banner .content > div { text-align: left; }
        .rui-landing-banner .content > div:first-child { overflow: hidden; width: 340px; display: inline-block; }
        .rui-landing-banner .content > div:first-child i { display: block; float: left; position: static; width: 110px; line-height: 1.2; }
        .rui-landing-banner .rui-cta-item i { display: block; float: right; padding: 2px 8px 2px 10px; background-color: #414042; color: #FFF; font-size: 1.2em; line-height: 1; }
}
@media (min-width: 768px) {
        .rui-landing-banner .content > div:first-child     { padding: 25px 10% 25px 40%; }
        .rui-landing-banner .menu span     { font-size: 1.2em; }
        .rui-landing-banner .menu i        { font-size: 2em; }
        .rui-landing-banner .rui-cta-items { padding-left: 70px; width:100%; }
        .rui-landing-banner .rui-cta-item { padding-left: 30px; font-size: 2.1em; height: 97px; }
        .rui-landing-banner .content > div:first-child { padding: 0 35% 0 15%; }
        .rui-landing-banner .content > div:first-child i { font-size: 6em; left: 90px; }
        .rui-landing-banner .content > div:first-child p.title   { padding-bottom: 0; }
        .rui-landing-banner .rui-cta-tiles { margin-top: 70px; margin-bottom: -60px; }
}


.rui-parafloat > i:first-child  { color:#DA291C; }
.rui-cta-item                   { font-weight: 500; }
.rui-hero-banner .rui-cta-item  { font-weight: 400; }

.rui-content-block h3           { background-color: #00AEC7; font-size: 1.3em; color: #FFF; padding: 15px; margin: 30px 0; }
.rui-content-block p.lead       { margin-bottom: 25px; }
.rui-content-block .rui-link-list { font-weight: 500; }
.rui-content-block .rui-link-list li { margin: 5px 0 5px 35px; font-size: 1em; }
.rui-content-block .rui-link-list a { color: #414042; }
.rui-content-block .rui-cta-badge { font-size: 0.75em; background-color: #414042; color: #FFF; }
.rui-content-block .rui-cta-badge .action { color: #414042; }
.rui-content-block button.rui-cta-badge,
.rui-content-block .button.rui-cta-badge { background-color: #EEE; color: #414042; border-radius: 15px 0 0 15px; width: 100%; font-size: 1.1em; font-weight: 500; margin: 15px 0; padding: 7px 0 7px 10px; }
.rui-content-block button.rui-cta-badge .text,
.rui-content-block .button.rui-cta-badge .text { margin: 0; text-align: left; text-transform: none; }
.rui-content-block button.rui-cta-badge .action { color: #808284; }
@media (min-width: 768px) {
        .rui-content-block h3           { border-radius: 15px 15px 0 15px; font-size: 1.4em; color: #FFF; float: left; padding: 8px 15px; font-weight: 300; margin: 30px 15px 10px; }
        .rui-content-block p.lead       { margin-bottom: 10px; }
        .rui-content-block .rui-link-list { margin-top: 25px; margin-bottom: 25px; width: 70%; display: inline-block; }
        .rui-content-block .rui-link-list li { float: left; margin: 0 0 0 35px; width: 160px; font-size: 1em; }
        .rui-content-block .button.rui-cta-badge { border-radius: 25px 25px 0 25px; width: auto; float: left; font-size: 1em; padding: 5px 15px; clear: both; }
        .rui-content-block .button.rui-cta-badge .text i { font-size: 20px; }
        .rui-content-block .button.rui-cta-badge .action { display: none; }
        .rui-content-block .collapse { display: block; visibility: visible; }
}

.reward-points                  { display: inline-block; background-image: url('../../AppData/Local/Microsoft/Windows/Temporary Internet Files/AppData/Local/Microsoft/Windows/Temporary Internet Files/AppData/Local/Microsoft/Windows/Temporary Internet Files/Content.IE5/6MJIARVL/img/reward-pts.png'); background-position: center top; background-repeat: no-repeat; padding: 3px 0 3px 8px; letter-spacing: 0.26em; font-size: 28px; font-weight: 400; line-height: 1; }
.rewards                        { }
.rewards span                   { display: inline-block; vertical-align: middle; }
.rewards .lead                  { color: #DA291C; font-size: 1.1em; margin-top: 3px; margin-bottom: -5px; font-weight: 500; }
.rewards .sub                   { font-size: 0.85em; }
.rui-package-features .rewards  { float:right; width: 40%; margin: 0; text-align: center; line-height: 1; }
.rui-package-detailsbox .rewards   { font-size: 0.9em; line-height: 1; }
.rui-package-detailsbox .rewards span { float: left; }
@media (min-width: 768px) {
        .rui-package-detailsbox .rewards   { font-size: 0.9em; }
}


.rui-carousel .slide            { padding-top: 125px; }
.rui-carousel .slide > img      { position: relative; z-index: 10; }
.rui-carousel div.bonus         { position: absolute; top: 90px; right: 0; display: inline-block; padding: 5px 10px 10px; border: 0 none transparent; background-color: #FFF; border-radius: 10px; }
.rui-carousel div.bonus .lead   { color: #DA291C; float: left; clear: left; font-weight: bold; font-size: 1em; text-transform: uppercase; }
.rui-carousel div.bonus .text   { color: #414042; float: left; clear: left; font-weight: bold; }


.rui-heading                    { font-size: 1.5em; border-radius: 0; position: relative; border-bottom: 1px solid #DA291C; margin: 30px 0; clear: both; }
.rui-heading.no-radius          { border-radius: 0; }
.rui-heading.accent             { border-bottom: 1px solid #00AEC7; }
.rui-heading h2                 { display: inline-block; margin: 0; background-color: #DA291C; color: #FFF; font-weight: 300; font-size: 1.6em; padding: 10px 20px; border-radius: 0 15px 0 0; }
.rui-heading.accent h2          { background-color: #00AEC7; }
.rui-heading h3                 { background-color: #FFF; font-size: 1.4em; color: #DA291C; padding: 0 20px; }
.rui-heading .rui-cta-badge .text { text-transform: none; font-weight: bold; }
.rui-heading .content           { position: absolute; right: 0; bottom: 0; }
.rui-heading .form-availability span { font-size: 1.15em; display: block; margin-bottom: 15px; }
.rui-heading .form-availability input { border: 1px solid #DA291C; border-radius: 10px 10px 10px 0; }
.rui-heading .form-availability a.btn { background-color: #DA291C; border-radius: 0 10px 10px 0; height: 43px; color: #FFF; }
.rui-heading .form-availability a.btn i { margin-right: 0; font-size: 32px; vertical-align: middle; padding: 0 2px 0 4px; line-height: 0.8; } 
.rui-availability-banner        { background-color: #03ACBF; }
@media (max-width:767px) {
        .rui-heading-availability,
        .rui-heading-highlight { border-bottom: 0 none transparent; }
        .rui-heading .content { width: 100%; padding: 0 15px; height: 1px; margin-top: -1px; position: relative; margin-bottom: 100px; border-top: 1px solid #DA291C; }
        .rui-heading .content > * { transform: translateY(30px); }
        .rui-heading-highlight .content { margin-bottom: 0; }
        .rui-heading-highlight .content > * { transform: translateY(80px); }
        .rui-heading-highlight .highlight a      { background-color: #FFBF3F; border-radius: 0 0 15px 0; padding: 10px 37.5px; margin: 0; display: inline-block; color: #414042; }
        .rui-heading-availability { margin-bottom: 140px; }
        .rui-heading-availability.rui-heading-highlight { margin-bottom: 125px; }
        .rui-heading-highlight { border-bottom: 0 none transparent; }
        .rui-heading .form-availability input { font-size: 1.3em; width: 100%; padding: 4px 20px; }
        .rui-heading a.btn { position: absolute; right: 0; }
        .rui-heading .rui-cta-badge { padding: 10px 0; font-size: 1.1em; }
        .rui-heading .rui-cta-badge .text { font-weight: 500; text-align: left; }
}
@media (min-width:768px) {
        .rui-heading            { overflow: hidden; margin: 30px 15px 30px; border-radius: 15px 0 0 15px; }
        .rui-heading h2         { border-radius: 15px 15px 0 15px; }
        .rui-heading h2,
        .rui-heading > div      { float: left; width: 50%; }
        .rui-heading .content { text-align: right; }
        .rui-heading-availability       { border-radius: 15px 10px 10px 15px; }
        .rui-heading .form-availability span { font-size: 0.9em; display: inline; margin: 0; }
        .rui-heading .form-availability input { border-bottom-width: 0; border-right-width: 0; border-radius: 10px 0 0 0; margin-left: 10px; }
}

#modal-availability h4          { color: #414042; font-size: 1.7em; font-weight: 500; padding-top: 0.8em; }
#modal-availability .modal-body { padding-top: 0; padding-bottom: 0; font-size: 1.5em; }
#modal-availability .modal-footer { border-top: 0 none transparent; padding-top: 0px; padding-right: 40px; }
#modal-availability .error-icon { display: inline-block; border: 3px solid #DA291C; background-color: #FAC0BD; border-radius: 10px; font-size: 0.9em; font-weight: bold; line-height: 1em; padding: 0.05em 0.35em; }
#modal-availability .postal-code{ font-weight: 500; }
#modal-availability.is-good .bad { display: none; }
#modal-availability.is-bad .good { display: none; }
#modal-availability ul          { font-size: 0.75em; margin-top: 2em; padding-left: 4em; list-style-type: none; }
#modal-availability .rui-cta-link { font-size: 1em; font-weight: bold; }
#modal-availability .btn        { color: #FFF; background-color: #DA291C; text-transform: uppercase; font-weight: 400; border-radius: 5px; padding: 0.3em 2em; }

.package-promo-bundle           { padding: 0; margin-top: 50px; overflow: hidden; text-align: center; font-weight: 400; font-size: 1.1em; }
.package-promo-bundle a         { color: #414042; }
.package-promo-bundle > div > div { background-color: #FFBF3F; border-radius: 15px 0 15px 15px; height: 270px; position: relative; }
.package-promo-bundle p         { font-size: 1.4em; padding: 0 20px; margin-bottom: 20px; }
.package-promo-bundle p.heading { font-size: 2.3em; margin-top: 20px; margin-bottom: 10px; }
.package-promo-bundle > div > div i { position: absolute; font-size: 50px; }
.package-promo-bundle .north    { font-size: 80px; top: 40px; left: 50%; transform: translateX(-50%); }
.package-promo-bundle .west     { left: 20px; top: 50%; }
.package-promo-bundle .south    { bottom: 40px; left: 50%; transform: translateX(-50%); }
.package-promo-bundle .east     { right: 20px; top: 50%; }
.package-promo-calculator       { background-color: #00AEC7; }
.package-promo-calculator p     { margin: 0; }
.package-promo-calculator a     { display: block; color: #FFF; font-size: 1.3em; width: 100%; text-align: center; padding: 10px 0; }
@media (max-width:767px) {
        .package-promo-bundle           { background-color: #FFBF3F; margin-top: 150px;}
        .package-promo-bundle > div > div { display: none; }
        .package-promo-calculator       { position: absolute; top: 0; width: 100%; }
}
@media (min-width:768px) {
        .package-promo-bundle           { padding: 0 65px; font-weight: 300; }
        .package-promo-bundle > div     { border: 1px solid #FFBF3F; border-radius: 15px; }
        .package-promo-bundle p         { font-size: 1.2em; }
        .package-promo-bundle p.heading { font-size: 1.45em; }
        .package-promo-calculator       { background: url('img/calculator.png') center center scroll no-repeat transparent; height: 450px; }
        .package-promo-calculator a     { text-transform: uppercase; background-color: #FFF; color: #414042; font-size: 1.5em; margin-top: 175px; }
}

.package-why-bundle h3          { background-color: #FFBF3F; font-size: 1.4em; line-height: 1.5; border-radius: 15px 15px 15px 0; display: inline-block; width: auto; }
.package-why-bundle p           { font-size: 1.2em; font-weight: bold; margin-top: 20px; margin-bottom: 0; }
.package-why-bundle ul          { padding-left: 15px; }
.package-why-bundle li          { font-size: 1.1em; margin: 10px 0; }

.rui-plans .package-plans-desc h4          { background-color: transparent; }
.rui-plans .package-plans-desc li          { position: relative; padding-left: 50px; margin: 30px 0; overflow: hidden; line-height: 1.2; }
.rui-plans .package-plans-desc li i        { color: #808284; font-size: 40px; position: absolute; top: 0; left: 0; }
.rui-plans .package-plans-desc li .lead    { float: left; font-size: 0.95em; font-weight: 600; width: auto; }
.rui-plans .package-plans-desc li span     { float: left; clear: left; color: #414042; font-size: 0.95em; font-weight: 400; }


.bundle-promo-bundle > div      { border: 1px solid #00AEC7; border-radius: 15px; font-weight: 300; position: relative; }
.bundle-promo-bundle .content   { padding: 0 0 0 10px; }
.bundle-promo-bundle p.heading  { font-size: 1em; font-weight: 500; }
.bundle-promo-bundle p:last-child { margin: 0; }
.bundle-promo-bundle a          { color: #414042; }
.bundle-promo-bundle .icons     { background-color: #00AEC7; border-radius: 0 15px 15px 0; position: relative; font-size: 1em; }
.bundle-promo-bundle .icons i   { position: absolute; font-size: 2em; color: #FFF; width: 1.4em; text-align: center; }
.bundle-promo-bundle .icons .north     { font-size: 4em; top: 10%; left: 50%; transform: translateX(-50%); width: auto; }
.bundle-promo-bundle .west      { left: 5%; top: 55%; }
.bundle-promo-bundle .south     { bottom: 5%; left: 50%; transform: translateX(-50%); }
.bundle-promo-bundle .east      { right: 5%; top: 55%; }
.bundle-promo-bundle-mobilespacing { margin: 0; width: 0; }
@media (max-width:767px) {
        .bundle-promo-bundle       { position: absolute; bottom: 0; width: 100%; }
        .bundle-promo-bundle > div { height: 160px; }
        .bundle-promo-bundle .icons { width: 45%; top: 0; right: 0; bottom: 0; position: absolute; }
        .bundle-promo-bundle .content { display: inline-block; width: 54%; position: relative; top: 50%; transform: translateY(-50%); }
        .bundle-promo-bundle-mobilespacing { height: 200px; width: 100%; }
}
@media (min-width:768px) {
        .bundle-promo-bundle .content   { padding: 15px; font-size: 1.5em; }
        .bundle-promo-bundle p.heading  { font-size: 1.25em; }
        .bundle-promo-bundle p          { margin-bottom: 20px; }
        .bundle-promo-bundle .content i { width: 1.1em; margin-right: 0.4em; }
        .bundle-promo-bundle .icons     { height: 300px; font-size: 1.5em; border-radius: 15px 15px 0 0; }
        .bundle-promo-bundle .icons .north     { top: 20%; }
        .bundle-promo-bundle .west      { left: 15%; top: 50%; }
        .bundle-promo-bundle .south     { bottom: 20%; }
        .bundle-promo-bundle .east      { right: 15%; top: 50%; }
}

.app { padding: 15px; padding-top:5px; margin-top: 0px; background-color: white; }

.rui-help-login                 { background-color: #00AEC7; font-weight: 300; }
.rui-help-login .rui-help,
.rui-help-login .rui-help a     { color: #FFF; }
.rui-help-login .rui-login,
.rui-help-login .rui-login a    { color: #414042; }
.rui-help-login .rui-help .button { background-color: #FFF; border-radius: 14px 14px 0 14px; padding: 10px; }
.rui-help-login .rui-help .button a { color: #000; }
.rui-help-login .rui-help .button .rui-cta-link:after { margin-left: 15px; }
.rui-help-login .rui-login #login-button { background-color: #DA291C; text-transform: uppercase; }
@media (max-width:767px) {
        .rui-help-login .row > div.rui-login              { background-color: #68CADA; padding-left: 30px; padding-right: 30px; }
        .rui-help-login .rui-login #login-button { margin-top: 0; margin-bottom: 20px; }
}
@media (min-width:768px) {
        /*.rui-help-login         { background: url('img/bg-login-banner.png') fixed repeat-y 50% 0 #00AEC7; }*/
        .rui-help-login .rui-help .button { padding: 15px 50px; border-radius: 20px 20px 0 20px; }
}


#footer                         { clear:both; background-color: #FFF; font-size: 1em; border-top: 3px solid #EEEEEE; }
#footer .container              { position: relative; padding-top: 80px; }
#footer, #footer a              { color: #414042; }
#footer li                      { list-style-type: none; }
#footer li a:focus,
#footer li a:hover      { text-shadow: 0 0 0.3px; text-decoration: none; }
#footer .row:first-child li     { line-height: 1.2em; margin: 0 0 10px; }
#footer #footer-col4 li         { float: right; text-align: center; }
#footer #footer-col4 li a       { display: block; width: 40px; height: 40px; line-height: 40px; font-size: 22px; background-color: #DA291C; color: #FFF; vertical-align: middle; text-align: center; }
#footer #footer-col4 li:first-child a { background-color: #BBBDC0; }
#footer #footer-col4 li a:focus,
#footer #footer-col4 li a:hover { background-color: #414042 !important; color: #00AEC7 !important; text-decoration: none; }
#footer #copyright              { padding: 15px 0 10px; }
#footer .social-media           { position: absolute; margin: 0; padding: 0; z-index: 1000; }
#footer .social-media ul        { float: left; padding: 0; }
#footer .social-media span,
#footer .social-media li        { float: left; padding: 5px; }
#footer .social-media li a      { display: block; width: 20px; height: 20px; color: #414042; }
#footer .social-media i         { font-size: 18px; }
#footer .social-media .btn      { border: 1px solid #BBBDC0; border-radius: 0 15px 15px 15px; padding: 3px 30px; float: left; }
#footer .social-media .btn:focus,
#footer .social-media .btn:hover { background-color: #808284; color: #FFF; }
@media (max-width: 767px) {
        #footer                 { border-top: 3px solid #e9e9e9; font-size: 1.3em; }
        #footer .row            { margin-top: 30px; }
        #footer .row:first-child li     { margin: 0 0 15px; }
        #footer #footer-col4    { position: absolute; top: 0; right: 15px; padding: 0; }
        #footer .social-media   { top: 5px; left: 10px; }
        #footer .social-media span { text-indent: -9999px; display: inline-block; padding: 0; }
        #footer .social-media .btn { clear: left; font-size: 1.1em; }
        #footer #footer-col4 li a { border-radius: 0 0 0 5px; }
        #footer #footer-col4 li:first-child a { border-radius: 0 0 5px 0; }
        #footer #copyright      { margin: 0 15px; }
}
@media (min-width: 768px) {
        #footer .container      { padding-top: 25px; }
        #footer .col-sm-3       { width: 28%; }
        #footer #footer-col4    { margin-top: -25px; width: 16%; }
        #footer #footer-col4 li { margin-top: -3px;  }
        #footer #footer-col4 li a { border-radius: 0 0 0 10px; width: 1.83em; height: 2em; line-height: 2em; font-size: 2.15em; }
        #footer #footer-col4 li:first-child a { border-radius: 0 0 10px 0; }
        #footer #copyright      { padding-top: 30px; }
        #footer .social-media   { bottom: 10px; right: 10px; }
        #footer .social-media ul { margin: 0 20px 0 5px; }
        #footer .social-media a:focus,
        #footer .social-media a:hover { color: #000; }
}


@media (min-width: 992px) {
     header .container     { width:992px; }
    #header .navbar-brand  {
     margin-left: 0;
     border-radius: 0 0 10px 10px;
     background-position: 50% 50%;
     width: 189px;
     height: 3em;
    }
    #header .navbar-header {
        position: absolute;
        top: 0;
        left: 7px;
        z-index: 1000;
        

    }
    #header .navbar-brand {
        font-size: 1em;
       /* height: 78.84px;*/
        height: 57px;
        background-size: 149.2px auto;
    }
    
   /* #header #nav-main li a{
        font-size:.8em;
        padding:0.35em 1.15em 0;
    }*/
}

@media (max-width: 1199px) and (min-width: 992px){
    #shopcart > a > span, #search > a > span {
    font-size: 12px !important;
    position: relative;
    top: -2px;
    }
    
    .en #shopcart > a > span, #search > a > span {
        padding-left: 4px;
    }
    .fr #shopcart > a > span, #search > a > span {
        padding-left: 2px;
    }
    
    #shopcart > a > span, #search > a .rui-icon-magnifying-glass-v3 {
        font-size: 20px !important;
        position: relative;
        top: 1px;
     }
}

@media (min-width: 1200px) {
    header .container{ width:1170px; }
    
    #header .navbar-brand {
        font-size: 1.1em;
    }
    #header #main-menu {
        /*height: 4.2em !important; 0306*/
        height: 65.7px !important;
    }
    /*#header #nav-main {
        bottom: 0px;
        right: 8.6em;
    } 0306*/
    #header #nav-actions div a {
        /*font-size: 1.8em;*/
        width: 112px;
        height: 57px;
        /*line-height: 3.15em;*/
    }
    
    .fr #header #nav-actions div a {
        width: auto;
        height: 58px;
        padding-left: 9px;
        padding-right: 9px;
    }
   
     #shopcart > a > span, #search > a .rui-icon-magnifying-glass-v3 {
        font-size: 25px !important;
        position: relative;
        top: 4px;
     }
     #search > a .searchText{
        font-size: 14px !important;
        font-weight: 600;
        top: -2px;
        padding-left: 0px;
     }
     .fr #search > a .searchText{
        padding-left: 0px;
        font-size: 12px !important;
        font-weight: 600;
     }
     #header #nav-context-bar {
        position: absolute;
        top: 0px;
        /*right: 11.1em; 0306*/
        right: 130px;
        font-size: 12px;
        color: #999;
        padding: 0.6em 0.35em;
        }
    
    /*#header #nav-main li a {
        font-size: .925em;
        padding: 0.35em 1.15em .5em;
        }*/
    #header #nav-main {
        /* 
        bottom: -3px;
        right: 8.6em;
        0306*/
        bottom: -3px;
        right: 142px;
    }

    #header #nav-context-bar li #userNameDrop,
    #header #nav-context-bar li a {
        font-size: 14px !important;
    }

    #header #nav-main #shopDropDown .shopDropDownList a,
    #header #nav-main #supportDropDown .supportDropDownList a,
    #header #nav-main #rewardsDropDown .rewardsDropDownList a,
	#header #nav-main #myRogersDropDown .myRogersDropDownList a,
    #header #nav-main #promotionsDropDown .promotionsDropDownList a ,
	#header #nav-main #moreDropDown .moreDropDownList a {
        font-family: 'Avenir Next', Arial, sans-serif;    
        font-size: 16px !important;    
        letter-spacing: -0.209999993443489px;    
        line-height: 16px;
        padding-left: 5px !important;
        /*text-transform: capitalize;*/
    }

    #header #nav-main #shopDropDown .shopDropDownList a:hover::before,
    #header #nav-main #supportDropDown .supportDropDownList a:hover::before,
	#header #nav-main #rewardsDropDown .rewardsDropDownList a:hover::before,
	#header #nav-main #myRogersDropDown .myRogersDropDownList a:hover::before,
    #header #nav-main #promotionsDropDown .promotionsDropDownList a:hover::before,
	#header #nav-main #moreDropDown .moreDropDownList a:hover::before	{
        content: '\e682'; 
        font-family: rui-icon; 
        font-size: 12px; 
        line-height:10px;
        display:inline-block;
        vertical-align:middle; 
        padding-right: 4px;
    }

}



/*Added on 06 Mar 2015 Starts*/

#header #nav-main li {
    list-style-type: none;
}

/*@media (min-width: 768px) and (max-width: 785px) {
    .fr #footerHorizon #footerHorizon-col4{
        margin-top: -3px !important;
    }
}*/

@media (min-width: 768px) and (max-width: 991px) {
    #header .navbar-header {
        left: 5px !important;
        font-size: 16px;
    }

    #header #main-menu {
        height: 50px !important;
    }

      #header #main-menu ul > li:hover ul li { /*touch*/
        height: 30px;
        -webkit-transition: height 0.4s ease-out; 
        -moz-transition: height 0.4s ease-out; 
        transition: height 0.4s ease-out;
    }
      #header #main-menu li ul{
          top: 34px;
      }

    #header #nav-main li a {
        font-size: 10px !important;
        padding: 5px 18px 4px !important;
        padding-left: 14px !important;
    }

    .fr #header #nav-main li a {
        font-size: 10px !important;
        padding: 5px 12px 4px !important;
        padding-left: 12px !important;
    }

    .fr #header #nav-actions div a .searchText{font-size: 9px !important;font-weight:600;vertical-align: top;padding-left: 1px;}

    #header #nav-main {
        position: absolute;
        bottom: -3px !important;
        right: 90px !important;
    }

    #header #nav-context-bar{
        right: 9.1em;
    }

    #header #nav-actions {
        right: 10px !important;
        font-size: 16px;
    }

    #header #nav-actions div a {
        font-size: 16px !important;
        width: 89px !important;
        height: 43px !important;
        line-height: 50px !important;
    }
    
    #shopcart > a > span, #search > a > span {
        font-size: 10px !important;
        position: relative;
        top: -5px;
        padding-left: 4px;
    }
    .en #shopcart > a > span, #search > a > span {
        padding-left: 4px;
    }
    .fr #shopcart > a > span, #search > a > span {
        padding-left: 2px;
    }
    
    #shopcart > a > span, #search > a .rui-icon-magnifying-glass-v3 {
        font-size: 16px !important;
        position: relative;
        top: -3px;
    }

    #header #nav-context-bar li:first-child a, 
    #header #nav-context-bar li .dropdown-toggle,
    #header #nav-context-bar li #toggle_lang {
        font-size: 10.4px !important;
    }

    #header #nav-context-bar .region-header,
    #header #nav-context-bar li li a {
        font-size: 12px !important;
    }

    #header #nav-context-bar li #userNameDrop,
    #header #nav-context-bar li a {
        font-size: 10px !important;
    }
    
    /*new changes start*/
    .contactUsFooter {
        font-size: 10px;
        letter-spacing: -0.21px;
        color: black !important;
        font-family: "Avenir Next", Arial, sans-serif;
    }
        
    /*.en #footerHorizon #footerHorizon-col4 li a {
        line-height: 60px;
    }
    .en #footerHorizon #footerHorizon-col4 li {
        margin-top: 30px;
        float: left;
        text-align: center;
    }
    #footerHorizon #footerHorizon-col4 {
        width: 188px;
        margin-top: -48px;
        float: right;
        margin-right: -5px !important;
    }*/
        
    /*#footerHorizon .social-media2 {
        right: 27px;
        bottom: 72px;
    }*/
    /*#footerHorizon #footerHorizon-col4 li a {
        display: block;
        width: 70px;
        height: 55px;
        color: #DA291C;
        vertical-align: middle;
        text-align: center;
        border-radius: 0 0 0px 10px;
        font-size: 12px;
    }*/
    .storeLocatorFooter {
        font-size: 10px;
        letter-spacing: -0.21px;
        color: black !important;
        font-family: "Avenir Next", Arial, sans-serif;
    }
    /*new changes end*/

    #header #nav-main #shopDropDown .shopDropDownList a,
    #header #nav-main #supportDropDown .supportDropDownList a,
    #header #nav-main #rewardsDropDown .rewardsDropDownList a,
	#header #nav-main #myRogersDropDown .myRogersDropDownList a,
    #header #nav-main #promotionsDropDown .promotionsDropDownList a,
	#header #nav-main #moreDropDown .moreDropDownList a {
        font-family: 'Avenir Next', Arial, sans-serif;    
        font-size: 12px !important;    
        letter-spacing: -0.1px;    
        line-height: 14px;
       /* text-transform: capitalize;*/
        padding-left: 5px !important;
    }

    #header #nav-main #shopDropDown .shopDropDownList a:hover::before,
    #header #nav-main #supportDropDown .supportDropDownList a:hover::before,
	#header #nav-main #rewardsDropDown .rewardsDropDownList a:hover::before,
	#header #nav-main #myRogersDropDown .myRogersDropDownList a:hover::before,
    #header #nav-main #promotionsDropDown .promotionsDropDownList a:hover::before,
	#header #nav-main #moreDropDown .moreDropDownList a:hover::before	{
        content: '\e682'; 
        font-family: rui-icon; 
        font-size: 8px; 
        line-height:4px;
        display:inline-block;
        vertical-align:middle; 
        padding-right: 3px;
    }

    #shopDropDown, #rewardsDropDown , #myRogersDropDown , #supportDropDown, #promotionsDropDown, #moreDropDown {
        margin-top: -2px !important;    
    }
     
    #shopDropDown {
        min-width: 164px !important;
    }

    .fr #shopDropDown {
        min-width: 215px !important;
    }

    /*#supportDropDown {
        margin-left: 19px !important;
    }*/
    /*.fr #supportDropDown {
        margin-left: 43px !important;
    }*/
    #promotionsDropDown {
        /*margin-left: 320px !important;*/
        min-width: 144px !important;
    }
    .fr #promotionsDropDown {
        /*margin-left: 333px !important;*/
        min-width: 175px !important;
    }
    #rewardsDropDown {
        /*margin-left: 179px !important;*/
        min-width: 123px !important;
		top: 32px !important;
    }
    .fr #rewardsDropDown {
        /*margin-left: 194px !important;*/
        min-width: 125px !important;
		top: 32px !important;
    }
	    #myRogersDropDown {
        /*margin-left: 94px !important;*/
        min-width: 169px !important;
		top: 32px !important;
    }
    .fr #myRogersDropDown {
        /*margin-left: 109px !important;*/
        min-width: 210px !important;
		top: 32px !important;
    }
	/*MR 4705 start*/
	#moreDropDown {
	position: absolute;
	z-index: 1000;
	min-width: 260px;
	padding-left:0 !important;
	}

	#moreDropDown > a{
	color: #FFF !important;
	}

	.fr #moreDropDown {
	min-width: 330px;
	padding-left:0 !important;
	}
	/*MR-4705 end*/
}

@media (min-width: 992px) and (max-width: 1199px) {
    #header #main-menu {
        height: 62px !important;
    }

    #header #main-menu li ul{
        top:34px;
    }

    #header #nav-actions div a {
        font-size: 18px !important;
        width: 104px;
        height: 56px;
        line-height: 3.15em;
    }

    .fr #header #nav-actions div a {height: 50px;}

    .fr #header #nav-actions div a .searchText{font-size:10.2px !important;font-weight:600;vertical-align: top;}

    #header #nav-main {
        position: absolute;
        bottom: -3px;
        right: 120px;
    }

    #header #main-menu ul > li:hover ul li { /*touch*/
        height: 34px;
        -webkit-transition: height 0.4s ease-out; 
        -moz-transition: height 0.4s ease-out; 
        transition: height 0.4s ease-out;
    }

    #header #nav-main li a{
        font-size: 12px !important;
    }

    #header #nav-context-bar {
        position: absolute;
        top: 0px;
        right: 110px;
        font-size: 11px;
        color: #999;
        padding: 0.5em 0.25em;
    }

    #header #nav-context-bar li #userNameDrop,
    #header #nav-context-bar li a {
        font-size: 10px !important;
    }

    #header #nav-main #shopDropDown .shopDropDownList a,
    #header #nav-main #supportDropDown .supportDropDownList a,
    #header #nav-main #rewardsDropDown .rewardsDropDownList a,
	#header #nav-main #myRogersDropDown .myRogersDropDownList a,
    #header #nav-main #promotionsDropDown .promotionsDropDownList a,
	#header #nav-main #moreDropDown .moreDropDownList a 	{
        font-size: 14px !important;    
        letter-spacing: -0.1px;    
        line-height: 13px;
        padding-left: 5px !important;
    }

    #header #nav-main #shopDropDown .shopDropDownList a:hover::before,
    #header #nav-main #supportDropDown .supportDropDownList a:hover::before,
	#header #nav-main #rewardsDropDown .rewardsDropDownList a:hover::before,
	#header #nav-main #myRogersDropDown .myRogersDropDownList a:hover::before,
    #header #nav-main #promotionsDropDown .promotionsDropDownList a:hover::before,
	#header #nav-main #moreDropDown .moreDropDownList a:hover::before	 {
        content: '\e682'; 
        font-family: rui-icon; 
        font-size: 10px; 
        line-height:5px;
        display:inline-block;
        vertical-align:middle; 
        padding-right: 4px;
    }

    .fr #shopDropDown {
        min-width: 234px !important;   
    }

    /*#supportDropDown {
        margin-left: 19px !important;
    }*/
    /*.fr #supportDropDown {
        margin-left: 54px !important;
    }*/
    #promotionsDropDown {
        /*margin-left: 330px !important;*/
        min-width: 156px !important;
    }
    .fr #promotionsDropDown {
        /*margin-left: 396px !important;*/
        min-width: 200px !important;
    }
	#rewardsDropDown {
        /*margin-left: 188px !important;*/
        min-width: 122px !important;
		top: 32px !important;
    }
    .fr #rewardsDropDown {
       /* margin-left: 228px !important;*/
        min-width: 136px !important;
		top: 32px !important;
    }
	
	#myRogersDropDown {
        /*margin-left: 188px !important;*/
        min-width: 180px !important;
		top: 32px !important;
    }
    .fr #myRogersDropDown {
        /*margin-left: 130px !important;*/
        min-width: 240px !important;
		top: 32px !important;
    }
}


#shopDropDown {
    position: absolute;
    /*margin-top: 34px;*/
    /*margin-left: -40px;*/
    /*display: none;*/
    z-index: 1000;
    min-width: 196px;
    padding-left: 0px;
}

.fr #shopDropDown {
    min-width: 260px;   
}

#header #nav-main #shopDropDown .shopDropDownList a,
#header #nav-main #supportDropDown .supportDropDownList a,
#header #nav-main #rewardsDropDown .rewardsDropDownList a,
#header #nav-main #myRogersDropDown .myRogersDropDownList a,
#header #nav-main #promotionsDropDown .promotionsDropDownList a,
#header #nav-main #moreDropDown .moreDropDownList a {
    font-family: 'Avenir Next', Arial, sans-serif;  
    font-weight: 600;  
    color : #FFF;
    padding-right: 2px;
    /*text-transform: capitalize;  */  
}

.shopDropDownList {
list-style-type: none;
top: 0;
font-size: 15px;
background-color: #DA291C !important;
font-color: #FFF;
left: 0px;
z-index: 1000;
padding-left: 10px;
padding-right: 2px;
/*padding-top: 2px;
padding-bottom: 2px;*/
}

.shopDropDownMenu{
font-color: #FFF !important;
}


#supportDropDown{
    position: absolute;
    /*margin-top: 34px; */
    /*margin-left: 68px;*/
    /*display: none;*/
	min-width: 230px;
    padding-left: 0px;
    z-index: 1000;
}
.fr #supportDropDown {
    /*margin-left: 71px;*/
}

.supportDropDownList{
list-style-type: none;
top: 0;
font-size: 15px;
background-color: #DA291C !important;
font-color: #FFF;
left: 0px;
z-index: 1000;
padding-left: 10px;
padding-right: 10px;
/*padding-top: 2px;
padding-bottom: 2px;*/

}

.supportDropDownMenu{
font-color: #FFF !important;
color: #FFF !important;
}

#supportDropDown > a{
    color: #FFF !important;
}

#rewardsDropDown {
position: absolute;
/*margin-left: 225px;*/
/*display: none;*/
z-index: 1000;
min-width: 166px;
padding-left: 0px !important;
}

.fr #rewardsDropDown {
    /*margin-left: 275px;*/
}
#rewardsDropDown > a{
    color: #FFF !important;
}
.rewardsDropDownMenu{
font-color: #FFF !important;
}
.rewardsDropDownList {
list-style-type: none;
top: 0;
font-size: 15px;
background-color: #DA291C !important;
font-color: #FFF;
left: 0px;
z-index: 1000;
padding-left: 5px;

}
#myRogersDropDown {
position: absolute;
margin-left: 119px;
display: none;
top: 34px;
z-index: 1000;
min-width: 261px;
}

.fr #myRogersDropDown {
    /*margin-left: 162px;*/
	top: 34px;
}
#myRogersDropDown > a{
    color: #FFF !important;
}
.myRogersDropDownMenu{
font-color: #FFF !important;
}
.myRogersDropDownList {
list-style-type: none;
top: 0;
font-size: 15px;
background-color: #DA291C !important;
font-color: #FFF;
left: 0px;
z-index: 1000;
padding-left: 10px;
}



#promotionsDropDown {
    position: absolute;
   /*margin-top: 34px;*/
    /*margin-left: 392px;*/
    /*display: none;*/
    z-index: 1000;
    min-width: 170px;
    white-space: nowrap;
    padding-left:0px;
}

.fr #promotionsDropDown {
    /*margin-left: 466px;*/
    min-width: 220px;
}


.promotionsDropDownList{
list-style-type: none;
top: 0;
font-size: 15px;
background-color: #DA291C !important;
font-color: #FFF;
left: 0px;
z-index: 1000;
padding-left: 10px;
/*padding-right: 10px;*/
/*padding-top: 2px;
padding-bottom: 2px;*/

}

.promotionsDropDownMenu{
font-color: #FFF !important;
color: #FFF !important;
}

#promotionsDropDown > a{
    color: #FFF !important;
}


/*MR-4705 start*/
#moreDropDown {
position: absolute;
z-index: 1000;
min-width: 260px;
padding-left:0 !important;
}

#moreDropDown > a{
color: #FFF !important;
}

.fr #moreDropDown {
min-width: 330px;
padding-left:0 !important;
}

.moreDropDownMenu{
font-color: #FFF !important;
}

.moreDropDownList {
list-style-type: none;
top: 0;
font-size: 15px;
background-color: #DA291C !important;
font-color: #FFF;
left: 0px;
z-index: 1000;
padding-left:10px;
}

/*MR-4705 end */

.chevronImg{
  float: left;
  background-image: url("/cms/images/horizon/chevron.png");
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  margin-top: 3px;
}

.dropDownText{
  float: left;
  padding-left: 2px;

}

/*feed back start*/

#feedbackLinkText {
color: #414042;
font-family: "Avenir Next",sans-serif,arial;
font-size: 21px;
font-weight: 500;
height: 11px;
left: -21%;
line-height: 30px;
position: relative;
text-align: left;
top: 60%;
-ms-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
}
#feedbackLink {
background-color: #e9eaea;
border-width: 2px 0px 2px 2px;
border-style: solid;
border-color: #ffffff;
border-radius: 15px 0 0 15px;
box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.35);
height: 140px;
position: fixed;
right: 0.9%;
top: 50.5%;
white-space: nowrap;
width: 56px;
z-index: 1000;
}

#feedbackLink-fr {
background-color: #e9eaea;
border-width: 2px 0px 2px 2px;
border-style: solid;
border-color: #ffffff;
border-radius: 15px 0 0 15px;
box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.35);
height: 185px;
position: fixed;
right: 0.9%;
/*top: 40.5%;*/
top: 50.7%;
white-space: nowrap;
width: 56px;
z-index: 1000;
}

#feedbackLinkText-fr {
color: #414042;
font-family: "Avenir Next",sans-serif,arial;
font-size: 21px;
font-weight: 500;
height: 11px;
left: -21%;
line-height: 30px;
position: relative;
text-align: left;
top: 71.5%;
-ms-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
}

#feedbackLink:hover {
    /*width: 60px;*/
    cursor:pointer;
}

#feedbackLink-fr:hover {
    /*width: 60px;*/
    cursor:pointer;
}
/*#feedbackLink-fr:hover > #feedbackLinkText-fr {
      margin-top: -4px;
}
#feedbackLink:hover > #feedbackLinkText {
      margin-top: -4px;
}*/
/* feedback end*/


@media (max-width: 767px) {
      #feedbackLink{
        top : 53.5%;
        right: 2.2%;
        width: 52px;
        height: 122px;
    }

    #feedbackLinkText{
        font-size: 18px;
        top: 59%;
    }

    #feedbackLink-fr{
         top: 53.7%;
         right: 2.4%;
         height: 162px;
         width: 50px;
    }

    #feedbackLinkText-fr{
            font-size: 18px;
            top: 69%;
    }
}
/*Added on 06 Mar 2015 Ends*/