/************************************************************************************
    VIRGIN MOBILE CANADA abc
    ----------------------------------------------------------
    authors: Eric Nowina, Kate Murphy, Jeff Madlanbayan, Chris Erwin (Teehan + Lax)
    date: September 17, 2010

*************************************************************************************/

/* RESET -------------------- */

html {
    color: #000;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,img {
    border: 0;
}

address,caption,cite,code,dfn,strong,th,var {
    font-style: normal;
    font-weight: normal;
}

em {font-style: italic;}

li {
    list-style: none;
}

caption,th {
    text-align: left;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,q:after {
    content: '';
}

abbr,acronym {
    border: 0;
    font-variant: normal;
}
.blue {color: #00B2DF;}
.bold {font-weight: bold;}
/*sup {
    vertical-align: text-top;
    font-size: 50%;
    margin-top: 1px;
}

sup cufon {
    margin-top: 7px;
    *margin-top: 3px;
}

sub {
    vertical-align: text-bottom;
}*/

sub, sup {
font-size: 50%;
line-height: 0;
position: relative;
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
sup { top: -0.75em; *top: -1.25em; }
sub { bottom: -0.25em; }
/* h1 sup { font-size: 33%; top: -1.5em; *top: -2.1em; } */
h1 sup, h2 sup, h3 sup { font-size: 25%; top: -2.2em; *top: -3.2em; }
input,textarea,select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

input,textarea,select {
    *font-size: 100%;
}

legend {
    color: #000;
}

a {
    outline: none;
    text-decoration: none;
}

hr {
    display: none;
}

.hidden {
    display: none;
}

/* IE PNG FIX -------------------- */

img {
    behavior: url(/css/iepngfix.htc)
}

/* TYPOGRAPHY -------------------- */

body {
    position: relative;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333;
    line-height: inherit;
}

h2 a {
    color: inherit;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none;
    color: inherit;
}

a {
    color: #2390b8;
}

a:hover {
    color: #0d5f7d;
    text-decoration: none;
}

a.external {
    background: url(/assets/icons/external_link_windows.gif) no-repeat right 2px;
    padding-right: 20px;
}

a.chevron {
    background: transparent url(http://www.virginmobile.ca/assets/images/chevron-right.png) no-repeat scroll right;
    display: inline-block;
    padding-right: 10px;
}

strong {
    font-weight: bold;
}

.pod.dark strong {
    color: #f8f8f8;
}

h1,h2,h3,h4 {
    color: #242424;
    text-transform: uppercase;
}

h1.scripty, h2.scripty, h3.scripty, h4.scripty, .scripty {
    text-transform: lowercase;
}

.lowercase {
    text-transform: lowercase;
    }
.uppercase {
    text-transform: uppercase;
    }
.nocase {
    text-transform: none !important;
}
.strikethrough {
    text-decoration: line-through;
}
.scripty sup {
    vertical-align: top;
}

h1 {
    font-size: 30px;
    font-weight: bold;
}

h1 .mainline,h2 .mainline,h3 .mainline,h4 .mainline,h5 .mainline, .title .mainline {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    padding-top: 0.26em;
    line-height: 1.2em;
    padding-bottom: .05em;
    display: block;
}
.fr .content-rail cufon, .fr .right-rail cufon {padding-top: 5px;}

.fr .info .mainline cufon { padding-top: 5px;}

.fr .hot-offer .mainline cufon {padding-top: 5px;}

.fr .content-container .mainline cufon {padding-top: 5px;}

.fr .mainline cufon {padding-top: 5px;}

h1 .introline,h2 .introline,h3 .introline,h4 .introline,h5 .introline,.title .introline {
    font-size: .5em;
    display: block;
    padding-bottom: .25em;
}

h1#general-welcome {
    font-size: 48px;
    margin-bottom: 16px;
    padding-bottom: 6px;
}

h1#general-welcome.sim-swap {
    font-size: 2.5em;
}

.content-area h1#general-welcome {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 16px;
}

h1#general-welcome.dark {
    color: #000;
}

h1#general-welcome.light {
    color: #f8f8f8;
}

h2 {
    font-size: 22px;
    font-weight: bold;
}

h2.underline {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #b7b7b7;
}

h3 {
    font-size: 20px;
    font-weight: bold;
}

.content-area h3 {
    margin: 0 0 1em;
}

h3.underline {
    width: 100%;
    padding-top: 1px;
    padding-bottom: 4px;
    border-bottom: 1px solid #b7b7b7;
}

h3.underline a {
    font-size: 12px;
    line-height: 18px;
    text-transform: none;
    float: right;
    text-decoration: none;
}

h3.underline span {

}

h3.underline span.keepcase {
    float: none;
}

h4 {
    font-size: 15px;
}

.all-caps {
    text-transform: uppercase;
}
/* Clearing Floats Class STARTS */
            .Wrapper {
                display: inline-block;}
            .Wrapper:after {
                Content: "."; display: block; height: 0; clear: both; visibility: hidden;}
            * html .Wrapper {
                height: 1%; }
            .Wrapper {
                display: block;}
/* Clearing Floats Class ENDS  */

/* LIST STYLES --------------------------------- */

ul.standard-list, ul.checklist, ul.checklist-grey, ol.numbered-list, ul.bullet-list {
    font-size: 14px;
    margin: 0 0 .5em;
}

ul.standard-list li {
    padding-left: 9;
    margin-left: 20px;
    margin-bottom: 1em;
    color: inherit;
    list-style: disc !important;
}
ul.bullet-list {margin-left: 15px;}
ul.bullet-list li {list-style: disc; color: inherit;}

ul.checklist li {
    padding: 9px 0 9px 20px;
    border-bottom: 1px solid #e5e5e5;
    background: transparent url(/assets/ui/elements/list_red_check.png) no-repeat left 13px;
    color: inherit;
}
ul.checklist.black li {
    background: transparent url(/assets/ui/elements/list_black_check.png) no-repeat left 13px;
}
ul.checklist.black li {
    background: transparent url(/assets/ui/elements/list_black_check.png) no-repeat left 13px;
}

ul.checklist li:last-child {
    border-bottom: none;
}

ul.checklist-grey li {
    margin-bottom: 10px;
    background: transparent url(/assets/ui/elements/list_grey_check.png) no-repeat left 6px;
    padding-left: 15px;
    color: inherit;
}

ul.checklist-white li {
    margin-bottom: 10px;
    background: transparent url(/assets/ui/elements/list_white_check.png) no-repeat left 6px;
    padding-left: 15px;
    color: inherit;
}

ul.keyline li {
    padding: 7px 0;
    border-bottom: 1px solid #d4dadd;
}

ul.keyline li:last-child {
    border-bottom: none;
}

ul.support-links li {
    background: transparent url(/assets/icons/list_bullet.png) no-repeat .25em 17px;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 13px;
    padding-top: 10px;
    padding-left: 1em;
}

ul.support-links li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

ol.striped-list {

}

ol.striped-list li {
    list-style: decimal inside;
    padding: 13px;
    font-size: 15px;
    font-weight: bold;
    color: inherit;
    border-bottom: 1px solid #d8d8d8;
    list-style-position: inside;
}

ol.striped-list li:last-child {
    border-bottom: none;
}

ol.striped-list li.even {
    background: #fff;
}

ol.striped-list li span {
    font-size: 13px;
    font-weight: normal;
}

ol.numbered-list li {
    list-style: decimal inside;
    font-size: 14px;
    color: inherit;
    margin: 0 0 .5em 2em;
    line-height: 16px;
    list-style-position: outside;
}
ul.standard-list ol.numbered-list li {list-style: outside none decimal !important;}
/* MISCELLANEOUS -------------------- */

.content-area p {
    margin: 0 0 1em 0;
}

.content-area .section {
    margin: 0 0 4em 0;
}

.clearer {
    clear: both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    zoom: 1; /* IE6 & 7 holly hack */
}

img {
    height: auto;
    max-width: 100%;
}
/* STRUCTURE -------------------- */

body {
    background: #2d2d2d url(/assets/backgrounds/red-gradient-bg-slice.jpg) repeat-x center top;
    *background: #800000 url(/assets/backgrounds/red-gradient-bg-slice.jpg) repeat-x center top;
/* IE7 */
    _background: #800000 url(/assets/backgrounds/red-gradient-bg-slice.jpg) repeat-x center top;

/* IE6 */
}

#master-container {
    /* background: transparent url(/assets/backgrounds/checkered_overlay.png) repeat left top; */
    *background: none;


/* IE7 - Removes checkered overlay in IE7. The overlay causes performance issues */
    padding-bottom: 0px;
}

#master-container.no-overlay {
    background: none !important;
}

/* IE FIXED POSITION FIX -------------------- */

@media screen {

* html,
    * html body {
    overflow-y: hidden!important;
    height: 100%;
    margin: 0;
    padding: 0;
}

* html #master-container {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
}

* html div#catfish {
    position: absolute;
}

}

/* header */
#header {z-index: 800; background-color: #2D2D2D;}

#header .topNavContainer {float: right; min-width: 670px; *width: 684px; z-index: 995; position: relative;}
.fr #header .topNavContainer {float: right; min-width: 756px; *width: 756px;}
#header .contents {
    /* position: static; */
    height: 107px;
    z-index: 990;
}

#header .logo {
    float: left;
    margin-top: 29px;
}

#header ul li {
    float: left;
}

/* top links */

#header ul.top-links {
    float: right;
    background-color:#202020;



}

#header ul.top-links li {
    padding-right: 10px;
    padding-bottom: 6px;
    padding-top: 4px;
    padding-left:10px;
    border-right:solid 1px #2d2d2d;
    height:14px\9;
    margin-top:2px\9;
}

#header ul.top-links li.divider {
    /*border-right: 1px solid #fff;
    border-right: 1px solid rgba(255,255,255,0.45);*/
    padding-left:7px;
    padding-right:10px;
}

#header ul.top-links li a {
    font-size: 11px;
    color: #fff;
    /*text-shadow: 1px 1px 0px rgba(0,0,0,0.94);*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(offx=10, offy=10, color='#000000', positive='true')";*/
    text-decoration: none;
}

#header ul.top-links li a:hover {
    color: #34A8D6;
}

/* utility nav */

#header ul.utility-nav {
    display: -moz-inline-box;
    float: right;
    /* margin-top: 6px; */
    /* background: #000;
    filter: alpha(opacity=50);
    background: rgba(0,0,0,0.50);
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px; */
}

#header ul.utility-nav li {
    position: relative;
    background-color:#202020;

/* used for IE transparency filter */
    filter: alpha(opacity=100);
    padding: 6px 14px 5px;
    font-size: 11px;
    /* font-weight: bold; */
    /*text-shadow: 1px 1px 0px rgba(0,0,0,0.94);*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(offx=1, offy=1, color='#000000', positive='true')";*/

    border-right: 1px solid #493c2e;
    border-right: 1px solid rgba(255,255,255,0.10);
}

#header ul.utility-nav li.last {
    border-right: none;
}

#header ul.utility-nav li a {
    color: #fff;
    text-decoration: none;
}

#header ul.utility-nav li a:hover {
    color: #34A8D6;
}

#header ul.utility-nav li a span {
    color: #48B0D6;
}

#header ul.utility-nav li img {
    margin-bottom: -2px;
    margin-right: 5px;
}

/* main nav */

#header ul.main-nav {
    float: left;
    width: 590px;
    margin: 19px 0 0 15px;
    *margin: 19px 0 0 15px;
    color: #fff;
}

.fr #header ul.main-nav {
    width:620px;
}

#header ul.main-nav li {
    padding: 8px 18px 14px;
}

#header ul.main-nav li a {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding-right: 1px;
}

#header ul.main-nav li a:hover,  #header ul.main-nav li a:active{
    color: #34A8D6;
}
#header ul.main-nav li.has-subnav {

}
.fr #header ul.main-nav li.has-subnav {
    padding: 8px 12px 16px;
}
.fr #header ul.main-nav li.has-subnav a {
    padding-top: 7px;
}
#header ul.main-nav li.no-subnav {

}
#header ul.main-nav li.no-subnav:hover {
    background-color: none;
}
#header ul.main-nav li.hover {
    background-color: #262626;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

#header ul.main-nav li.hover .sub-nav {
    display: block;
}

/* sub nav */

/* eric: changed .shop-sub-nav to .sub-nav to allow for menu use on support and member lounge */

#header ul.main-nav .sub-nav {
    position: absolute;
    top: 52px;
    *top: 49px;
    left: 0;
    z-index: 1000;
    background: #262626;
    display: none;
    padding: 25px 0px 25px 25px;
    height: 289px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    box-shadow: 0px 4px 5px rgba(0,0,0,0.13);
    -moz-box-shadow: 0px 4px 5px rgba(0,0,0,0.13);
    -webkit-box-shadow: 0px 4px 5px rgba(0,0,0,0.13);
}

    #header ul.main-nav li.hover .sub-nav a {
        background: none;
        padding-right: 0;
    }
    #header .sub-nav .section {
        float: left;
        /*width: 150px;*/
        margin-right: 30px;
        padding-right: 30px;
    }

    .en #header .sub-nav .section{
    }

    #header .sub-nav .section.mn-features {
            margin-right: 0px;
        }


        #header .sub-nav .section.mn-features {
            margin-right: 0px;
        }
        #header .sub-nav .section .heading {
            display: block;
            font-size: 24px;
            text-transform: uppercase;
            color: #FFF;
            margin-bottom: 20px;
            line-height: 1em;
        }
        .fr #header .sub-nav .section .heading {padding-top: 7px;}
        #header .sub-nav .section a.heading:hover {
            color: #34A8D6;
        }
        #header .sub-nav .section  {
            background: url(/assets/backgrounds/subnav_divider.png) repeat-y right top;
        }
            #header .sub-nav .section.last  {
                background: none;
                margin-right: 0;
                padding-right: 30px !important;
            }

        .fr #header .sub-nav .section ul {
        }

            #header .sub-nav .mn-features ul, #header .sub-nav .last ul {
                background: none;
            }

            #header .sub-nav .section li {
                float: none;
                padding: 3px 0 0 0;
                margin-bottom: 12px;
                line-height: 1em;
                white-space: nowrap;
            }
                #header .sub-nav .section li a {
                    font-size: 16px;
                    color: #FFF;
                    text-transform: none;
                    font-weight: bold;
                }
                .fr #header .sub-nav .section li a {padding-top: 7px;}
                #header .sub-nav .section li a:hover {
                    color: #34A8D6;
                }
    #header .promo-box {float: left; width: 455px; }
    .fr #header .promo-box {width: 451px;}
    #header .sub-nav .promo {
        float: left;
        /*background: url(/assets/backgrounds/shopnav_promo_fade1.png) no-repeat left top */
        background-color:#202020;
        padding: 0px 0 0 25px;
        width: 186px;
        height: 225px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        margin-right:12px\8;

    }

    #header .sub-nav .promo:first-child {
        margin-right:14px;
        margin-left:10px;

    }

    .fr #header .sub-nav .promo {
        width: 186px;
        height: 245px;
    }
        .fr #header .sub-nav .promo.secondpromo {
            width: 190px;
        }

        #header .sub-nav .promo .info {
            float: left;
        }
            #header .sub-nav .promo .heading {
                font-size: 18px;
                color: #fff;
                /*border-bottom: 1px solid #686868;
                padding: 0 0 5px 0;*/
                display: block;
                margin-right: 23px;
                margin-top:10px;
            }
            #header .sub-nav .promo .info .scripty {
                font-size: 12px;
                color: #02bbf1;
            }
            #header .sub-nav .promo .info p {
                font-size: 13px;
                line-height: 18px;
                color: #FFF;
                padding: 5px 5px 5px 0;
                margin-bottom: 10px;
            }

                #header .sub-nav .promo .info p em {
                    color: #fff;
                }
        #header .sub-nav .promo .pic {
            float: left;
            padding-top: 18px;
            padding-left:15px;
            }
#header .sub-nav .promo .seeAll {
    font-size: 13px;
    text-transform: none;
    color: #2390B8;
    font-weight: normal;
}
    #header .sub-nav .promo .seeAll:hover {
        color: #0d5f7d;
    }
#header .promo-box .double-promo {
    width: 397px;
    padding: 25px 0 0 25px;
    display: none;
}
    #header .promo-box .double-promo img {
        float: left;
        padding: 10px 15px 15px 0;
        }
    #header .promo-box .double-promo p {
        color: #fff;
        font-size: 13px;
        line-height: 18px;
        margin: 10px 0 0 0;
        padding: 5px 5px 0 0;
    }
    #header .promo-box .double-promo a {
        font-size: 13px;
        color: #2390B8;
        font-weight: normal;
        text-transform: none;
    }
    #header .promo-box .double-promo a:hover {
        color: #0d5f7d;
    }
#header ul.main-nav a.cta {
    text-transform: none;
    color: #2390B8;
    font-size: 14px;
    padding-bottom: 20px;
    font-family: Arial,Helvetica,sans-serif;
}
#header ul.main-nav p {
    padding-bottom: 20px;
}

/* phones sub nav */
.phones-sub-nav .section.smartphones {width: auto !important; padding-right: 0 !important;}
.phones-sub-nav .smartphones div.phoneImage {width: 144px !important; height: 197px !important; float: left; border-right: 1px solid #444;}
.phones-sub-nav .smartphones a.phoneBox {display: block; height: 100%; width: 100%;}
.smartphones #android, .fr .smartphones #android {background: url("/assets/images/topnav-android.png") no-repeat center 30px;}
.smartphones #blackberry, .fr .smartphones #blackberry {background: url("/assets/images/topnav-blackberry.png") no-repeat center 30px; display: none;}
.smartphones #iphone, .fr .smartphones #iphone {background: url("/assets/images/topnav-iphone.png") no-repeat center 30px;}
.smartphones #windows, .fr .smartphones #windows {background: url("/assets/images/topnav-windows.png") no-repeat center 30px; display: none;}

.phones-sub-nav .smartphones div span {
    background: url("/assets/logos/top-nav-phone-type-sprite.png") no-repeat;
    display: block;
    margin: 0 auto;
    padding-left: 22px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: none;
    width: 62px;
    }
.smartphones #android span {background-position: 0 3px;}
.smartphones #blackberry span {background-position: 0 -33px; width: 82px;}
.smartphones #iphone span {background-position: 0 -68px; width: 55px;}
.smartphones #windows span {background-position: 0 -101px;}

#header .phones-sub-nav .hot-offers {background: url("/assets/icons/ho-red-flame-small.png") no-repeat scroll 87px 0 / auto 19px transparent;}
.fr #header .phones-sub-nav .hot-offers {background-position: 116px 0;}

/* plans sub-nav */
#header .plans-sub-nav .section { height: 229px; padding-right: 30px;}
#header .plans-sub-nav .section.add-ons {width: 167px;}
#header .plans-sub-nav .plans-promo {float: left; width: 240px;}

#header .plans-sub-nav .hot-offers {background: url("/assets/icons/ho-red-flame-small.png") no-repeat scroll 87px 0 / auto 19px transparent;}
.fr #header .plans-sub-nav .hot-offers {background-position: 116px 0;}

/* benefits sub-nav */
#header .benefits-sub-nav .section {}
#header .benefits-sub-nav .benefits-promo {float: left; width: 375px;}

/* shop sub-nav */
#header .shop-sub-nav .promo .info {width: 112px; float: left;}

/* support sub-nav */
#header .support-sub-nav .section {}
.fr #header .support-sub-nav .section {}

#header .support-sub-nav .section.last{padding-right: 45px !important;}

/* search field */

#header form.search {
    float: right;
    margin-top: 26px;
}

#header form.search .field {
    float: left;
    background: #fff url(/assets/backgrounds/search_field.png) no-repeat left top;
    height: 27px;
}

#header form.search .field input {
    font-size: 14px;
    color: #434343;
    border: none;
    outline: none;
    padding: 5px;
    background: transparent;
}
#header form.search img {
    float: left;
}

#header ul.membership-sub-nav {
    width: 105px !important;
    margin-right: 0 !important;
}

#header ul.membership-sub-nav li a {
    text-transform: lowercase;
    color: #fff !important;
    font-size: 17px !important;
}

#header ul.main-nav li .sub-nav a.check-it-out {
    background: url("/assets/ui/buttons/checkit-en.png") no-repeat scroll left top transparent;
    height: 40px;
    width: 81px;
    margin: 6px 0 -10px -2px;
}

.fr #header ul.main-nav li .sub-nav a.check-it-out {
    background: url("/assets/ui/buttons/checkit-fr.png") no-repeat scroll left top transparent;
    width: 95px;
}

/* masthead */

#progress-indicator {
    display: none;
    position: absolute;
    z-index: 1000;
}

#masthead{
    background-color:#191919;
    height:auto;
}

#masthead .bread-crumb {
    padding: 10px 0;
    width: 100%;
    overflow: hidden;
    background-color:#191919;

}

#masthead .bread-crumb.fixed_to_top {
    border-bottom: none;
    margin-bottom: 0;
}

#masthead .bread-crumb ul {
    width: 860px;
    overflow: hidden;
    float: left;
}

#masthead .bread-crumb li {
    font-size: 13px;
    color: #fff;
    background: transparent url(/assets/backgrounds/bread_crumb_arrow.png) no-repeat right 2px;
    _background: transparent url(/assets/backgrounds/bread_crumb_arrow.gif) no-repeat right 2px;
    float: left;
    padding-right: 18px;
    margin-right: 10px;
    text-transform: uppercase;
    /*text-shadow: 1px 1px 0px rgba(0,0,0,0.94);*/



}

#masthead .bread-crumb li.last {
    background: none;
    padding-right: 0;
    margin-right: 0;
}

#masthead .bread-crumb li a {
    /*color: #333;
    vertical-align:middle;
    font-weight:bold;*/
    color:#FFF;

}
#masthead .bread-crumb li a {
    text-decoration: none;
}
#masthead .bread-crumb li.last ul li a {
    text-decoration: none;
}

#masthead .bread-crumb li a:hover {
    color: #34a8d6;
}

#masthead .bread-crumb li.progress-inactive {
    opacity: 0.6;
}

#masthead .bread-crumb li ul {
    float: left;
    width: auto;
}

#masthead .bread-crumb li ul li {
    background: none;
    padding-right: 10px;
}

/* #masthead .bread-crumb li ul li a {
    color: #49b0d6;
} */

#masthead .bread-crumb li ul li.active a {
    /*color: #34a8d6;*/
    text-decoration: none;
}

#masthead .bread-crumb a.back-link {
    float: right;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    background: url(/assets/icons/blue_arrow_left.png) no-repeat left 3px;
    padding-left: 10px;
}


/* MASTHEAD SUBHEAD */

#masthead-subhead.content-area {background-color: transparent; padding-top: 0;}


/* CAROUSEL */

#masthead .carousel-window .item {
    display: none;
}

#masthead .carousel-window .active {
    display: block !important;
}

#masthead .carousel-nav {
    position: absolute;
    bottom: 6px;
    width: 100%;
    text-align: center;
}

#masthead .carousel-nav li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline;
    margin: 0 1px;
}

#masthead .carousel-nav li a {
    display: inline-block;
    height: 12px;
    width: 16px;
    background: transparent url(/assets/backgrounds/carousel_pagination_sprite.png) no-repeat center 0;
    _background: transparent url(/assets/backgrounds/carousel_pagination_sprite.gif) no-repeat center 0;
    overflow: hidden;
    color: #fff;
    font-size: 10px;
    text-align: center;
    padding-top: 5px;
    outline: none;
    text-decoration: none;
}

#masthead .carousel-nav li a:hover {
    background-position: center -36px;
}

#masthead .carousel-nav li.active a {
    background-position: center -17px;
}

#masthead .carousel-nav li.active a:hover {
    background-position: center -36px;
}

/* footer */

#footer {
    position: relative;
    /*position:static;*/
    background: #2d2d2d;
    padding-top: 30px;
    *padding-bottom: 40px;
}

#footer .contents {
    overflow: hidden;
}

#footer h4 {
    color: #fff;
}

#footer h4 a,
        #footer ul li h4 a {
    color: #fff;
    letter-spacing: 0px;
}

#footer ul li h4 a:hover {
    color: #bfbfbf;
}

#footer ul {
    float: left;
    margin-right: 40px;
    margin-top: 10px;
}
    .fr #footer ul {
        margin-top: 13px;
    }
#footer ul li {
    margin-bottom: 10px;
}

#footer ul li a {
    color: #cbcbcb;
    text-decoration: none;
;
}

#footer ul li a:hover {
    color: #999;
}

#footer ul.section-links {
    width: 180px;
}

#footer ul.section-links li {

}

#footer ul.section-links, #footer ul.main-links {
    margin-right: 30px;
}

#footer ul.main-links {
    margin-top: 0;
    width: 300px;
}

#footer ul.main-links li {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    padding: 9px 0;
    text-transform: uppercase;
    letter-spacing: 0px;
    margin: 0;
}

#footer ul.main-links li.social-links {border-top: 1px solid #373737; padding-top: 14px;}

#footer ul.main-links li:last-child {
    border-bottom: none;
}

#footer ul.main-links li a {
    color: #fff;
}

#footer ul.main-links li a:hover {
    color: #bfbfbf;
}

/*#footer .icon-small {margin: 0 5px -4px;}*/
#footer .first-small-icon {margin-left: 34px;}
#footer ul.main-links li .icon {
    margin-right: 10px;
    margin-bottom: -8px;
}

#footer .social {
    float: right;
    width: 250px;
    color: #cbcbcb;
    margin-top: 17px;
}

#footer .tweet {
    position: relative;
    margin-top: 11px;
    background: #232323;
    padding: 12px;
    color: #cbcbcb;
    letter-spacing: -0.6px;
    margin-bottom: 20px;
}

#footer .tweet a {
    color: #d31e2f;
}

#footer .tweet a:hover {
    color: #9e0b19;
}

#footer .tweet .notch {
    position: absolute;
    top: -11px;
    left: 20px;
}

#footer .networks {
    margin-top: 10px;
}

#footer .networks a {
    float: left;
    margin-right: 7px;
}

#footer ul.bottom-links {
    clear: left;
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #404040;
    padding-top: 15px;
    color: #999;
    margin-bottom: 40px;
}

#footer ul.bottom-links li {
    float: left;
    margin-right: 15px;
}

.fr #footer ul.bottom-links li {
    margin-right: 10px;
}

#footer ul.bottom-links a {
    color: #999;
}

#footer ul.bottom-links a:hover {
    color: #cbcbcb;
}

/*#footer ul.bottom-links li.copyright {
    position: absolute;
    padding-top: 22px;
}*/

/* scroll bar - for sliders */

.scrollbar-wrapper {
    display: none;
    position: relative;
    width: 960px;
    height: 25px;
    margin: 0 auto;
    background: #ebe8e8;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    box-shadow: inset -2px 2px 1px rgba(0,0,0,0.17);
    -moz-box-shadow: inset -2px 2px 1px rgba(0,0,0,0.17);
    -webkit-box-shadow: inset -2px 2px 1px rgba(0,0,0,0.17);
}

.scrollbar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.scrollbar .scrollbar-handle {
    position: absolute;
    width: 10px;
    height: 25px;
    z-index: 9;
    background: #9f9e9e;
    background: -moz-linear-gradient(19% 50% 90deg,#8F8E8E, #ADACAC);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8F8E8E), to(#ADACAC));
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.61);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.61);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.61);
    cursor: move;
}

.scrollbar .scrollbar-handle .left {
    position: absolute;
    left: 10px;
    top: 9px;
}

.scrollbar .scrollbar-handle .right {
    position: absolute;
    right: 10px;
    top: 9px;
}

#slider-arrow-left, #slider-arrow-right {
    background: transparent;
    width: 25px;
    height: 25px;
    display: block;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    text-align: center;
}

#slider-arrow-left img, #slider-arrow-right img {
    width: 75%;
    margin-top: 3px;
}

#slider-arrow-left {
    left: 0;
}

#slider-arrow-right {
    right: 0;
}

.scrollbar-wrapper .section {
    position: relative;
    float: left;
    height: 25px;
    line-height: 25px;
    text-indent: 25px;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    z-index: 20;
    cursor: move;
}

.scrollbar-wrapper .section span {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    cursor: pointer;
    width: 100%;
}

.scrollbar-wrapper .section .item {
    float: left;
    text-align: center;
    cursor: pointer;
}

.scrollbar-wrapper .section:last-child, .scrollbar-wrapper .section.last {
    border-right: none;
}

/* CATFISH */

/* CART ICON */
#catfish .cart-icon {
    background: url("/assets/icons/basket-white.png") no-repeat scroll 0 0 transparent;
    height: 16px;
    left: 3px;
    position: absolute;
    top: 10px;
    width: 16px;
    z-index: 100050;
    cursor: pointer;
}
#catfish .cart-icon-empty {
background: url("/assets/icons/basket-white.png") no-repeat scroll 0 0 transparent;
    height: 16px;
    left: 3px;
    position: absolute;
    top: 10px;
    width: 16px;
    z-index: 100050;
    cursor: pointer;
}

#catfish .cart-icon-content {
background: url("/assets/icons/basket-blue.png") no-repeat scroll 0 0 transparent;
    height: 16px;
    left: 3px;
    position: absolute;
    top: 10px;
    width: 16px;
    z-index: 100050;
    cursor: pointer;
}

/* CART ICON */

/* tabs */

.tabs ul {
    overflow: hidden;
}

.tabs ul li {
    float: left;
    background: #eaeaea;
    font-size: 18px;
    margin-right: 6px;
    text-transform: uppercase;
    color: #242424;
    height: 69px;
    text-align: center;
    width: 152px;
    padding: 0;
}

.tabs ul li a {
    color: #333;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 70%;
    padding-top: 20px;
    border-style: solid;
    border-width: 5px 0 0;
    border-color: #eaeaea;
    -webkit-transition : border 500ms ease-out;
    -moz-transition : border 500ms ease-out;
    -o-transition : border 500ms ease-out;
}

.tabs ul li a:hover, .tabs ul li.active a:hover {
    color: #242424;
    border-color: #02afe2;
}

.tabs ul li.active {
    background: #fff;
}
.tabs ul li.active a {
    border-color: #fff;
}

.tabs ul li.active a {
    color: #242424;
}
.tabs ul li .smalltabcopy {font-size: 11px; display: inline-block; margin-bottom: 0;}
/* tab-strip */

.tab-strip {
    width: 100%;
    overflow: hidden;
    background: #dddddd;
    padding-top: 8px;
}

.tab-strip ul {
    float: left;
}

.tab-strip ul li {
    float: left;
    padding: 12px 17px;
    font-size: 14px;
    text-transform: uppercase;
}

.tab-strip ul li a {
    color: #625e5e;
    text-decoration: none;
}

.tab-strip ul li a:hover {
    color: #383535;
}

.tab-strip ul li.active {
    background: #fff;
}

.tab-strip ul li.active a {
    color: #000;
}

.tab-strip .sub-tabs {
    float: right;
    margin-top: 3px;
}

.tab-strip .sub-tabs div {
    width: 230px;
    float: left;
    padding: 0 15px;
    border-right: 1px solid #9d9d9d;
    font-size: 12px;
}

.tab-strip .sub-tabs div.last {
    border-right: none;
}

/* paging nav */

.paging-nav {
    width: 100%;
    overflow: hidden;
    margin-top: 13px;
}

.paging-nav ul {
    float: right;
}

.paging-nav ul li {
    float: left;
    margin-right: 12px;
    color: #3f3f3f;
    line-height: 28px;
}

.paging-nav ul li a {
    color: #3f3f3f;
}

.paging-nav ul li a:hover {
    color: #000;
}

/* touts */

ul.touts {
    overflow: hidden;
}

ul.touts.horizontal {
    margin-top: 10px;
    -webkit-border-radius: 3px;
    margin-right: 10px;
    margin-left: 10px;
    clear: both;
}

ul.touts.horizontal li {
    float: left;
    margin-right: 0;
}

ul.touts.vertical li {
    margin-bottom: 10px;
}

ul.touts a.tout {
    display: block;
    position: relative;
    text-align: center;
    overflow: hidden;
    -webkit-border-radius: 5px;
    text-decoration: none;
}

ul.touts.horizontal a.tout {
    height: 150px;
    width: 235px;
}

ul.touts.vertical a.tout {
    height: 215px;
    width: 300px;
}

ul.touts a.tout img.tout-background {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

ul.touts a.tout span.title, ul.touts a.tout span.comment {
    z-index: 1;
    position: relative;
    display: block;
    color: #fff;
    text-transform: uppercase;
    background: url(/assets/images/backgrounds/bg-black-80.png) repeat;
}

ul.touts.vertical a.tout span.title, ul.touts.vertical a.tout span.comment {
    text-align: left;
}

ul.touts a.tout span.title {
    padding: 18px;
    height: 15px;
    line-height: 18px;
    font-size: 18px;
}
.fr ul.touts a.tout span.title {
    height: 18px;
}

ul.touts.horizontal a.tout span.title {
    margin-top: 99px;
}

ul.touts.vertical a.tout span.title {
    margin-top: 164px;
}

ul.touts a.tout span.comment {
    z-index: 1;
    display: block;
    line-height: 12px;
    font-size: 12px;
    padding: 0 18px 18px;
    height: 100px;
}

ul.touts a.tout span.comment span.button {
    margin-top: 15px;
}

/* price display */

.price {
    float: left;
    font-weight: bold;
    color: #000;
    font-size: 40px;
}

.sale .price {
    color: #1DA4D5;
}
.presale .price {
    font-size: 24px;
}

.price.presale {
    background: url("/assets/backgrounds/presale_slash.gif") no-repeat center center;
}

.price .currency {
    float: left;
    font-size: 0.5em;
    margin-right: 0.06em;
    margin-top: 0.28em;
    *margin-top: 0.11em;
    /* IE7

*/
        _margin-top: 0.11em;
    /* IE

6 */

        vertical-align: text-top;
}
.priceUltra .currency {
    margin-top: -0.02em;
    *margin-top: 0;
    _margin-top: 0;
}
.price .dollars {
    float: left;
    font-size: 1em;
}
.price.presale .dollars {
    font-size: 18px;
}
.price .term {
    float: left;
    font-size: 0.35em;
    text-indent: 0.05em;
    text-transform: uppercase;
    vertical-align: text-top;
    margin-left: 0.05em;
    *margin-left: 0em;
    /* IE7 */


_margin-left: 0em;
    /* IE6 */

margin-top: 0.5em;
    *margin-top: 0.15em;
    /* IE7 */

_margin-top: 0.15em;
/* IE6 */

}
.priceUltra .term {
    /* margin-top: 0; */
    *margin-top: 0.07em;
    _margin-top: 0.07em;
}

.price .cents {
    float: left;
    font-size: 0.5em;
    *text-indent: -0.15em;
    /* IE7 */
        _text-indent: -0.15em;
    /* IE6 */
        margin-left: 0.05em;
    *margin-left: 0em;
    /* IE7 */
        _margin-left: 0em;
    /* IE6 */

        margin-top: 0.28em;
    *margin-top: 0.11em;
    /* IE7 */
        _margin-top: 0.11em;
    /* IE6 */
        overflow: hidden;
    vertical-align: text-top;
}
.priceUltra .cents {
    margin-top: 0.03em;
    *margin-top: 0.03em;
    _margin-top: 0.03em;
    *margin-left: -0.02em;
    _margin-left: -0.02em;
}

/* alerts */

.alert {
    position: relative;
    background: #ffff8f url(/assets/backgrounds/alert_yellow.gif) repeat-x left top;
    color: #101009;
    border-right: 1px solid #babaae;
    border-bottom: 1px solid #babaae;
    padding: 15px;
}

.alert strong {
    font-weight: bold;
    text-transform: uppercase;
}

.alert .notch {
    position: absolute;
    top: -24px;
    left: 20px;
    background: url(/assets/backgrounds/alert_yellow_notch.gif) no-repeat left top;
    height: 24px;
    width: 21px;
    border-right: 1px solid #babaae;
}

/* heading area */

.heading-area {
    width: 100%;
    overflow: hidden;
}

.heading-area .copy {
    float: left;
    width: 550px;
}

.heading-area .copy p {
    font-size: 12px;
    font-weight: bold;
    color: #7a7a7a;
    text-transform: uppercase;
    margin: 8px 0;
}

.heading-area .promo {
    float: right;
}

.heading-area a.print-link {
    display: block;
    float: right;
    background: url(/assets/icons/print.png) no-repeat left 1px;
    padding-left: 22px;
    color: #7a7a7a;
    font-size: 12px;
    padding-bottom: 1px;
    margin-top: 40px;
}

.heading-area a.print-link:hover {
    color: #343434;
}

/* colour chips */

ul.colours {
    width: 100%;
    overflow: hidden;
}

ul.colours li {
    float: left;
    font-size: 11px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #737171;
    margin-right: 1px;
    cursor: pointer;
}
ul.colours .colour-selector {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}
ul.colours .unavailable {
    cursor: default !important;
}


ul.colours .grey {
    background-image: url(/assets/backgrounds/phone_colour_chips.png);
    background-position: -30px 3px;
}
ul.colours .grey.active {
    background-position: -29px -22px;
}
ul.colours .grey.unavailable {
    background-position: -29px -47px;
}

ul.colours .white {
    background-image: url(/assets/backgrounds/phone_colour_chips.png);
    background-position: -60px 3px;
}
ul.colours .white.active {
    background-position: -59px -22px;
}
ul.colours .white.unavailable {
    background-position: -59px -47px;
}

ul.colours .green {
    background-image: url(/assets/backgrounds/phone_colour_chips.png);
    background-position: -90px 3px;
}
ul.colours .green.active {
    background-position: -89px -22px;
}
ul.colours .green.unavailable {
    background-position: -89px -47px;
}

ul.colours .blue {
    background-image: url(/assets/backgrounds/phone_colour_chips.png);
    background-position: -120px 3px;
}
ul.colours .blue.active {
    background-position: -120px -22px;
}
ul.colours .blue.unavailable {
    background-position: -120px -47px;
}

ul.colours .red {
    background-image: url(/assets/backgrounds/phone_colour_chips.png);
    background-position: -150px 3px;
}
ul.colours .red.active {
    background-position: -150px -22px;
}
ul.colours .red.unavailable {
    background-position: -150px -47px;
}

ul.colours .orange {
    background-image: url(/assets/backgrounds/phone_colour_chips.png);
    background-position: -180px 3px;
}
ul.colours .orange.active {
    background-position: -179px -22px;
}
ul.colours .orange.unavailable {
    background-position: -179px -47px;
}

ul.colours .purple {
    background-image: url(/assets/backgrounds/phone_colour_chips.png);
    background-position: -210px 3px;
}
ul.colours .purple.active {
    background-position: -209px -22px;
}
ul.colours .purple.unavailable {
    background-position: -209px -47px;
}


ul.colours .yellow {
    background-image: url(/assets/backgrounds/phone_colour_chips.png);
    background-position: -270px 3px;
}
ul.colours .yellow.active {
    background-position: -270px -22px;
}
ul.colours .yellow.unavailable {
    background-position: -270px -47px;
}

ul.colours .pink {
    background-image: url(/assets/backgrounds/phone_colour_chips.png);
    background-position: -300px 3px;
}
ul.colours .pink.active {
    background-position: -300px -22px;
}
ul.colours .pink.unavailable {
    background-position: -300px -47px;
}

ul.colours .spacegrey {
    background-image: url(/assets/backgrounds/phone_colour_chips.png);
    background-position: -330px 3px;
}
ul.colours .spacegrey.active {
    background-position: -330px -22px;
}
ul.colours .spacegrey.unavailable {
    background-position: -330px -47px;
}

ul.colours .gold {
    background-image: url(/assets/backgrounds/phone_colour_chips.png);
    background-position: -360px 3px;
}
ul.colours .gold.active {
    background-position: -360px -22px;
}
ul.colours .gold.unavailable {
    background-position: -360px -47px;
}

ul.colours .silver {
    background-image: url(/assets/backgrounds/phone_colour_chips.png);
    background-position: -390px 3px;
}
ul.colours .silver.active {
    background-position: -390px -22px;
}
ul.colours .silver.unavailable {
    background-position: -390px -47px;
}

ul.colours .rosegold {
    background-image: url(/assets/backgrounds/phone_colour_chips.png);
    background-position: -420px 3px;
}
ul.colours .rosegold.active {
    background-position: -420px -22px;
}
ul.colours .rosegold.unavailable {
    background-position: -420px -47px;
}

ul.colours .jetblack {
    background-image: url(/assets/backgrounds/phone_colour_chips.png);
    background-position: 0 3px;
}
ul.colours .jetblack.active {
    background-position: 0 -22px;
}
ul.colours .jetblack.unavailable {
    background-position: 0 -47px;
}

ul.colours .black {
    background-image: url(/assets/backgrounds/phone_colour_chips.png);
    background-position: -451px 3px;
}
ul.colours .black.active {
    background-position: -451px -22px;
}
ul.colours .black.unavailable {
    background-position: -451px -47px;
}

/* content containers */

.tab-content {
    background: #f0f0f0;
    padding: 35px 0 58px 0;
}

.content-area {
    background: #fff;
    padding-top: 30px;

}

.contents {
    position: relative;
    width: 965px;
    max-width: 965px;
    margin: 0 auto;
}
.content-area .contents {padding-bottom: 1px;}
.content-rail {
    float: left;
    max-width: 583px;
    width: 60%;
}

.right-rail {
    float: right;
    max-width: 329px;
    width: 40%;
}

#bottom-info {
    background-color: #F0F0F0;
    padding: 30px 0 30px 0;
}

/* right rail pods */

.right-rail .pod {
    padding: 22px 25px;
    margin-bottom: 20px;
}

.right-rail .pod h2.scripty {
    font-size: 24px;
    margin-bottom: .25em;
}

.right-rail h2, .right-rail h3, .right-rail h4, .right-rail h5, .right-rail h6 {
    color: inherit;
}

.right-rail .dark {
    background: #020202;
    color: #f8f8f8;
}

.right-rail .dark .title {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.right-rail .dark ul.standard-list li {
    font-size: 12px;
    color: #cbcbcb;
}

.right-rail .dark a {
    color: #79c2dd;
}

.right-rail .dark a:hover {
    color: #2390B8;
}

.right-rail .grey {
    background: #e4e4e4;
}

.right-rail .grey .title {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.right-rail .grey ul.standard-list li {
    background: transparent url(/assets/icons/dark_pod_bullet.png) no-repeat left 6px;
    padding-left: 10px;
    font-size: 12px;
    color: #cbcbcb;
}

.right-rail .standard {
    padding: 0;
    background: #e4e4e4;
}

.right-rail .standard .heading {
    background: #020202;
    padding: 18px 20px 15px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

.right-rail .light {
    background: #fff;
}

.right-rail .light h2 {
    color: #000;
}

.right-rail .accordion-pod {

}

.right-rail .accordion-pod h3 {
    padding: 25px;
    background: #000 url(/assets/icons/accordion_plus_minus.gif) no-repeat 285px 24px;
    color: #fff;
    outline: none;
    cursor: pointer;
    margin: 0;
}

.right-rail .accordion-pod h3.ui-state-active {
    background: #000 url(/assets/icons/accordion_plus_minus.gif) no-repeat 285px -72px;
    cursor: default;
}

.right-rail .accordion-pod .info {
    background: #e4e5e7 url(/assets/backgrounds/accordion_notch.gif) no-repeat center top;
    padding: 25px;
    overflow: hidden;
    *height: 340px;
}

/* LEFT RAIL */

.left-rail {
    float: left;
    width: 285px;
}

ul.category-nav a {
    text-decoration: none;
}

ul.category-nav li {
    position: relative;
    width: 249px;
    padding: 25px 18px;
    background: #e4e5e7;
    border-bottom: 1px solid #b6b7b9;
}

ul.category-nav li:last-child {
    border-bottom: none;
}

ul.category-nav li .notch {
    position: absolute;
    background: url(/assets/backgrounds/winnow_nav_notch.gif) no-repeat left top;
    right: -10px;
    top: 22px;
    height: 21px;
    width: 10px;
}

ul.category-nav li.active {
    background: #000;
}

ul.category-nav li .icon {
    float: left;
    width: 36px;
    text-align: center;
    margin-right: 10px;
}

ul.category-nav li .info {
    float: left;
    width: 200px;
}

ul.category-nav li .info .title {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #242424;
}

ul.category-nav li.active .info .title {
    color: #fff;
}

ul.category-nav li .info p {
    font-size: 12px;
    color: #2b2b2b;
}

ul.category-nav li.active .info p {
    color: #fff;
}

/* WARNING POPUP */

.warning-popup {
    display: none;
    position: absolute;
    z-index: 100000;
    padding: 20px;
    background: #e4e5e7;
    border-radius: 12px;
-moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border: 1px solid #a7a7a7;
    color: #333333;
}

.warning-popup .notch {
    background: url(/assets/backgrounds/warning_pop_notch.png) no-repeat left top;
    position: absolute;
    bottom: -14px;
    left: 100px;
    height: 14px;
    width: 40px;
    display: none;
}

.warning-popup .close-x {
    position: absolute;
    top: 7px;
    right: 7px;
}

.warning-popup h3 {
    font-size: 23px;
    color: #333333;
    margin-bottom: 15px;
    display: none;
}

.warning-popup p {
    margin-bottom: 15px;
}

.warning-popup .button {
    float: left;
    margin-right: 10px;
}

/* SUPERTAB SLIDER */

.supertab-slider {
    width: 130px;
    background: #c8c8c8;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: inset 2px 2px 2px rgba(0,0,0,0.06);
    -moz-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.06);
    -webkit-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.06);
}

.supertab-slider .bar {
    position: relative;
    height: 17px;
    width: 68px;
    margin-left: 31px;
}

.supertab-slider .ui-slider-handle {
    display: block;
    position: absolute;
    width: 62px;
    margin-left: -31px;
    height: 25px;
    top: -4px;
    background-color: #54b2d8;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#55B3D8), to(#3795BB));
    background-image: -moz-linear-gradient(90deg, #3795BB, #55B3D8);
    background-repeat: no-repeat;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.06);
    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.06);
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.06);
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
}

.supertab-slider .ui-slider-handle:hover {
    background-color: #3299c2;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2d87ab), to(#4aa5c9));
    background-image: -moz-linear-gradient(90deg, #2d87ab, #4aa5c9);
}

.supertab-slider .ui-slider-handle span {
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 100%;
    letter-spacing: -0.8px;
    line-height: 25px;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
    width: 100%;
}

#gen-warning-msg .or {
    float: left;
    margin: 0 5px;
    line-height: 30px;
}

#gen-warning-msg, #gen-error-msg {
    z-index: 100010;
}

span.keepcase {
    text-transform: none !important;
}

.smartLogin {
    margin: 0;
    padding: 15px;
    background: #cc0000;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.30);
    -moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.30);
    -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.30);
}

.smartLogin h2.title {
    margin: 3px 0 10px 0;
    color: #fff;
}

.smartLogin h3.subtitle {
    color: #fff;
    font-size: 14px;
}

.smartLogin .input-field {
    margin: 10px 0;
}

.smartLogin input {
    border: 1px solid #999999;
    padding-left: 5px;
    width: 225px;
    height: 25px;
    color: #aaaaaa;
}

.smartLogin .simplified {
    display: none;
}

.smartLogin button {
    margin-left: -1px;
}

/* For the unsupported brwoser bar */

#activebar-container {
    background: #fff;
    color: #000;
    border-bottom: 1px solid #000;
}

#activebar-container .content {
    padding: 5px 10px;
    margin: 0 8px;
}

/* BUTTONS */

.button {
    border: none;
    cursor: pointer;
    display: block;
    text-indent: -1000000px;
}

/*
.en .get-this-phone {
    width: 116px;
    height: 34px;
    background: url(/assets/ui/buttons/add-to-cart-en.png) no-repeat left top;
}

.en .get-this-phone:hover {
    background: url(/assets/ui/buttons/add-to-cart-en.png) no-repeat left -50px;
}

.fr .get-this-phone {
    width: 157px;
    height: 34px;
    background: url(/assets/ui/buttons/add-to-cart-fr.png) no-repeat left top;
}

.fr .get-this-phone:hover {
    background: url(/assets/ui/buttons/add-to-cart-fr.png) no-repeat left -50px;
}
*/
.en .get-this-plan {
    float: left;
    width: 116px;
    height: 34px;
    background: url(/assets/ui/buttons/add-to-cart-en.png) no-repeat left top;
}

.en .get-this-plan:hover {
    background: url(/assets/ui/buttons/add-to-cart-en.png) no-repeat left -50px;
}

.fr .get-this-plan {
    float: left;
    width: 157px;
    height: 34px;
    background: url(/assets/ui/buttons/add-to-cart-fr.png) no-repeat left top;
}

.fr .get-this-plan:hover {
    background: url(/assets/ui/buttons/add-to-cart-fr.png) no-repeat left -50px;
}

.en .get-the-deets {
    width: 81px;
    height: 34px;
    background: url(/assets/ui/buttons/checkit-en.png) no-repeat left top;
}

.en .get-the-deets:hover {
    background: url(/assets/ui/buttons/checkit-en.png) no-repeat left -50px;
}

.fr .get-the-deets {
    width: 95px;
    height: 34px;
    background: url(/assets/ui/buttons/checkit-fr.png) no-repeat left top;
}

.fr .get-the-deets:hover {
    background: url(/assets/ui/buttons/checkit-fr.png) no-repeat left -50px;
}

.en .get-this-add-on {
    width: 116px;
    height: 34px;
    background: url(/assets/ui/buttons/add-to-cart-en.png) no-repeat left top;
}

.en .get-this-add-on:hover {
    background: url(/assets/ui/buttons/add-to-cart-en.png) no-repeat left -50px;
}

.fr .get-this-add-on {
    width: 157px;
    height: 34px;
    background: url(/assets/ui/buttons/add-to-cart-fr.png) no-repeat left top;
}

.fr .get-this-add-on:hover {
    background: url(/assets/ui/buttons/add-to-cart-fr.png) no-repeat left -50px;
}

.en .get-this-bundle {
    width: 116px;
    height: 34px;
    background: url(/assets/ui/buttons/add-to-cart-en.png) no-repeat left top;
}

.en .get-this-bundle:hover {
    background: url(/assets/ui/buttons/add-to-cart-en.png) no-repeat left -50px;
}

.fr .get-this-bundle {
    width: 157px;
    height: 34px;
    background: url(/assets/ui/buttons/add-to-cart-fr.png) no-repeat left top;
}

.fr .get-this-bundle:hover {
    background: url(/assets/ui/buttons/add-to-cart-fr.png) no-repeat left -50px;
}

.en .check-it-out {
    width: 81px;
    height: 34px;
    background: url(/assets/ui/buttons/checkit-en.png) no-repeat left top;
}

.en .check-it-out:hover {
    background: url(/assets/ui/buttons/checkit-en.png) no-repeat left -50px;
}

.fr .check-it-out {
    width: 95px;
    height: 34px;
    background: url(/assets/ui/buttons/checkit-fr.png) no-repeat left top;
}

.fr .check-it-out:hover {
    background: url(/assets/ui/buttons/checkit-fr.png) no-repeat left -50px;
}

.en .learn-more {
    width: 104px;
    height: 34px;
    background: url(/assets/ui/buttons/learn-more.png) no-repeat left top;
}

.en .learn-more:hover {
    background: url(/assets/ui/buttons/learn-more.png) no-repeat left -50px;
}

.fr .learn-more {
    width: 178px;
    height: 34px;
    background: url(/assets/ui/buttons/learn-more-fr.png) no-repeat left top;
}

.fr .learn-more:hover {
    background: url(/assets/ui/buttons/learn-more-fr.png) no-repeat left -50px;
}


.en .enter-now {
    width: 81px;
    height: 34px;
    background: url(/assets/ui/buttons/checkit-en.png) no-repeat left top;
}

.en .enter-now:hover {
    background: url(/assets/ui/buttons/checkit-en.png) no-repeat left -50px;

}

.fr .enter-now {
    width: 95px;
    height: 34px;
    background: url(/assets/ui/buttons/checkit-fr.png) no-repeat left top;
}

.fr .enter-now:hover {
    background: url(/assets/ui/buttons/checkit-fr.png) no-repeat left -50px;
}



.en .buy-now {
    width: 81px;
    height: 34px;
    background: url(/assets/ui/buttons/buy-now.png) no-repeat left top;
}

.en .buy-now:hover {
    background: url(/assets/ui/buttons/buy-now.png) no-repeat left -50px;
}

.fr .buy-now {
    width: 178px;
    height: 34px;
    background: url(/assets/ui/buttons/buy-now-fr.png) no-repeat left top;
}

.fr .buy-now:hover {
    background: url(/assets/ui/buttons/buy-now-fr.png) no-repeat left -50px;
}




.en .check-it-out-red {
    width: 81px;
    height: 34px;
    background: url(/assets/ui/buttons/checkit-red-en.png) no-repeat left top;
}

.en .check-it-out-red:hover {
    background: url(/assets/ui/buttons/checkit-red-en.png) no-repeat left -50px;
}

.fr .check-it-out-red {
    width: 95px;
    height: 34px;
    background: url(/assets/ui/buttons/checkit-red-fr.png) no-repeat left top;
}

.fr .check-it-out-red:hover {
    background: url(/assets/ui/buttons/checkit-red-fr.png) no-repeat left -50px;
}

.en .checkout {
    width: 76px;
    height: 29px;
    background: url(/assets/images/review-btn.png) no-repeat left top;
}

.en .checkout:hover {
    background: url(/assets/images/review-btn.png) no-repeat left -50px;
}

.fr .checkout {
    width: 85px;
    height: 29px;
    background: url(/assets/images/review-btn-FR.png) no-repeat left top;
}

.fr .checkout:hover {
    background: url(/assets/images/review-btn-FR.png) no-repeat left -50px;
}

.en .checkout-big {
    width: 114px;
    height: 44px;
    background: url(/assets/ui/buttons/checkout-big-en.png) no-repeat left top;
}

.en .checkout-big:hover {
    background: url(/assets/ui/buttons/checkout-big-en.png) no-repeat left -60px;
}

.fr .checkout-big {
    width: 187px;
    height: 44px;
    background: url(/assets/ui/buttons/checkout-big-fr.png) no-repeat left top;
}

.fr .checkout-big:hover {
    background: url(/assets/ui/buttons/checkout-big-fr.png) no-repeat left -60px;
}

.en .find-a-store {
    width: 113px;
    height: 40px;
    background: url(/assets/ui/buttons/find-store-en.png) no-repeat left top;
}

.en .find-a-store:hover {
    background: url(/assets/ui/buttons/find-store-en.png) no-repeat left -50px;
}

.fr .find-a-store {
    width: 169px;
    height: 40px;
    background: url(/assets/ui/buttons/find-store-fr.png) no-repeat left top;
}

.fr .find-a-store:hover {
    background: url(/assets/ui/buttons/find-store-fr.png) no-repeat left -50px;
}

.en .activate-now {
    width: 132px;
    height: 37px;
    background: url(/assets/ui/buttons/activate-now-en.png) no-repeat left top;
}

.en .activate-now:hover {
    background: url(/assets/ui/buttons/activate-now-en.png) no-repeat left -53px;
}

.fr .activate-now {
    width: 190px;
    height: 37px;
    background: url(/assets/ui/buttons/activate-now-fr.png) no-repeat left top;
}

.fr .activate-now:hover {
    background: url(/assets/ui/buttons/activate-now-fr.png) no-repeat left -53px;
}
.en .login {
    width: 74px;
    height: 34px;
    background: url(/assets/ui/buttons/login-en.png) no-repeat left top;
}

.en .login:hover {
    background: url(/assets/ui/buttons/login-en.png)) no-repeat left -50px;
}

.fr .login {
    width: 105px;
    height: 34px;
    background: url(/assets/ui/buttons/login-fr.png) no-repeat left top;
}

.fr .login:hover {
    background: url(/assets/ui/buttons/login-fr.png) no-repeat left -50px;
}

.en .paging-next {
    width: 67px;
    height: 34px;
    background: url(/assets/ui/buttons/next-en.png) no-repeat left top;
}

.en .paging-next:hover {
    background: url(/assets/ui/buttons/next-en.png) no-repeat left -50px;
}

.fr .paging-next {
    width: 87px;
    height: 34px;
    background: url(/assets/ui/buttons/next-fr.png) no-repeat left top;
}

.fr .paging-next:hover {
    background: url(/assets/ui/buttons/next-fr.png) no-repeat left -50px;
}

.en a.members-lounge {
    width: 138px;
    height: 34px;
    background: url(/assets/ui/buttons/memberslounge-en.png) no-repeat left top;
}

.en a.members-lounge:hover {
    background: url(/assets/ui/buttons/memberslounge-en.png) no-repeat left -50px;
}

.fr a.members-lounge {
    width: 150px;
    height: 34px;
    background: url(/assets/ui/buttons/memberslounge-fr.png) no-repeat left top;
}

.fr a.members-lounge:hover {
    background: url(/assets/ui/buttons/memberslounge-fr.png) no-repeat left -50px;
}

.en .looks-good-continue-order {
    width: 110px;
    height: 44px;
    background: url(/assets/ui/buttons/continue-big-en.png) no-repeat left top;
}

.en .looks-good-continue-order:hover {
    background: url(/assets/ui/buttons/continue-big-en.png) no-repeat left -60px;
}

.fr .looks-good-continue-order {
    width: 119px;
    height: 44px;
    background: url(/assets/ui/buttons/continue-big-fr.png) no-repeat left top;
}

.fr .looks-good-continue-order:hover {
    background: url(/assets/ui/buttons/continue-big-fr.png) no-repeat left -60px;
}

.en .continue-order {
    background: url(/assets/ui/buttons/continue-big-en.png) no-repeat left top;
    width: 110px;
    height: 44px;
}

.en .continue-order:hover {
    background: url(/assets/ui/buttons/continue-big-en.png) no-repeat left -60px;
}

.fr .continue-order {
    width: 119px;
    height: 44px;
    background: url(/assets/ui/buttons/continue-big-fr.png) no-repeat left top;
}

.fr .continue-order:hover {
    background: url(/assets/ui/buttons/continue-big-fr.png) no-repeat left -60px;
}

.en .replace-it-pop {
    width: 75px;
    height: 29px;
    background: url(/assets/ui/buttons/replaceit-mini-en.png) no-repeat left top;
}

.en .replace-it-pop:hover {
    background: url(/assets/ui/buttons/replaceit-mini-en.png) no-repeat left -50px;
}

.fr .replace-it-pop {
    width: 75px;
    height: 29px;
    background: url(/assets/ui/buttons/replaceit-mini-fr.png) no-repeat left top;
}

.fr .replace-it-pop:hover {
    background: url(/assets/ui/buttons/replaceit-mini-fr.png) no-repeat left -50px;
}

.en .cancel-pop {
    width: 70px;
    height: 29px;
    background: url(/assets/ui/buttons/cancel-mini-en.png) no-repeat left top;
}

.en .cancel-pop:hover {
    background: url(/assets/ui/buttons/cancel-mini-en.png) no-repeat left -50px;
}

.fr .cancel-pop {
    width: 70px;
    height: 29px;
    background: url(/assets/ui/buttons/cancel-mini-fr.png) no-repeat left top;
}

.fr .cancel-pop:hover {
    background: url(/assets/ui/buttons/cancel-mini-fr.png) no-repeat left -50px;
}

.en .okay-pop {
    width: 48px;
    height: 29px;
    background: url(/assets/ui/buttons/okay-mini-en.png) no-repeat left top;
}

.en .okay-pop:hover {
    background: url(/assets/ui/buttons/okay-mini-en.png) no-repeat left -50px;
}

.fr .okay-pop {
    width: 48px;
    height: 29px;
    background: url(/assets/ui/buttons/okay-mini-fr.png) no-repeat left top;
}

.en .basket-pop {
    width: 63px;
    height: 29px;
    background: url(/assets/ui/buttons/add-it.png) no-repeat left top;
}
.fr .basket-pop {
    width: 63px;
    height: 29px;
    background: url(/assets/ui/buttons/add-it-FR.png) no-repeat left top;
}

.en .basket-pop:hover {
    background: url(/assets/ui/buttons/add-it.png) no-repeat left -50px;
}

.fr .basket-pop:hover {
    background: url(/assets/ui/buttons/add-it-FR.png) no-repeat left -50px;
}


.fr .okay-pop:hover {
    background: url(/assets/ui/buttons/okay-mini-fr.png) no-repeat left -50px;
}

.en .get-the-fix {
    width: 54px;
    height: 29px;
    background: url(/assets/ui/buttons/getit-mini-en.png) no-repeat left top;
}

.en .get-the-fix:hover {
    background: url(/assets/ui/buttons/getit-mini-en.png) no-repeat left -50px;


}

.fr .get-the-fix {
    width: 77px;

    height: 29px;
    background: url(/assets/ui/buttons/getit-mini-fr.png) no-repeat left top;
}

.fr .get-the-fix:hover {
    background: url(/assets/ui/buttons/getit-mini-fr.png) no-repeat left -50px;
}

.en .get-the-phone {
    width: 54px;
    height: 29px;
    background: url(/assets/ui/buttons/getit-mini-en.png) no-repeat left top;
}

.en .get-the-phone:hover {
    background: url(/assets/ui/buttons/getit-mini-en.png) no-repeat left -50px;
}

.fr .get-the-phone {
    width: 77px;
    height: 29px;
    background: url(/assets/ui/buttons/getit-mini-fr.png) no-repeat left top;
}

.fr .get-the-phone:hover {
    background: url(/assets/ui/buttons/getit-mini-fr.png) no-repeat left -50px;
}

.en .continue-blk {
    width: 87px;
    height: 34px;
    background: url(/assets/ui/buttons/continue-blk-en.png) no-repeat left top;
}

.en .continue-blk:hover {
    background: url(/assets/ui/buttons/continue-blk-en.png) no-repeat left -50px;
}

.fr .continue-blk {
    width: 93px;
    height: 34px;
    background: url(/assets/ui/buttons/continue-blk-fr.png) no-repeat left top;
}

.fr .continue-blk:hover {
    background: url(/assets/ui/buttons/continue-blk-fr.png) no-repeat left -50px;
}

.en .continue, .en .continue-red {
    width: 87px;
    height: 34px;
    background: url(/assets/ui/buttons/continue-red-en.png) no-repeat left top;
}

.en .continue:hover, .en .continue-red:hover {
    background: url(/assets/ui/buttons/continue-red-en.png) no-repeat left -50px;
}

.fr .continue, .fr .continue-red {
    width: 93px;
    height: 34px;
    background: url(/assets/ui/buttons/continue-red-fr.png) no-repeat left top;
}

.fr .continue:hover, .fr .continue-red:hover {
    background: url(/assets/ui/buttons/continue-red-fr.png) no-repeat left -50px;
}

.en .submit {
    width: 78px;
    height: 34px;
    background: url(/assets/ui/buttons/submit-red-en.png) no-repeat left top;
}
.en .submit:hover {
    background: url(/assets/ui/buttons/submit-red-en.png) no-repeat left -50px;
}

.fr .submit {
    background: url("/assets/ui/buttons/submit-red-fr.png") no-repeat scroll left top transparent;
    height: 34px;
    width: 104px;
}
.fr .submit:hover {
    background: url(/assets/ui/buttons/submit-red-fr.png) no-repeat left -50px;
}

.en .signup {
    width: 81px;
    height: 34px;
    background: url(/assets/ui/buttons/signup-red-en.png) no-repeat left top;
}

.en .signup:hover {
    background: url(/assets/ui/buttons/signup-red-en.png) no-repeat left -50px;
}

.fr .signup {
    width: 104px;
    height: 34px;
    background: url(/assets/ui/buttons/signup-red-fr.png) no-repeat left top;
}

.fr .signup:hover {
    background: url(/assets/ui/buttons/signup-red-fr.png) no-repeat left -50px;
}

.en .get-it {
    width: 64px;
    height: 34px;
    background: url(/assets/ui/buttons/get-it-red-en.png) no-repeat left top;
}

.en .get-it:hover {
    background: url(/assets/ui/buttons/get-it-red-en.png) no-repeat left -50px;
}

.fr .get-it {
    width: 93px;
    height: 34px;
    background: url(/assets/ui/buttons/get-it-red-fr.png) no-repeat left top;
}

.fr .get-it:hover {
    background: url(/assets/ui/buttons/get-it-red-fr.png) no-repeat left -50px;
}
.en .get-it-black {
    width: 64px;
    height: 34px;
    background: url(/assets/ui/buttons/get-it-black.png) no-repeat left top;
}

.en .get-it-black:hover {
    background: url(/assets/ui/buttons/get-it-black.png) no-repeat left -50px;
}

.fr .get-it-black {
    width: 93px;
    height: 34px;
    background: url(/assets/ui/buttons/get-it-black-FR.png) no-repeat left top;
}

.fr .get-it-black:hover {
    background: url(/assets/ui/buttons/get-it-black-FR.png) no-repeat left -50px;
}

.en .game-on:hover {
background:url("/assets/ui/buttons/game-on-en.png") no-repeat scroll left -50px transparent;
}
.en .game-on {
background:url("/assets/ui/buttons/game-on-en.png") no-repeat scroll left top transparent;
display:block;
height:34px;
text-indent:-1000px;
width:89px;
}
.fr .game-on:hover {
background:url("/assets/ui/buttons/game-on-fr.png") no-repeat scroll left -50px transparent;
}
.fr .game-on {
background:url("/assets/ui/buttons/game-on-fr.png") no-repeat scroll left top transparent;
display:block;
height:34px;
text-indent:-1000px;
width:100px;
}

.en .enter-now-button {
    width: 95px;
    height: 40px;
    background: url(/assets/ui/buttons/enter-now-en.png) no-repeat left top;
}

.en .enter-now-button:hover {
    background: url(/assets/ui/buttons/enter-now-en.png) no-repeat left -50px;
}

.fr .enter-now-button {
    width: 104px;
    height: 40px;
    background: url(/assets/ui/buttons/enter-now-fr.png) no-repeat left top;
}

.fr .enter-now-button:hover {
    background: url(/assets/ui/buttons/enter-now-fr.png) no-repeat left -50px;
}
.en .enter-now-black {
    width: 95px;
    height: 40px;
    background: url(/assets/ui/buttons/enter-now-black.png) no-repeat left top;
}

.en .enter-now-black:hover {
    background: url(/assets/ui/buttons/enter-now-black.png) no-repeat left -50px;
}

.fr .enter-now-black {
    width: 104px;
    height: 40px;
    background: url(/assets/ui/buttons/enter-now-black-FR.png) no-repeat left top;
}

.fr .enter-now-black:hover {
    background: url(/assets/ui/buttons/enter-now-black-FR.png) no-repeat left -50px;
}


.en .sign-up-black {
    width: 78px;
    height: 40px;
    background: url(/assets/ui/buttons/sign-up-black.png) no-repeat left top;
}

.en .sign-up-black:hover {
    background: url(/assets/ui/buttons/sign-up-black.png) no-repeat left -50px;
}

.fr .sign-up-black {
    width: 104px;
    height: 40px;
    background: url(/assets/ui/buttons/sign-up-black-FR.png) no-repeat left top;
}

.fr .sign-up-black:hover {
    background: url(/assets/ui/buttons/sign-up-black-FR.png) no-repeat left -50px;
}

.en .youtube-channel-black {
    width: 152px;
    height: 40px;
    background: url(/assets/ui/buttons/youtube-channel-black.png) no-repeat left top;
}

.en .youtube-channel-black:hover {
    background: url(/assets/ui/buttons/youtube-channel-black.png) no-repeat left -50px;
}
.fr .youtube-channel-black {
    width: 139px;
    height: 40px;
    background: url(/assets/ui/buttons/youtube-channel-black-FR.png) no-repeat left top;
}

.fr .youtube-channel-black:hover {
    background: url(/assets/ui/buttons/youtube-channel-black-FR.png) no-repeat left -50px;
}
.en .shop-now {
    width: 105px;
    height: 40px;
    background: url(/assets/ui/buttons/shop-now-en.png) no-repeat left top;
}

.en .shop-now:hover {
    background: url(/assets/ui/buttons/shop-now-en.png) no-repeat left -50px;
}

.fr .shop-now {
    width: 104px;
    height: 40px;
    background: url(/assets/ui/buttons/shop-now-fr.png) no-repeat left top;
}

.fr .shop-now:hover {
    background: url(/assets/ui/buttons/shop-now-fr.png) no-repeat left -50px;
}

.en .print {
    width: 75px;
    height: 34px;
    background: url(/assets/ui/buttons/print.png) no-repeat left top;
}

.en .print:hover {
    background: url(/assets/ui/buttons/print.png) no-repeat left -50px;
}

.fr .print {
    width: 110px;
    height: 34px;
    background: url(/assets/ui/buttons/print-FR.png) no-repeat left top;
}

.fr .print:hover {
    background: url(/assets/ui/buttons/print-FR.png) no-repeat left -50px;
}

.en .more-info:hover {
background:url("/assets/ui/buttons/more-info-en.png") no-repeat scroll left -50px transparent;
}
.en .more-info {
background:url("/assets/ui/buttons/more-info-en.png") no-repeat scroll left top transparent;
display:block;
height:34px;
width:99px;
}

.en .more-info-right {
background:url("/assets/ui/buttons/more-info-en.png") no-repeat scroll left top transparent;
display:block;
height:34px;
width:105px;
float:right !important;
margin-top:85px;
}

.fr .more-info:hover {
background:url("/assets/ui/buttons/more-info-fr.png") no-repeat scroll left -50px transparent;
}
.fr .more-info {
background:url("/assets/ui/buttons/more-info-fr.png") no-repeat scroll left top transparent;
display:block;
height:34px;
width:105px;
}

.fr .more-info-right {
background:url("/assets/ui/buttons/more-info-en.png") no-repeat scroll left top transparent;
display:block;
height:34px;
width:105px;
float:right !important;
margin-top:85px;
}

.en .more-info-black {
background:url("/assets/ui/buttons/more-info-black-en.png") no-repeat scroll left top transparent;
display:block;
height:34px;
width:105px;
}

.en .more-info-black:hover {
background:url("/assets/ui/buttons/more-info-black-en.png") no-repeat scroll left -50px transparent;
}

.fr .more-info-black {
background:url("/assets/ui/buttons/more-info-black-fr.png") no-repeat scroll left top transparent;
display:block;
height:34px;
width:105px;
}

.fr .more-info-black:hover {
background:url("/assets/ui/buttons/more-info-black-fr.png") no-repeat scroll left -50px transparent;
}

.en .get-your-code {
    width: 130px;
    height: 34px;
    background: url(/assets/ui/buttons/get-your-code.png) no-repeat left top;
}

.en .get-your-code:hover {
    background: url(/assets/ui/buttons/get-your-code.png) no-repeat left -50px;
}

.fr .get-your-code {
    width: 174px;
    height: 34px;
    background: url(/assets/ui/buttons/get-your-code-FR.png) no-repeat left top;
}

.fr .get-your-code:hover {
    background: url(/assets/ui/buttons/get-your-code-FR.png) no-repeat left -50px;
}

.iPhone {
    width: 99px;
    height: 34px;
    background: url(/assets/ui/buttons/iPhone.png) no-repeat left top;
}

.iPhone:hover {
    background: url(/assets/ui/buttons/iPhone.png) no-repeat left -50px;
}

.android {
    width: 105px;
    height: 34px;
    background: url(/assets/ui/buttons/android.png) no-repeat left top;
}

.android:hover {
    background: url(/assets/ui/buttons/android.png) no-repeat left -50px;
}
.iPhone-black {
    width: 99px;
    height: 34px;
    background: url(/assets/ui/buttons/iPhone-black.png) no-repeat left top;
}

.iPhone-black:hover {
    background: url(/assets/ui/buttons/iPhone-black.png) no-repeat left -50px;
}

.android-black {
    width: 105px;
    height: 34px;
    background: url(/assets/ui/buttons/android-black.png) no-repeat left top;
}

.android-black:hover {
    background: url(/assets/ui/buttons/android-black.png) no-repeat left -50px;
}

.en .watch-it {
    width: 105px;
    height: 34px;
    background: url(/assets/ui/buttons/watch-it-en.png) no-repeat left top;
}

.en .watch-it:hover {
    background: url(/assets/ui/buttons/watch-it-en.png) no-repeat left -50px;
}

.fr .watch-it {
    width: 105px;
    height: 34px;
    background: url(/assets/ui/buttons/watch-it-fr.png) no-repeat left top;
}

.fr .watch-it:hover {
    background: url(/assets/ui/buttons/watch-it-fr.png) no-repeat left -50px;
}
.en .sign-the-petition {
    width: 150px;
    height: 34px;
    background: url(/assets/ui/buttons/sign-the-petition-en.png) no-repeat left top;
}

.en .sign-the-petition:hover {
    background: url(/assets/ui/buttons/sign-the-petition-en.png) no-repeat left -50px;
}

.fr .sign-the-petition {
    width: 150px;
    height: 34px;
    background: url(/assets/ui/buttons/sign-the-petition-fr.png) no-repeat left top;
}

.fr .sign-the-petition:hover {
    background: url(/assets/ui/buttons/sign-the-petition-fr.png) no-repeat left -50px;
}

.en .sign-the-petition-blk {
    width: 150px;
    height: 34px;
    background: url(/assets/ui/buttons/sign-the-petition-black.png) no-repeat left top;
}

.en .sign-the-petition-blk:hover {
    background: url(/assets/ui/buttons/sign-the-petition-black.png) no-repeat left -50px;
}

.fr .sign-the-petition-blk {
    width: 150px;
    height: 34px;
    background: url(/assets/ui/buttons/sign-the-petition-black-FR.png) no-repeat left top;
}

.fr .sign-the-petition-blk:hover {
    background: url(/assets/ui/buttons/sign-the-petition-black-FR.png) no-repeat left -50px;
}
.en .how-to-get-it {
    width: 130px;
    height: 40px;
    background: url(/assets/ui/buttons/how-to-get-it.png) no-repeat left top;
}

.en .how-to-get-it:hover {
    background: url(/assets/ui/buttons/how-to-get-it.png) no-repeat left -50px;
}
.fr .how-to-get-it {
    width: 159px;
    height: 40px;
    background: url(/assets/ui/buttons/how-to-get-it-FR.png) no-repeat left top;
}

.fr .how-to-get-it:hover {
    background: url(/assets/ui/buttons/how-to-get-it-FR.png) no-repeat left -50px;
}
.en .get-started {
    width: 121px;
    height: 34px;
    background: url(/assets/ui/buttons/get-started.png) no-repeat left top;
}

.en .get-started:hover {
    background: url(/assets/ui/buttons/get-started.png) no-repeat left -50px;
}

.fr .get-started {
    width: 121px;
    height: 34px;
    background: url(/assets/ui/buttons/get-started-FR.png) no-repeat left top;
}

.fr .get-started:hover {
    background: url(/assets/ui/buttons/get-started-FR.png) no-repeat left -50px;
}

.en .register {

    width: 107px;
    height: 40px;
    background: url(/assets/ui/buttons/register.png) no-repeat left top;
}

.en .register:hover {
    background: url(/assets/ui/buttons/register.png) no-repeat left -50px;
}
.fr .register {
    width: 107px;
    height: 40px;
    background: url(/assets/ui/buttons/register-fr.png) no-repeat left top;
}

.fr .register:hover {
    background: url(/assets/ui/buttons/register-fr.png) no-repeat left -50px;
}

.en .start-challenges {
    width: 162px;
    height: 40px;
    background: url(/assets/ui/buttons/start-challenges.png) no-repeat left top;
}

.en .start-challenges:hover {
    background: url(/assets/ui/buttons/start-challenges.png) no-repeat left -50px;
}

.fr .start-challenges {
    width: 148px;
    height: 40px;
    background: url(/assets/ui/buttons/start-challenges-FR.png) no-repeat left top;
}

.fr .start-challenges:hover {
    background: url(/assets/ui/buttons/start-challenges-FR.png) no-repeat left -50px;
}

.en .pre-order {

    width: 104px;
    height: 40px;
    background: url(/assets/ui/buttons/pre-order.png) no-repeat left top;
}

.en .pre-order:hover {
    background: url(/assets/ui/buttons/pre-order.png) no-repeat left -50px;
}
.fr .pre-order {

    width: 135px;
    height: 40px;
    background: url(/assets/ui/buttons/pre-order-FR.png) no-repeat left top;
}

.fr .pre-order:hover {
    background: url(/assets/ui/buttons/pre-order-FR.png) no-repeat left -50px;
}
.addthis_toolbox.addthis_pill_combo a {
    float: left;
}
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet,
.addthis_toolbox.addthis_pill_combo a.addthis_counter {
    margin-top: -2px;
}
.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
}

.footer-tweet-box {
    padding:15px;
    background:#404040;
    clear:both;
    position:relative;
    margin-top:25px;
}

.footer-tweet-box img {
    position:absolute;
    top:-9px;
    left:20px
}

.footer-tweet-box a {
    text-decoration:none;
}


/* Accordion pods exclusively for the plans page Raj Dec 14th 2010 */


.right-rail .accordion-pod {

}

.right-rail .accordion-pod-plans h3 {
    padding: 25px;
    background: #000 url(/assets/icons/accordion_plus_minus.gif) no-repeat 285px 24px;
    color: #fff;
    outline: none;
    cursor: pointer;
    margin: 0;
}

.right-rail .accordion-pod-plans h3.ui-state-active {
    background: #000 url(/assets/icons/accordion_plus_minus.gif) no-repeat 285px -72px;
    cursor: default;
}

.right-rail .accordion-pod-plans .info {
    background: #e4e5e7 url(/assets/backgrounds/accordion_notch.gif) no-repeat center top;
    padding: 25px;
}


ul.bulleted {list-style: disc;}
ul.bulleted li {list-style: disc; margin-left: 17px; margin-bottom: 0.5em;}



/*********************** bonus 50 popup styles *******************/

#bonus-50 {
    width:600px;
    padding: 0 17px 17px 17px;
    color: #393939;
    }
    #bonus-50 p.large {
        font-size: 18px;
        }
#bonus-50 h3 { font-size: 28px; margin: 12px 0;
}
    #bonus-50 #limited-time-offer {
        padding: 30px 0 5px 0;
    }
    #bonus-50 p.good-to-know {
        padding-top: 30px;
        }
        .fr #bonus-50 p.good-to-know {
            font-size: 12px;
            }
    #bonus-50 a.button {margin-top: 10px;}

.floatR{
    float:right;
}

.floatL{
    float:left;
}

.pad10{
    padding:10px;
}

.PT5{
    padding-top:5px;
}

.smallcaps {
    font-variant: small-caps;
}

.prov-selection {
}

.prov-default, .prov-nl, .prov-ns, .prov-pe, .prov-nb, .prov-qc, .prov-on, .prov-mb,
.prov-sk, .prov-ab, .prov-bc, .prov-nt, .prov-yt, .prov-nu {
display: none;
}

.not-prov-on, .not-prov-qc, .not-prov-bc,
.not-prov-ab, .not-prov-sk, .not-prov-ns,
.not-prov-nb, .not-prov-pe, .not-prov-nl,
.not-prov-mb, .not-prov-nt, .not-prov-nu, .not-prov-yt {
display: none;
}

/***********************  primary tout - black box - new tout styles ************/

#primary-tout {color: #fff; background-color: #000; width: 310px; padding-left: 20px; }
#primary-tout h1, #primary-tout h2, #primary-tout h3 {color: #fff;}
#primary-tout .icon { width: 92px; height: 72px; position: relative; top: 0; left: 0; }
#primary-tout .icon-smartphone {background: url("/assets/images/icon-smartphone.png") no-repeat top left;}
#primary-tout .icon-internet {background: url("/assets/images/icon-internet.png") no-repeat top left;}
#primary-tout .icon-tablet {background: url("/assets/images/icon-tablet.png") no-repeat top left;}
#primary-tout .icon-data {background: url("/assets/images/icon-data.png") no-repeat top left;}
#primary-tout .icon-glasses {background: url("/assets/images/icon-glasses.png") no-repeat top left;}

/***** reasons to choose include styles *****/
#reasonsToChoose {height: 196px; }
.reasonsToChoose {}
.reasonsToChoose li {
border-right: 1px solid #E5E5E5;
display: block;
float: left;
height: 120px;
list-style: none outside none;
width: 106px;
text-align: center;
padding-top: 12px;
position: relative;
}
#reasonsToChoose h3.scripty {font-size: 22px; display: none; font-weight: normal;}
#reasonsToChoose h2 {
    font-size: 24px;
    margin-bottom: 17px;
}
.reasonsToChoose h4 {
    font-size: 12px;
}
.reasonsToChoose li.spot9 {border-right: none;}

.reasonsToChoose .icon {background: url("/assets/icons/sprite-reasonstochoose.png") no-repeat top left; width: 48px; height: 60px; display: block; margin: 0 auto 10px; text-indent: -10000px;}
.reasonsToChoose .spot1 .icon {background-position: 0 1px;}
.reasonsToChoose .spot2 .icon {background-position: 0 -205px}
.reasonsToChoose .spot3 .icon {background-position: 0 -739px;}
.reasonsToChoose .spot4 .icon {background-position: 0 -806px;}
.reasonsToChoose .spot5 .icon {background-position: 0 -69px;}
.reasonsToChoose .spot6 .icon {background-position: 0 -274px;}
.reasonsToChoose .spot7 .icon {background-position: 0 -874px;}
.reasonsToChoose .spot8 .icon {background-position: 0 -411px;}
.reasonsToChoose .spot9 .icon {background-position: 0 -548px;}

.reasonsToChoose .spot4 h4 { margin: 0 auto;}
.reasonsToChoose .heart {background: url("/assets/icons/reasonstochoose-heart.png") no-repeat top left;
    width: 9px;
    height: 9px;
    display: block;
    left: 72px;
    *left: 25px;
    position: relative;
    bottom: 13px;
    }
.fr .reasonsToChoose .heart {left: 79px; *left: 32px;}

/* contactlist */

#contactlist {background-color: #fff; height: auto; min-height: 279px;}
    #contactlist .intro {color: #333333; float: left; width: 183px; margin-top: 50px;}
    #contactlist .section .intro h2 {color: inherit; font-size: 24px; margin-bottom: 18px; margin-top: 63px;}
    #contactlist .main {padding: 16px 0 28px; float: left;}
    #contactlist ul li {float: left; height: 245px; text-align: center;}
    #contactlist .col1 {width: 251px;}
    #contactlist .col2 {width: 249px; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;}
    #contactlist .col3 {width: 268px;}
    #contactlist .image {height: 103px;}
    #contactlist .col1 .image {background: url("/assets/icons/grey-widescreen.png") no-repeat center 16px;}
    #contactlist .col2 .image {background: url("/assets/icons/grey-storelocation.png") no-repeat center 16px;}
    #contactlist .col3 .image {background: url("/assets/icons/grey-handheld.png") no-repeat center 16px;}
    #contactlist h3 {color: #cc0000; margin-bottom: 14px;}
    #contactlist p {margin-bottom: 20px; padding: 0 25px;}
    #contactlist .intro h2 {margin-bottom: 20px;}
    #contactlist .intro p {display: block; padding: 0 25px 0 0;}

/* Modal Overlay */
.modalWrapper {
    display: none;
}

.modal-overlay {
    display: block;
    width: 470px;
    background-color: #FFF;
    padding: 35px 35px 20px 35px;*/
}

    .modal-overlay .page-header {
        margin-bottom: 0;
        padding-bottom: 25px;
        border-bottom:solid 2px black;
    }

    .modal-overlay .user-options {
        border-top: 2px solid #000;
        font-size:16px;
    }

    .modal-overlay .user-options input {
        padding:10px;

    }

    .modal-overlay .user-options a {
        margin-right: 12px;
        margin-top: 25px;
    }

    .modal-overlay .bottom-row {
        border-top: 2px solid #000;
    }

#ProvinceModal.modal-overlay{
    width:580px;
    color: #000000;
}

#ProvinceModal .content {
    border-bottom: 2px solid #000000;
    padding: 25px 0;
}
#ProvinceModal .content p {
        font-size: 16px;
    }
#ProvinceModal .buttons {
    padding: 20px 0;
}

#ProvinceModal a{
    text-decoration:none;
}

#ProvicneModal .buttons a span {
        padding: 10px 6px 10px 20px;
    }
.provinceDiv{
    padding:10px 0;
    border-right:solid 1px #C3C3C3;
}

.provinceOptionLeft{
        padding:10px;
        float:left;
        width:200px;
    }

/* RTB By Default Province ON */

.home-page-by-default-on {
    background-image: url("/assets/images/home-page-by-default-on.png");
    background-position: 100px 37px;
   *background-position: 100px 17px;
    background-repeat: no-repeat;
    height: 55px;
    margin-left: 555px;
    *margin-left: -167px;
    padding-left: 16px;
    padding-top: 51px;
    width: 397px;
    position: absolute;
    display: none;
    z-index:1000;
}
.home-page-by-default-on-fr, .fr .home-page-by-default-on {
    background-image: url("/assets/images/home-page-by-default-on-fr.png");
    background-position: 100px 37px;
   *background-position: 100px 10px;
    background-repeat: no-repeat;
    height: 55px;
    margin-left: 555px;
    *margin-left: -167px;
    padding-left: 16px;
    padding-top: 51px;
    width: 397px;
    position: absolute;
    display: none;
}




.home-page-by-default-on-close {
                width:19px;
                height:19px;
                float:right;
                margin-right: 2px;
        margin-top: -36px;
}
.home-page-by-default-on-close a {
                width:19px;
                height:19px;
                cursor:pointer;
                float:right;

}
.home-page-by-default-on-close:hover {
                width:19px;
                height:19px;
                cursor:pointer;
                float:right;
}
.home-page-by-default-on-close-fr, .fr .home-page-by-default-on-close-fr {
                width:19px;
                height:19px;
                float:right;
                margin-right: -2px;
        margin-top: -50px;
}
.home-page-by-default-on-close-fr a, .fr .home-page-by-default-on-close-fr a {
                width:19px;
                height:19px;
                cursor:pointer;
                float:right;
}
.home-page-by-default-on-close-fr:hover, .fr .home-page-by-default-on-close:hover {
                width:19px;
                height:19px;
                cursor:pointer;
                float:right;
}
.home-font-on-message {
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: inherit;
    margin-left: 95px;
    width: 281px;
    *margin-top:-19px;
}
.home-font-on-message-fr, .fr .home-font-on-message {
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: inherit;
    margin-left: 101px;
    width: 281px;
    *margin-top:-25px;
}
/* RTB By Default Province ON */
/*WCCR 0044 Superscript cents Talk & Text Plan */
.digit{
    padding-left:5px;
    *padding-left:7px;
    font-size:18px !important;
    *padding-top:2px;
}

/*WCCR 0044*/


/*  Tool Tip */

.warning {
    position:relative;
    z-index:24;

}
.warning span {
    display:none;
}
.warning:hover {
    z-index:25;
}
.warning:hover span {
    background-image: url("/assets/images/tool-Tip-Blue.png");
    background-repeat: no-repeat;
    display: block;
    height: 221px;
    left: 260px;
    padding: 5px 5px 5px 35px;
    position: absolute;
    top: -48px;
    width: 184px;
    z-index: 25;
}

.nobold { font-weight:normal; display:inline; *margin-right:2px; }
.remeber-me {*position: relative;}
.tool-tip-message {font-weight: normal;color:#333; line-height: 18px;}

/* Tool Tip*/


/* holiday delivery dates fancybox out of navigation */
.holiday-delivery-dates {}
.holiday-delivery-dates img {margin: 0 auto 35px;}
    .fr .holiday-delivery-dates h2 {font-size: 28px;}

#holiday-delivery-dates {width: 885px;}
    #holiday-delivery-dates img {padding: 20px 0;}



/******FAQ Footer*******/
#bottom-info-support{
    background-color: #faf9f9;
    height: 130px;
}
.fr #bottom-info-support {height: 125px}
#bottom-info-support.content-area{padding-top: 40px;}
#support_bottom h3.scripty {font-size: 24px; padding:0;}
    .fr #support_bottom h3.scripty {padding:0;}
#support_bottom h3 {font-size: 24px;}

#support_bottom .tout {width: 30%; height: 80px; float: left;}
    .fr #support_bottom .tout {}
#support_bottom .toutlast {width: 300px; height: 107px; padding: 0 10px; float: left;}
    #support_bottom .tout0 {width: auto; height: 20px; float: none;}
    #support_bottom .tout1 {width:323px; border-right: 1px solid #d9d9d9;}
    #support_bottom .tout2 {width:317px; padding-left: 0; border-right: 1px solid #d9d9d9;}
    .fr #support_bottom .tout0 {width: 280px;}
    .fr #support_bottom .tout1 {width: 320px;}
    .fr #support_bottom .tout2 {width:320px; padding-left: 0;}
    .fr #support_bottom .toutlast {width: 320px; height: 107px; padding:0;}
    .fr .frenchNewLine{position: absolute; margin: 40px 0 0 53px; }
    .fr .toutlast .frenchNewLine{line-height: 40px !important; margin: 40px 0 0 50px;}

#support_bottom .toutlast ul {padding-top:30px; padding-left: 29px;}
#support_bottom .toutlast ul li {display:block; float:left; height:50px; padding-right:10px; line-height: 41px;}
#support_bottom .toutlast ul li a {line-height: 50px;}
#support_bottom .toutlast ul li h3 {padding-top:8px;}

#support_bottom .tout ul {padding-top:30px;}
#support_bottom .tout ul li {display:block; float:left; height:50px; padding-right:15px;}
#support_bottom .tout ul li a {line-height: 39px;}
#support_bottom .tout ul li h3 {padding-top:8px;}

#support_bottom .pad {padding-left:30px}

/*********Last Minute William Change *********/

/* hiding the fancybox title box */
#fancybox-title {display: none !important;}

.checkmark {
    font-size: 23px;
}
.dash-line {
    font-family: arial;
    font-size: 17pt;
    font-weight: bold;
}

/* WCCR 105 */

/*ppud data graph lightbox*/
.red{color:#c50415;}
#ppud {padding: 20px; border: solid 7px #e4e5e7;}


/*********** RTB 0052 Catfish Display Rules ************/
#ppud h2.underline {border-color: #cc0000; text-align:left;}
#ppud .legal {font-size: .8em;}

/***********accordion's class and id's********/

/* accordion 1*/

.accordion {border-top: 1px dotted #ccc; padding-bottom: 40px; margin-top: 20px;}
.accordion .ui-widget-content {}
.accordion li {padding: 20px 0 10px 0; border-bottom: 1px dotted #ccc;}
.accordion a {text-decoration: none;}
.accordion a.ui-state-active {background: url("/assets/images/accordion-close.png") no-repeat top left !important; height: 35px !important; line-height: 20px; padding-left: 35px; display: block; color: #333; font-weight: bold; padding-bottom: 10px;}
.accordion a.ui-state-hover {color: #2390B8 !important;}
.accordion a.ui-state-default {background: url("/assets/images/accordion-open.png") no-repeat top left; height: 35px; line-height: 20px; padding-left: 35px; display: block; color: #333; font-weight: bold;}
.accordion li.ui-accordion-li-fix div.ui-accordion-content {padding: 0; margin: 25px 0;}
.ui-dialog-titlebar { display: none; }

.accordion ul.standard-list li,.accordion ol.numbered-list li {border-bottom: none; padding: 0 0 0 3px;}

.accordion ul.phones {padding-top: 10px; width: 240px; float: left;}
.accordion ul.phones li {border-bottom: none; padding: 2px 0;}
.accordion ol.numbered-list li {
border-bottom: medium none;
padding: 0 0 0 3px;
}

/* accordion 2*/

.Accordion {border-top: 1px dotted #ccc; padding-bottom: 40px; margin-top: 20px;}
.Accordion .ui-widget-content {}
.Accordion li {padding: 20px 0 10px 0; border-bottom: 1px dotted #ccc;}
.Accordion a {text-decoration: none;}
.Accordion a.ui-state-active {background: url("/assets/images/accordion-close.png") no-repeat top left !important; height: 35px !important; line-height: 20px; padding-left: 35px; display: block; color: #333; font-weight: bold;}
.Accordion a.ui-state-hover {color: #2390B8 !important;}
.Accordion a.ui-state-default {background: url("/assets/images/accordion-open.png") no-repeat top left; height: 35px; line-height: 20px; padding-left: 35px; display: block; color: #333; font-weight: bold;}
.Accordion li.ui-accordion-li-fix div.ui-accordion-content {padding: 0; margin: 25px 0;}
.ui-dialog-titlebar { display: none; }

.Accordion ul.standard-list li,.accordion ol.numbered-list li {border-bottom: none; padding: 0 0 0 3px;}

.Accordion ul.phones {padding-top: 10px; width: 240px; float: left;}
.Accordion ul.phones li {border-bottom: none; padding: 2px 0;}
.Accordion ol.numbered-list li {
border-bottom: medium none;
padding: 0 0 0 3px;
}

/* accordion 3*/

#Accordion ol.numbered-list li {
border-bottom: medium none;
padding: 0 0 0 3px;
}
#Accordion {border-top: 1px dotted #ccc; padding-bottom: 40px; margin-top: 20px;}
#Accordion .ui-widget-content {}
#Accordion li {padding: 20px 0 10px 0; border-bottom: 1px dotted #ccc;}
#Accordion a {text-decoration: none;}
#Accordion a {box-sizing: content-box !important; outline: none;}
#Accordion a.ui-state-active {background: url("/assets/images/accordion-close.png") no-repeat top left !important; height: 35px !important; line-height: 20px; padding-left: 35px; display: block; color: #333; font-weight: bold; margin-bottom: 10px;}
#Accordion a.ui-state-hover {color: #2390B8 !important;}
#Accordion a.ui-state-default {background: url("/assets/images/accordion-open.png") no-repeat top left; height: 35px; line-height: 20px; padding-left: 35px; display: block; color: #333; font-weight: bold; min-height: 22px; }
#Accordion li.ui-accordion-li-fix div.ui-accordion-content {padding: 0; margin: 25px 0;}
.ui-dialog-titlebar { display: none; }

#Accordion ul.standard-list li,.accordion ol.numbered-list li {border-bottom: none; padding: 0 0 0 3px;}
#Accordion ol.sim-list li {border-bottom: none;}

#Accordion ul.phones {padding-top: 10px; width: 240px; float: left;}
#Accordion ul.phones li {border-bottom: none; padding: 2px 0;}
#Accordion ol.numbered-list li {
border-bottom: medium none;
padding: 0 0 0 3px;
}
.post-paid-purchase-bread-crumb{width:100% !important;}
#openCMS-help h2.underline {border-bottom:none;}

/* non-mobile/mobile */

.mobile {display: none;}
.desktop {display: inline;}



/*fancybox zero tab lightbox*/
#zero-tab {background-color: #fff;
margin: 0 auto;
padding: 25px;
position: relative;
max-width: 650px;
}
#zero-tab h1 {
    margin: 0 0 0.5em;
}
#zero-tab .floatL ul{
    padding-left: 20px;
    padding-top: 20px;
}
#zero-tab .floatL ul li {
    margin-bottom: 20px;
}
#zero-tab .floatL {
    max-width:382px;
}
    .fr #zero-tab .floatL {
    max-width:382px;
}

/* fancybox future dated phones */
#future-dated-phones-fb {width: 675px;}
#future-dated-phones-fb h1 {
    margin: 0 0 0.5em;
}
#future-dated-phones-fb p, #future-dated-phones-fb ol {margin-bottom: 20px;}
#future-dated-phones-fb .btnBlock {margin-bottom: 25px;}

/* guestpass- benefits include */

#guestpass-benefits {}

#guestpass-benefits > img {
    padding: 7px 0 14px;
}

.warning-popup.width_280_m {
    margin: 75px auto 0 !important;

}

/* User mobile Experience - Menu Popup Overlay */
#UME-overlay {
    display:none;
    background:#000;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    min-height:100%;
    opacity: 0.4;
    filter: alpha(opacity=40);
    -moz-opacity:0.4;
    zoom: 1;
    z-index:9999;
}
/* User mobile Experience - Menu Popup Overlay */

/* meta image styles */

.metaImage {
    filter: alpha(opacity=0); /* internet explorer */
    opacity: 0;           /* fx, safari, opera, chrome */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
    position: absolute;
    top:0;
    left:0;
    }


.promotional-image {
    display: none;
}


/* reasons to choose include */
    #bottom-info {

    }
    #reasonsToChoose h3.scripty {
        color: #333333 !important;
        font-size:22px !important;
    }
    #reasonsToChoose h3, #reasonsToChoose h2, #reasonsToChoose .right-rail h3 {
        font-size: 24px !important;
        color:#242424 !important;
    }

/* related content */
#related-content {padding: 65px 0; color: #333;}
    #Accordion + .section #related-content, #Accordion + #related-content {margin: 25px 0 65px;}
    #related-content li {float: left; list-style: inside disc; padding-right: 8px;}
    #related-content li a {display: inline-block; line-height: 2.4em;}
    #related-content .label {font-size: 24px; list-style: none; color: inherit; padding-right: 18px;}
    #related-content li:nth-child(2) {list-style: none;}

/* anchors */
#anchors {margin: 25px 0; color: #333;}
    #anchors li {float: left; list-style: inside disc; padding-right: 8px;}
    #anchors li a {display: inline-block; line-height: 2.4em;}
    #anchors .label {font-size: 24px; line-height: 34px; list-style: none; color: inherit; padding: 0 18px 0 0;}
    #anchors li:nth-child(2) {list-style: none;}

/* embedded "tooltip" */
.tooltip-icon {
    cursor: pointer;
}
.tooltip-box {
    background-color: #eaeaea;
    color: #333;
    padding: 28px 30px 23px;
    position: relative;
}

.tooltip-box .close {
    background: rgba(0, 0, 0, 0) url("/assets/ui/buttons/close-big-x.png") no-repeat scroll center top;
    display: block;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 15px;
    cursor: pointer;
}


@media screen and (max-width:1000px) {
    .contents {
        width: 90.5% !important;
        overflow:hidden;
    }

    #masthead .bread-crumb {
        display: none;
    }
    /*bottom-info-support*/
    #bottom-info-support, .fr #bottom-info-support{
        height:auto;
    }
    #support_bottom .toutlast, #support_bottom .tout2, #support_bottom .tout1, .fr #support_bottom .toutlast, .fr #support_bottom .tout2, .fr #support_bottom .tout1{
        width:auto;
     /*   border-right:none; */
    }

/* reasons to choose include */
    #bottom-info {
        margin-top:0px !important;

        }

    .reasonsToChoose li {
        margin-bottom: 20px;

    }

/* contact list inlcude */
    #contactlist {
        height: auto;
        margin-bottom: 0;
    }
    #contactlist .main {float: none;}
    #contactlist .col1 {
        display: none;
        }
    #contactlist .col2 {
        border-left: none;
        border-right: none !important;
        width: auto;
        height: auto;
        }
    #contactlist .col3 {width: auto !important; height: auto;}
    #contactlist ul li {
        text-align: left;
        height: auto;
        float: none !important;
        }
    #contactlist .image {
        display: none;
        }
    #contactlist p {
        padding-left: 0;
        }
    #contactlist .intro {
        width: auto;
        margin-top: 0;
        float: none;
        }
    #contactlist .intro h2 {
       font-size: 1.6em;
       color: #cc0000;
       }
    #contactlist h3 {
        font-family: Arial,​Helvetica,​sans-serif;
        text-transform: none;
        color: #333;
        font-size: 1.2em;
        font-weight: bold !important;
    }

/* support footer include */
    #bottom-info-support {
        height: auto !important;
    }
    #support_bottom .tout {height: auto;}

    #support_bottom .toutlast ul li {}

    #support_bottom .tout1 {width:30%;}
    #support_bottom .tout2 {width:30%; }
    #support_bottom .toutlast {width:30%; }
    #support_bottom .tout ul li:nth-child(2), #support_bottom .toutlast ul li:nth-child(2) {float: none;}

    .tabs ul li {width: 31%; font-size: 16px; margin-bottom: 5px; background-color: #E3E3E3;}

/* colour chip selector */
/* colour chips */

    ul.colours {
        width: 100%;
        overflow: hidden;
    }

    ul.colours li {
        float: left;
        font-size: 11px;
        line-height: 20px;
        font-weight: bold;
        text-transform: uppercase;
        color: #737171;
        margin: 0 3px 3px 0;
        cursor: pointer;
    }
     ul.colours .colour-selector {
        width: 45px;
        height: 45px;
        background-repeat: no-repeat;
        background-image: url(/assets/mobile/mobile-experience/mobile_phone_colour_chips_new.png) !important;
    }

    ul.colours .grey {
        background-position: -66px -6px;
    }
    ul.colours .grey.active {
        background-position: -66px -66px;
    }
    ul.colours .grey.unavailable {
        background-position: -66px -126px;
    }

    ul.colours .white {
        background-position: -126px -6px;
    }
    ul.colours .white.active {
        background-position: -126px -66px;
    }
    ul.colours .white.unavailable {
        background-position: -126px -126px;
    }

    ul.colours .green {
        background-position: -186px -6px;
    }
    ul.colours .green.active {
        background-position: -186px -66px;
    }
    ul.colours .green.unavailable {
        background-position: -186px -126px;
    }

    ul.colours .blue {
        background-position: -246px -6px;
    }
    ul.colours .blue.active {
        background-position: -246px -66px;
    }
    ul.colours .blue.unavailable {
        background-position: -246px -126px;
    }

    ul.colours .red {
        background-position: -306px -6px;
    }
    ul.colours .red.active {
        background-position: -306px -66px;
    }
    ul.colours .red.unavailable {
        background-position: -306px -126px;
    }

    ul.colours .orange {
        background-position: -366px -6px;
    }
    ul.colours .orange.active {
        background-position: -366px -66px;
    }
    ul.colours .orange.unavailable {
        background-position: -366px -126px;
    }

    ul.colours .purple {
        background-position: -426px -6px;
    }
    ul.colours .purple.active {
        background-position: -426px -66px;
    }
    ul.colours .purple.unavailable {
        background-position: -426px -126px;
    }

    ul.colours .pink {
        background-position: -486px -6px;
    }
    ul.colours .pink.active {
        background-position: -486px -66px;
    }
    ul.colours .pink.unavailable {
        background-position: -486px -126px;
    }

    ul.colours .yellow {
        background-position: -546px -6px;
    }
    ul.colours .yellow.active {
        background-position: -546px -66px;
    }
    ul.colours .yellow.unavailable {
        background-position: -546px -126px;
    }

    /* there's one extra pink/salmon color on the colour chips sprite, but it is no longer used */

    ul.colours .silver {
        background-position: -666px -6px;
    }
    ul.colours .silver.active {
        background-position: -666px -66px;
    }
    ul.colours .silver.unavailable {
        background-position: -666px -126px;
    }

    ul.colours .gold {
        background-position: -726px -6px;
    }
    ul.colours .gold.active {
        background-position: -726px -66px;
    }
    ul.colours .gold.unavailable {
        background-position: -726px -126px;
    }

    ul.colours .spacegrey {
        background-position: -786px -6px;
    }
    ul.colours .spacegrey.active {
        background-position: -786px -66px;
    }
    ul.colours .spacegrey.unavailable {
        background-position: -786px -126px;
    }

    ul.colours .rosegold {
        background-position: -846px -6px;
    }
    ul.colours .rosegold.active {
        background-position: -846px -66px;
    }
    ul.colours .rosegold.unavailable {
        background-position: -846px -126px;
    }

    ul.colours .jetblack {
        background-position: -6px -6px;
    }
    ul.colours .jetblack.active {
        background-position: -6px -66px;
    }
    ul.colours .jetblack.unavailable {
        background-position: -6px -126px;
    }

    ul.colours .black {
        background-position: -904px -5px;
    }
    ul.colours .black.active {
        background-position: -904px -66px;
    }
    ul.colours .black.unavailable {
        background-position: -904px -126px;
    }
}






@media screen and (max-width:800px) {
    .contents {
        width: 90.5% !important;
        overflow:hidden;
    }

    .accordion a.ui-state-default {
        height: auto !important;
        line-height: 24px;
    }
    .Accordion a.ui-state-default {
        height: auto !important;
        line-height: 24px;
    }
    #Accordion a.ui-state-default {
        height: auto !important;
        line-height: 24px;
    }

    .content-rail {
        width: 60%;
        max-width: 583px;
    }
    .right-rail {
        width: 40%;
        max-width: 329px;
    }

    #contactlist .col2{
       border-left: none;
        border-right: none;
    }
    #masthead-subhead .content-area h1#general-welcome, #masthead-subhead .content-area h1, .content-area h1#general-welcome, #masthead-subhead .info h1 {
        font-size: 3em;
    }
    #masthead-subhead .info p.subline, #masthead-subhead .info p, #masthead-subhead p.subline{
        font-size: 1em;
    }

    /* reasons to choose include */
    #bottom-info {
        margin-top:0px !important;

        }
    .reasonsToChoose li {
        margin-bottom: 20px;
    }

  .fr #reasonsToChoose h2{ font-size:19px !important;}
/* contact list inlcude */
    #contactlist .col1 {
        display: none;
        }
    #contactlist .col2 {
        border-left: none;
        border-right: none;
        width: auto;
        }
    #contactlist .col3 {width: auto;}
    #contactlist ul li {
        text-align: left;
        height: auto;
        }
    #contactlist .image {
        display: none;
        }
    #contactlist p {
        padding-left: 0;
        }
    #contactlist .intro {
        width: auto;
        margin-top: 0;
        }
    #contactlist .intro h2 {
       font-size: 1.6em;
       color: #cc0000;
       }
    #contactlist h3 {
        font-family: Arial,​Helvetica,​sans-serif;
        text-transform: none;
        color: #333;
        font-size: 1.2em;
        font-weight: bold !important;
    }

/* support footer include */
    #bottom-info-support {
        height: auto !important;
    }
    #support_bottom .tout {height: auto;}

    #support_bottom .toutlast ul li {padding: 0 16px 0 0;}

    #support_bottom .tout1 {width:30%;}
    #support_bottom .tout2 {width:30%; }
    #support_bottom .toutlast {width:30%; }

     .tabs ul li {width: 31%; font-size: 16px; margin-bottom: 5px;}


    #related-content {
        margin: 35px 0;
    }

    #related-content li {float: none; list-style: inside disc; height: auto;}
    #related-content li:nth-child(2) {list-style: inside disc;}

    #anchors li {float: none; list-style: inside disc; height: auto;}
    #anchors li:nth-child(2) {list-style: inside disc;}
    #anchors li a {display: inline;}

}







@media screen and (max-width:640px) {
    .contents {
        width: 90.5% !important;
        overflow:hidden;
    }
    .accordion a.ui-state-default {
        height: auto !important;
        line-height: 24px;
    }
    .Accordion a.ui-state-default {
        height: auto !important;
        line-height: 24px;
    }
    #Accordion a.ui-state-default {
        height: auto !important;
        line-height: 24px;
    }

    .content-rail {
        width: 100%;
    }
    .right-rail {
        width: 100%;
        float: none;
    }
    #masthead-subhead .content-area h1#general-welcome, #masthead-subhead .content-area h1, .content-area h1#general-welcome, #masthead-subhead .intro h1, #masthead-subhead .info h1 {
        font-size: 2.5em;
    }

     #bottom-info {
        margin-top:0px !important;

        }

/* reasons to choose include */
    .reasonsToChoose li {
        margin-bottom: 20px;
    }
   .fr #reasonsToChoose h2{ font-size:17px !important;}

    .reasonsToChoose li{ width:24% !important; height:90px !important;}

    .reasonsToChoose h4{ font-size:13px !important;}

/* contact list inlcude */
    #contactlist .col1 {
        display: none;
        }
    #contactlist .col2 {
        border-left: none;
        border-right: none;
        width: auto !important;
        }
    #contactlist .col3 {width: auto;}
    #contactlist ul li {
        text-align: left;
        height: auto;
        }
    #contactlist .image {
        display: none;
        }
    #contactlist p {
        padding-left: 0;
        }
    #contactlist .intro {
        width: auto;
        margin-top: 0;
        }
    #contactlist .intro h2 {
       font-size: 1.6em;
       color: #cc0000;
       }
    #contactlist h3 {
        font-family: Arial,​Helvetica,​sans-serif;
        text-transform: none;
        color: #333;
        font-size: 1.2em;
        font-weight: bold !important;
    }

    /* support footer include */
/* support footer include */
    #support_bottom .toutlast ul{padding-left:0;}
    .fr #support_bottom .tout{height:120px;}
    #support_bottom .tout.tout0 {border-bottom:none; height: 30px; margin-bottom: -10px;}
    #support_bottom .tout, #support_bottom .toutlast  {
        border-bottom: 1px solid #D9D9D9;
        border-right: medium none;
        clear: both;
        display: block;
        float: none;
        overflow: hidden;
        width: 100%;
        height: auto;
    }
    #support_bottom .toutlast {padding: 0; border-bottom: none; padding-left:0;}
    #support_bottom .tout ul li:nth-child(2), #support_bottom .toutlast ul li:nth-child(2) {float: left;}
    #support_bottom .pad {padding-left: 0;}
    #bottom-info-support {

    }
    .tabs ul li {width: 47%; font-size: 16px; margin-bottom: 5px;}

    #dropNotice {height: auto;}
}







@media screen and (max-width:480px) {
    .contents {
        width: 90.5% !important;
        overflow:hidden;
    }
    .accordion a.ui-state-default {
        height: auto !important;
        line-height: 24px;
    }
    .accordion li{font-size:12px !important;}
    #Accordion a.ui-state-default {
        height: auto !important;
        line-height: 24px;
    }
    #Accordion li{font-size:12px !important;}
   .Accordion a.ui-state-default {
        height: auto !important;
        line-height: 24px;
    }
    .Accordion li{font-size:12px !important;}


   #masthead-subhead .content-area h1#general-welcome, #masthead-subhead .content-area h1, .content-area h1#general-welcome, #masthead-subhead .intro h1, #masthead-subhead .info h1  {
        font-size: 2.5em;
    }
    #masthead-subhead .info p.subline, #masthead-subhead .info p, #masthead-subhead p.subline{
        font-size: 1em;
    }
    /* reasons to choose include */
    #bottom-info {
        margin-top:0px !important;

        }
    .reasonsToChoose li {
        margin-bottom: 20px;
    }
    .fr #reasonsToChoose h2{ font-size:15px !important;}

    .reasonsToChoose li{ width:32% !important;}

    .reasonsToChoose h4{ font-size:11px !important;}


/* contact list inlcude */
    #contactlist .col1 {
        display: none;
        }
    #contactlist .col2 {
        border-left: none;
        border-right: none;
        width: auto;
        }
    #contactlist .col3 {width: auto;}
    #contactlist ul li {
        text-align: left;
        height: auto;
        }
    #contactlist .image {
        display: none;
        }
    #contactlist p {
        padding-left: 0;
        }
    #contactlist .intro {
        width: auto;
        margin-top: 0;
        }
    #contactlist .intro h2 {
       font-size: 1.6em;
       color: #cc0000;
       }
    #contactlist h3 {
        font-family: Arial,​Helvetica,​sans-serif;
        text-transform: none;
        color: #333;
        font-size: 1.2em;
        font-weight: bold !important;
    }

    /* non-mobile/mobile */

    .mobile {display: inline;}
    .desktop {display: none;}


}
