/*--------------------------------------------------------------
* Copyright (c) 2008 TELUS Communications Inc.,
*
* All Rights Reserved.
* This document contains proprietary information that shall be
* distributed or routed only within TELUS, and its authorized
* clients, except with written permission of TELUS.
*
* Description: Importing styles to hide them from older browers/devices
*--------------------------------------------------------------  

------------- Table of Contents -------------
- Reset : Resets default styles (margins, padding, etc..)
- Body 
- Header
  - Global Navigation
  - Main Navigation
  - Sub Navigation 
- Page content
- Layout
- Your account
- Shopping wizard
- Overlay
- Icons
- Ribbons
- Landing page main area
- Boxes
- Error messages
- Forms
- Tables
- Tab navigation
- Back to.. link
- Related Links
- More links
- Breadcrumb
- Super footer
- Footer
- Miscellaneous
- Self-clear floats
- sIFR Screen styles
  ------------- Reset -------------  */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,address,th,td {
margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

ol,ul {
list-style-type:none;
}

table {
border-collapse:collapse;
border-spacing:0;
font-size:12px;
}

caption,th {
text-align:left;
font-weight:normal;
}

q:before,q:after {
content:'';
}

img {
border:0;
}

/* ------------- Self-clear floats ------------- */
.clearfix:after, #header:after, #navMain:after, #welcome:after, .tab:after, #subTab:after, #pageContent:after, 
	.twoColumn:after, .column2:after, .landingMain:after, .section:after, .featuredResults:after, .landingBoxInner:after, 
	#superFooter:after, #footer:after, .compatibleHandset:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.clearfix, #header, #navMain, #welcome, .tab, #subTab, #pageContent, .twoColumn, .column2, .landingMain, .section, 
	.featuredResults, .landingBoxInner, #superFooter, #footer, .sectionContainer 
{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix, * html #header, * html #navMain, * html #welcome, * html .tab, * html #subTab, * html #pageContent, 
	* html .column2, * html .landingMain, * html .section, * html .featuredResults, * html .landingBoxInner, 
	* html #superFooter, * html #footer, * .sectionContainer {height: 1%;}
	
.clearfix, #header, #navMain, #welcome, .tab, #subTab, #pageContent, .twoColumn, .column2, .landingMain, .section, 
	.featuredResults, .landingBoxInner, #superFooter, #footer, .sectionContainer {display: block;}
/* End hide from IE-mac */  



/* ------------- Body  -------------  */
html {
min-height:100%;
margin-bottom:1px;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:small !important;
color:#666;
background-color:#fff;
}

a:link,a:active,a:visited {
color:#49166D;
background-color:transparent;
/* outline-style:none; */
}

a:hover {
color:#333;
background-color:transparent;
text-decoration:underline !important;
}

/* ------------- Header -------------  */
#header {
margin-bottom:10px;
height:88px;
display:block;
}

#header img {
float:left;
}

/* ------------- Global navigation -------------  */
#navGlobal {
float:right;
margin-top:14px;
text-align:right;
}

#navGlobal ul {
list-style-type:none;
}

#navGlobal li {
float:left;
border-right:1px solid #e5e5e5;
padding:0 10px;
}

.fr #navGlobal li {
padding: 0 5px;
}

#navGlobal li.last {
border-right:0;
padding:0 0 0 10px;
}

.fr #navGlobal li.last {
padding:0 0 0 5px;
}

#navGlobal #navCart a.full {
background:transparent url(../images/icons/shoppingCart.gif) no-repeat left 0;
padding-left:22px;
display:block;
}

#navGlobal #navCart a.empty {
background:transparent url(../images/icons/shoppingCart.gif) no-repeat left -16px;
padding-left:22px;
display:block;
}

#navCheckout a {
color:#6c0 !important;
}

#navGlobal a:link,#navGlobal a:active,#navGlobal a:visited {
color:#666;
background-color:transparent;
text-decoration:none;
font-weight:normal !important;
}

#navGlobal a:hover {
text-decoration:underline;
}

/* ------------- Main navigation -------------  */
#navMain {
border-bottom:30px solid #0d86cc; /* 3:2a78af 2:0d86cc 1:05a5cb ; 6dd009 */
vertical-align:bottom;
display:block;
}

/* erk no nav */
#home #navMain, #dynamics #navMain, .basic #navMain, #basic #navMain, #partners #navMain,
	#search #navMain,#contact #navMain,#yourAccount #navMain, #youraccount #navMain,
	#pageNotFound #navMain,#whereToBuy #navMain, #update #navMain , #network #navMain, #standalone #navMain{
border-bottom:10px solid #0d86cc; /* 3:2a78af 2:0d86cc 1:05a5cb ; 6dd009 */
vertical-align:bottom;
}

#navMain ul {
margin-left:20px;
}

#navMain ul li {
list-style:none;
float:left;
background:transparent url(../images/nav/main.gif) repeat-x bottom left;
}

#navMain ul li.last {
background:transparent url(../images/nav/mainLast.gif) no-repeat bottom right;
}

#navMain ul li.first {
background:transparent url(../images/nav/mainFirst.gif) no-repeat bottom left;
}

#navMain #nav_skip {
display:none;
}

#navMain ul li a {
display:block;
color:#f4f4f4;
font-size:15px;
background:transparent url(../images/nav/divider.gif) no-repeat right 10px;
text-decoration:none;
padding:13px 14px 9px 15px;
}

#navMain ul li a.nosep,.tab li a.nosep {
background:transparent !important;
}

#navMain ul li.last a {
background:none;
}

#navMain ul li.active, #phones li#nav_phones, #plans li#nav_plans, #mobileinternet li#nav_mobileinternet, 
	#services li#nav_services, #promotions li#nav_promotions, #support li#nav_support {
background:transparent url(../images/nav/mainRightOn.gif) no-repeat right top;
}

#navMain ul li.last.active, #support li#nav_support {
background:transparent url(../images/nav/mainRightOnLast.gif) no-repeat right top;
}

#navMain ul li.active a,#navMain ul li.last.active a, #phones li#nav_phones a, #plans li#nav_plans a, 
	#mobileinternet li#nav_mobileinternet a, #services li#nav_services a,
	#support li#nav_support a {
background:transparent url(../images/nav/mainLeftOn.gif) no-repeat left top;
padding-left:15px;
padding-right:14px;
color:#fff;
}


/* ------------- Sub navigation -------------   */
#navMain li .navSub {
display:none;
position:absolute;
left:10px;
top:140px; /* 95px */
}

#navMain li ul.navSub li {
display:inline;
background:none;
padding:0;
}

#navMain .navSub li a {
display:block;
color:#fff;
font-size:14px;
text-decoration:none;
background:none;
padding:0;
}

#navMain .navSub li a:hover {
text-decoration:underline;
}

#navMain li ul.navSub a {
background:none !important;
padding:7px 12px;
}

#navMain li.active ul.navSub, #about li#nav_about ul.navSub, #plans li#nav_plans ul.navSub, 
	#mobileinternet li#nav_mobileinternet ul.navSub, #services li#nav_services ul.navSub, 
	#promotions li#nav_promotions ul.navSub, #support li#nav_support ul.navSub {
display:block;
width:900px;
}

#navMain .navSub .active {
background:transparent url(../images/nav/subRightOn.gif) no-repeat right bottom;
}

#navMain li ul.navSub .active a {
background:transparent url(../images/nav/subLeftOn.gif) no-repeat left bottom !important;
padding-left:12px;
padding-right:12px;
color:#fff;
}

/* ------------- Page content -------------  */
#pageContent p.intro,#pageContent .landingMain p {
font-size:14px;
line-height:18px;
margin-bottom:.5em;
}

#pageContent p.intro.normal,#pageContent .landingMain p.normal {
font-size:12px;
line-height:auto;
margin-bottom:.5em;
}

#pageContent .landingMain li,#regionSelect li,.listStyle1 li {
font-size:14px;
margin-bottom:8px;
}

#pageContent p {
margin:.5em 0 1em;
}

.overlay p {
margin:.5em 0 1em !important;
}

#pageContent {
font-size:12px;
width:999px;
background:transparent url(../images/backgrounds/pageContent.gif) repeat-x top left;
}

ul.bullet,ul.nobullet, ol {
margin-top:.5em;
margin-bottom:14px;
}

ul.bullet li,ul.nobullet li, #phones .column1 ul.bullet li,  #phones .boxBody .desc ul li,  #phones .product2 ul li {
margin-top:10px;
}

.column1 ul.bullet li {
margin-top:2px;
}

ul.bullet li,p.bullet,  #phones .boxBody .desc ul li,  #phones .product2 ul li {
background:url(../images/bullet.gif) 0 6px no-repeat;
padding-left:9px;
}

ol ul.bullet li {
list-style-type:none !important;
margin-left:0;
margin-top:2px;
}

ol li {
list-style-type:decimal;
margin:0 0 0 30px;

}

ul.features li {
float:left;
}

.column2 ul {
margin-right:5px;
}

hr {
height:1px;
border:0;
border-bottom:1px solid #eee;
color:#dedede;
display:block;
margin:0 0 5px;
padding:0 0 3px;
}

.pad {
margin:20px 0;
}

h1#pageTitle,h1.pageTitle {
height:29px;
color:#49166D;
font-size:29px;
padding:18px 18px 9px;
}

h2 {
color:#49166D;
font-size:20px;
}

h3 {
color:#49166D;
font-size:17px;
margin-bottom:3px;
}

/* ------------- banner -------------  */

/*erk from 20 to -20*/
#banner {
margin-bottom:-20px;
}

#banner p {
margin:0 !important;
}

.fadingpanel
{
padding:10px 10px 10px 20px;
display:block;
background-color:#E1EAF0;
background-image:url(resources/fading-bar.gif);
background-repeat:repeat-x;
vertical-align:bottom;
}

div .checklist
{
height:20px;
text-indent:20px;
text-align:left;
line-height:30px;
background:transparent url(/resources/uncheck.gif) no-repeat top left;
}

div .checklist.checked
{
background:transparent url(/resources/check.gif) no-repeat top left;
color:red;
}

#panel1chkid1, #panel2chkid2, #panel3chkid3, #panel4chkid4 {

}

#imagepane img
{
padding:10px 10px 10px 10px;
display:none;
filter: alpha(opacity=0);
-moz-opacity: 0;
float:left;
top:0px;
left:0px;
}

#imagepane img.visible{
/*display:block;*/
}

/* ------------- Layout -------------  */
#siteContainer {
width:999px;
position:relative;
margin:0 auto;
}

.oneColumn {
padding:0 20px;
}

.twoColumn,.threeColumn {
padding:20px 0 0;
}

#yourAccount .twoColumn {
padding:0 !important;
}

.twoColumn #banner,.threeColumn #banner {
margin-top:-20px;
}

.twoColumn .column1 {
clear:both;
float:left;
padding-left:20px;
width:645px; 
}

.twoColumn .column2 {
width:305px;
margin-left:675px;
}

#support .twoColumn .column1,#promotions .twoColumn .column1, #services .twoColumn .column1, 
	#aboutus .twoColumn .column1, #whytelus .twoColumn .column1, #basic .twoColumn .column1 {
width:605px;
}

#services .column1Narrow .twoColumn .column1 {
width: 500px; 
}

#services .column1Narrow .twoColumn .column2 {
width: 412px; 
margin-left: 560px;
}


#search .column1 {
padding-left:20px;
}

#search .twoColumn .column1 {
width:600px;
}

#search .twoColumn .column2 {
width:325px !important;
margin-left:666px;
}

#services .twoColumn .column1 .tableStyle5 h3 {
color: #49166D;
margin-top: 0em;
}

#services .details {
width:500px;
}

#services .details .pic {
float:left;
}

#services .details .desc {
margin-left:152px;
}

#services .details h3 {
font-size:17px;
color:#6c0;
}

#dynamics .sidebar{
float:left;
width:200px;
border: solid 1px #dedede;
border-bottom:none;
border-top:none;
padding:10px 10px 10px 10px;
height:600px;
}

#dynamics .sectionContainer{
border-right:1px solid #dedede;
width:766px;
height:600px;
margin:3px 0 5px;
padding:5px 5px 5px 5px;
float:left;
}

#dynamics .section1, #dynamics .section2, #dynamics .section3 {
border-bottom:1px solid #dedede;
width:750px;
margin:3px 0 5px;
padding:5px 5px 5px 5px;
float:left;
}

#dynamics .column1, #dynamics .column2{
float:left;
width:inherit;
height:inherit;
border-left: solid 1px #dedede;
padding:5px 5px 5px 5px;
}

#dynamics .section1 .column1{
width:540px;
}

#dynamics .section1 .column2{
width:180px;
}

#dynamics .section2 .column1{
width:540px;
}

#dynamics .section2 .column2{
width:180px;
}

#products .oneColumn .landingMain .first ul li {
font-size:12px;	
}

#products .oneColumn .landingMain .first ul li a {
font-weight:bold;
}

#navigator .oneColumn .landingMain .first ul li {
font-size:12px;	
}

#navigator .oneColumn .landingMain .first ul li a, span {
font-weight:bold;
}

.prodColor div {
overflow:hidden;
height:0 !important;
margin-bottom:0;
display:block;
border:1px solid #ccc;
clip:rect(0, 28px, 28px, 0);
width:28px;
padding:28px 0 0;
}

.product div,.product ul {
margin:0 auto;
}

.prodPicsColors {
position:relative;
/* top:-50px; */
}

.accessories .prodPicsColors {
position:relative;
top:0;
}

ul.selectColor li {
display:inline;
}

.box ul.selectColor {
color:#666;
font-size:9px;
margin:20px;
}

.box ul.selectColor li {
display:block;
padding:3px;
}

.box ul.selectColor li img {
vertical-align:top;
margin-right:2px;
}

#services  ul.compatibleHandset, #support  ul.compatibleHandset  {
width:600px;
margin:0 !important;
}

#services ul.compatibleHandset li, #support  ul.compatibleHandset li {
background-color:#f8f8f8;
float:left;
width:179px;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
margin:0 !important;
padding:10px;
}

p.priceDetails {
font-size:16px;
padding-bottom:8px;
}

p.priceDetails span {
font-size:21px;
margin-right:16px;
border-right:1px solid #fff;
padding-right:18px;
}

p.priceDetails span span {
font-size:25px;
margin-right:0;
border-right:0;
padding-right:0;
}

#plans p.priceDetails, #services p.priceDetails {
display: none;
}

.compare .disabled {
  color: #bbb;
}
.compare {
  position: relative;
}
.compare label {
    padding: 4px 20px 0px 0px;
    position: relative;
    right: -20px;
    background: transparent;
}
#clearSelection, #clearSelection2 {
  background: transparent;
  border-right:1px solid #DDDDDD !important;
  margin-right:15px !important;
  padding:4px 15px 4px 4px !important;
  text-align: right;
}

#legend {
font-size:10px;
background:#efefef;
border:1px solid #ccc;
border-bottom:none;
text-align:center;
float:right;
width:230px;
margin:5px 0 0;
padding:2px 5px;
}

#legend .banIcon {
vertical-align:middle;
margin:0 3px 0.25em 6px;
}

.banClosed {
height:1.4em;
overflow:hidden;
background:#fff url(../images/icons/arrowDown2.gif) no-repeat 95% 50%;
}

#banSelector {
height:auto;
max-height:150px;
min-height:1em;
background-color:#fff;
float:right;
}

#banSelector li.selected a {
font-weight:bold;
color:#6c0 !important;
}

#searchAccounts {
width:500px !important;
}

.pagination,.tableButton {
background-color:#fff !important;
cursor:default;
text-align:right;
}

.pagination a {
text-decoration:underline !important;
}

.pagination ul {
float:right;
}

.pagination ul li {
float:left;
padding:0 4px;
}

.pagination ul li.last {
padding-right:0;
}

.pagination ul li.selected,.pagination ul li.selected a {
font-weight:bold;
color:#666;
text-decoration:none;
}

.lnkCart:link,.lnkCart:visited {
color:#6c0 !important;
background:transparent url(../images/icons/shoppingCart.gif) no-repeat 0 4px;
float:left;
border-right:1px solid #ddd;
text-decoration:none;
margin:1px 15px 0 0;
padding:3px 15px 0 23px;
}

.overlay .fieldHelp {
color:#999;
padding-left:30px;
background-position:10px 12px;
}

label.fieldHelp {
background:transparent url(../images/icons/arrowLeft.gif) no-repeat top left;
display:block;
margin:1em 0 0 !important;
padding:0 10px 2px 20px !important;
}

/* Close link on overlay  */
a.close {
cursor:pointer;
float:right;
background:url(../images/icons/x.gif) no-repeat 0 0;
padding:0 0 2px 20px;
}

#cartOverlay p {
margin:0.5em 0;
}

/* ------------- Icons -------------  */
.globe {
background:transparent url(../images/icons/globe.gif) no-repeat left -1px;
padding-left:28px;
}

.talk {
background:transparent url(../images/icons/talk.gif) no-repeat left 0;
padding-left:28px;
}

.student {
background:transparent url(../images/icons/student.gif) no-repeat left 0;
padding-left:28px;
}

.yourchoiceplans h1 {
background:transparent url(../images/icons/talk_lg.gif) no-repeat 23px 20px;
padding-left:55px !important;
}

.mobilepackages h1, .smartphonepackages h1, .mobilehighspeedplans h1, .connectplans h1  {
background:transparent url(../images/icons/bundles_lg.gif) no-repeat 23px 20px;
padding-left:55px !important;
}

h1.globe {
background:transparent url(../images/icons/globe_lg.gif) no-repeat 23px 20px;
padding-left:55px !important;
}

.shareplans h1 {
background:transparent url(../images/icons/share_lg.gif) no-repeat 23px 17px;
padding-left:60px !important;
}

.student h1 {
background:transparent url(../images/icons/student_lg.gif) no-repeat 23px 17px;
padding-left:60px !important;
}

.data {
background:transparent url(../images/icons/data.gif) no-repeat left 0;
padding-left:40px;
}

.emailWeb {
background:transparent url(../images/icons/emailWeb.gif) no-repeat left 0;
padding-left:60px;
}

.talkEmail {
background:transparent url(../images/icons/talkEmail.gif) no-repeat left 0;
padding-left:60px;
}

.pcConnect {
background:transparent url(../images/icons/pcConnect.gif) no-repeat left 0;
padding-left:30px;
}

.print {
background:transparent url(../images/icons/print.gif) no-repeat left top;
padding-left:24px;
padding-bottom:4px;
display:block;
}

.showDetails {
background:transparent url(../images/icons/show.gif) no-repeat left 2px;
padding-left:16px;
font-size:14px;
color:#6c0;
}

.hideDetails {
background:transparent url(../images/icons/hide.gif) no-repeat left 2px;
padding-left:16px;
font-size:14px;
color:#6c0;
}

.fieldHelp {
background:transparent url(../images/icons/arrowLeft.gif) no-repeat left 12px;
padding-left:20px;
font-size:11px;
padding-top:12px;
padding-bottom:2px;
}

.remove {
background:transparent url(../images/icons/x.gif) no-repeat left top;
padding-left:18px;
display:block;
font-size:11px;
}

.checked {
background:transparent url(../images/icons/checked.gif) no-repeat 50% 45%;
}

.alert {
background:transparent url(../images/icons/alert.gif) no-repeat left top;
padding-bottom:3px;
padding-left:24px;
}

p.error.icon {
background:transparent url(../images/icons/errorIndicator.gif) no-repeat left top;
padding-left:24px;
padding-bottom:3px;
}

.previous {
background:url(../images/icons/previous.gif) no-repeat left 5px;
padding:0 0 0 10px;
}

.next {
background:url(../images/icons/next.gif) no-repeat right 5px;
padding:0 10px 0 0;
}

.pdf {
background:url(../images/icons/pdf.gif) no-repeat 0 0;
display:block;
padding:0 0 0 18px;
}

.guides {
background:url(../images/misc/guides.gif) no-repeat 0 0;
display:block;
padding:0 0 20px 100px;
}

.gethelp {
background:url(../images/misc/user_guide_sm.gif) no-repeat 0 0;
display:block;
padding:0 0 5px 110px;
font-size: 14px;
color: #6c0 !important;
}

.meerkatpuzzle {
background:url(../images/misc/meerkat_puzzle.jpg) no-repeat 0 0;
display:block;
padding:0 0 5px 110px;
font-size: 14px;
color: #6c0 !important;
}

.calculator {
background:url(../images/misc/calculator.gif) no-repeat 0 0;
display:block;
padding:0 0 5px 60px;
font-size: 14px;
color: #6c0 !important;
}

.yes,.no,.camera,.bluetooth,.music,.download,.textMessage,.sdMemory,.evdo {
overflow:hidden;
height:0 !important;
margin-bottom:0;
display:block;
clip:rect(0, 16px, 16px, 0);
width:16px;
padding:16px 0 0;
}

.yes {
background:url(../images/icons/check.gif) 0 0 no-repeat;
}

.no {
background:url(../images/icons/x.gif) 0 0 no-repeat;
}

.camera {
background:url(../images/icons/camera.gif) 0 0 no-repeat;
padding-right:5px;
}

.bluetooth {
background:url(../images/icons/bluetooth.gif) 0 0 no-repeat;
padding-right:5px;
}

.music {
background:url(../images/icons/mobileMusic.gif) 0 0 no-repeat;
padding-right:4px;
}

.download {
background:url(../images/icons/mobileDownload.gif) 0 0 no-repeat;
padding-right:4px;
}

.textMessage {
background:url(../images/icons/mobileText.gif) 0 0 no-repeat;
padding-right:4px;
}

.sdMemory {
background:url(../images/icons/sdMemory.gif) 0 3px no-repeat;
padding-right:14px;
}

.evdo {
background:url(../images/icons/evdo.gif) 0 0 no-repeat;
padding-right:4px;
}

.supportIcon {
margin: 10px 20px 0 0; float: left;
}

.zoom {padding-left: 12px;}
.zoom a {
background:url(../images/icons/zoom.gif) 0 0 no-repeat;
display: block;
padding: 0 0 5px 22px;
font-size: 90%;
}

/* ------------- Landing pages main area -------------  */
.landingMain div, 
	#promotions.coolstuff 
	.landingMain div {
width:208px;
float:left;
border-right:1px solid #dedede;
margin:3px 0 5px;
padding:20px 15px 0;
}

#home .landingMain div {
position:relative;
min-height:190px;
}

#services .landingMain div {
position:relative;
min-height:160px;
}

#dynamics .landingMain div {
position:relative;
min-height:230px;
}

#partners .landingMain div {
position:relative;
min-height:230px;
}

#about .landingMain div {
position:relative;
min-height:100px;
}

#contact .landingMain div {
position:relative;
min-height:220px;
}

#pageNotFound .landingMain div,#search .landingMain div {
position:relative;
min-height:210px;
}

.landingMain td {
width:190px;
border-right:1px solid #dedede;
vertical-align:top;
position:relative;
min-height:225px;
margin:3px 0 5px;
padding:20px 24px 0;
}

.landingMain ul {
margin:10px 0 15px;
}

.landingMain li {
margin-right:5px;
}

.landingMain p {
color:#666;
}

.landingMain .pic {
position:absolute;
bottom:-8px;
}

/*.landingMain .pic {position: relative; top: 7px;}
 #plans .landingMain .pic {position: relative; top: 7px; _top: 12px;}  */
.landingMain .first {
border-left:1px solid #dedede;
}

.landingMain hr {
margin-top:4px;
}

/* ------------- Tab navigation -------------  */
.tab {
background:#f8f8f8 url(../images/nav/tabBg.gif) repeat-x bottom left;
display:block;
margin:0 0 25px;
}

#yourAccount .tab {
margin:20px 0 0 !important;
}

.tab ul {
margin:0 !important;
}

.tab ul li {
list-style:none;
float:left;
border-bottom:1px solid #fff;
margin-top:0;
}

.tab li a {
display:block;
color:#666;
background:transparent url(../images/nav/tabDivider.gif) no-repeat right 6px;
text-decoration:none;
padding:13px 16px 12px;
}

.tab li.last a {
background:none;
}

.tab li.active {
background:transparent url(../images/nav/tabRightOn.gif) no-repeat right top;
}

.tab li.active a {
background:transparent url(../images/nav/tabLeftOn.gif) no-repeat left top;
padding-left:18px;
padding-right:18px;
position:relative;
color:#6c0;
cursor:default;
}

/* ------------- Sub Tab navigation -------------  */
#subTab {
display:block;
margin:0 0 10px;
}

#subTab ul {
margin:0 !important;
}

#subTab ul li {
list-style:none;
float:left;
border-bottom:1px solid #fff;
margin-top:0;
}

#subTab li a {
display:block;
color:#666;
text-decoration:none;
padding:4px 14px 2px;
}

#subTab li.active a {
padding-left:14px;
padding-right:14px;
position:relative;
color:#6c0;
cursor:default;
}

/* ------------- Back to... link -------------  */
p.backTo {
float:right;
font-size:14px;
padding:15px 19px 0 0;
}

.backTo a:link,.backTo a:visited {
color:#666;
text-decoration:none;
background:transparent url(../images/icons/backTo.gif) no-repeat left top;
padding-left:20px;
display:block;
}

/*
h2 a {
text-decoration:none;
}

h2 a:hover {
text-decoration:none !important; 
}
*/

a.arrow:link,a.arrow:visited,.landingMain li a:link,.landingMain li a:visited,#howTo a:link,#howTo a:visited,
	.relatedLinks a:link,.relatedLinks a:visited,.column2 li a:link,.column2 li a:visited,.overlay li a:link,.overlay li a:visited {
text-decoration:none;
color:#666;
}

.threeColumn .column2 ul.bullet li a:link, .threeColumn .column2 ul.bullet li a:visited, 
	.threeColumn .column2 ol li a:link, .threeColumn .column2 ol li a:visited {
text-decoration:underline;
color:#49166d;
}

.prepaidServices h2 a,.individualPlans h2 a,.landingSub h2 a {
color:#6c0 !important;
}

/* ------------- More links -------------  */
a.more:link,a.more:visited,ul.more a {
color:#6c0 !important;
font-weight:bold;
text-decoration:none;
}

/* ------------- Related links -------------  */
.relatedLinks {
width:287px;
margin-left:25px;
}

.relatedLinks ul {
width:287px;
}

.relatedLinks ul li {
float:left;
width:137px;
padding-bottom: 3px !important;
}

#home .relatedLinks ul {
width:auto;
}

#home .relatedLinks ul li {
float:none;
width:auto;
}

.ulProductNames li {
float:left;
width:150px;
background:url(../images/bullet.gif) 0 6px no-repeat;
padding-left:9px;
}



.ulProductListing li {
float:left;
width:100px;
font-size:11px;
padding: 10px;
min-height: 150px;
text-align: center;
}

/* ------------- Breadcrumb -------------  */
#breadcrumb {
margin-top:30px;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
min-height:30px;

/* makes overflow not show up or wrap to new line. */
overflow: hidden;
white-space: nowrap;
}

#breadcrumb ul {
margin-left:25px;
margin-top:8px;
margin-bottom:7px;
}

#breadcrumb li {
display:inline;
font-size:14px;
background:transparent url(../images/breadcrumbArrow.gif) no-repeat right top;
padding:8px 38px 23px 2px;
}

#breadcrumb li.last {
background:none;
}

#breadcrumb ul li a {
color:#6c0;
text-decoration:none;
}

#breadcrumb .here {
display:inline;
margin-right:10px;
}

/* ------------- Search -------------  */
#search .heading {
line-height:18px;
color:#fff;
background:#6c0 url(../images/backgrounds/searchHeaderBg.gif) 0 0 repeat-x;
padding:4px 10px;
}

#search .heading h3 {
font-weight:normal;
float:left;
width:60%;
color:#fff;
margin:0;
}

#search .heading .results {
display:block;
text-align:right;
}

#search .heading a {
color:#fff !important;
}

ul.results {
clear:both;
list-style-type:none;
margin:0 0 9px;
padding:0;
}

ul.results li {
border-bottom:1px solid #e8e8e8;
float:left;
margin:0;
padding:6px 10px 4px;
width:580px;
}

ul.results h4 {
margin:4px 16px 0 0;
}

ul.results h4 a {
font-weight:bold;
text-decoration:none;
}

ul.results a.fileType {
font-weight:normal;
text-decoration:underline;
}

ul.results p.desc {
margin-bottom:0;
padding-bottom:0;
}

ul.results .links {
padding-top:5px;
display:block;
}

ul.results img {
float:left;
}

.featuredResults .box {
margin-bottom:10px;
}

/* ------------- Boxes -------------  */
div.box,div.box .boxTop,div.boxBody,div.boxBot,div.boxBot div {
background:transparent url(../images/boxes/box.gif);
}

div.box {
position:relative;
background-position:top left;
width:390px;
}

div.box.full {
width:100%;
}

div.box.full div.boxBody {
padding-right:6px !important;
}

#phoneListing div.box {
width:360px;
float:left;
margin-right:15px;
}

.accessories div.box {
width:690px;
margin-right:15px;
}

#plans div.box {
width:230px;
float:left;
margin-right:10px;
}

#search div.box {
width:315px;
float:left;
margin-right:10px;
}

div.box .boxTop {
position:relative;
background-position:top right;
right:-7px;
padding:12px 0 0;
}

div.boxBody {
background-position:100% -10px;
position:relative;
right:-7px;
margin:0;
padding:1px 10px 1px 0;
}

div.boxBot {
background-position:bottom left;
position:relative;
}

div.boxBot div {
position:relative;
background-position:bottom right;
right:-7px;
padding:15px 0 0;
}

div.boxBody .desc {
margin-left:106px;
position: relative;
}

div.boxBody p {
font-size:12px;
line-height:14px;
color:#666;
margin-bottom:0 !important;
}

div.boxBody h3 {
font-size:17px;
margin-top:10px;
padding-bottom:6px;
color:#333;
}

div.boxBody p.blurb {
margin-bottom:6px !important;
}

div.boxBody hr {
margin: 10px 0;
clear:both;
}

div.boxBody .compare {
float: right;
font-size:11px;
color: #666;
}

div.boxBody p.price {
font-size:24px;
}

div.boxBody .cents {
font-size:70%;
line-height:10px;
position:relative;
top:-5px;
}

div.boxBody .pic {
position:absolute;
left: -106px;
top: -10px;
width:105px;
text-align: center;
}

div.boxBody .minutes {
font-size:130%;
margin-top:0;
}

#plans div.boxBody .desc {
margin-left:30px;
}

#plans div.boxBody .pic {
float:left;
padding-right:20px;
width:auto;
position:relative;
top:0;
}

#product_accessories div.boxBody, .accessories div.boxBody {
min-height: 200px;
}

div.boxBody .free, div.boxBody .sale {
color:#6c0;
}

div.boxBody .free span, div.boxBody .sale span {
font-size:17px;
}

p.contracts {
margin-bottom:0 !important;
}

.contact3yr {
font-size:90% !important;
}

.contact2yr {
font-size:90%;
border-right:1px solid #dedede;
padding-right:3px;
padding-left:0px;
}

.contact1yr {
font-size:90%;
border-right:1px solid #dedede;
padding-right:3px;
padding-left:3px;
}

.nocontact {
font-size:90%;
padding-left:3px;
}

.fr .nocontact, .fr .contact1yr, .fr .contact2yr {
font-size:80%;
}

#phoneListing div.boxBody p.price {
font-size:24px;
padding-top:6px;
}

#filters {margin-top: 3px;}

#shopping .shopping,#shopping .shoppingTop,#shopping .shoppingBody,#shopping .shoppingBot,#shopping .shoppingBot div {
background:url(../images/boxes/box2.gif);
}

#shopping li {
margin-bottom:10px;
}

#shopping {
background-position:top left;
width:305px;
}

#shopping .shoppingTop {
position:relative;
background-position:top right;
padding:12px 0 0;
}

#shopping .shoppingBody {
background-position:100% -10px;
position:relative;
margin:0;
padding:1px 4px 8px 3px;
}

#shopping .shoppingBot {
background-position:bottom left;
position:relative;
}

#shopping .shoppingBot div {
position:relative;
background-position:bottom right;
padding:12px 0 0;
}

div.box3,div.box3 .boxTop3,div.boxBody3,div.boxBot3,div.boxBot3 div {
background:url(../images/boxes/box3.gif);
background-color:#f8f8f8;
}

div.box3 {
position:relative;
background-position:top left;
width:100%;
}

div.box3 .boxTop3 {
position:relative;
background-position:top right;
right:-2px;
background-color:#f8f8f8;
padding:12px 0 0;
}

div.boxBody3 {
background-position:100% -10px;
position:relative;
right:-2px;
background-color:#f8f8f8;
margin:0;
padding:1px 14px 2px 15px;
}

div.boxBot3 {
background-position:bottom left;
position:relative;
background-color:#f8f8f8;
}

div.boxBot3 div {
position:relative;
background-position:bottom right;
right:-2px;
padding:12px 0 0;
}

.boxBody3 p {
color:#666;
margin:0.5em 0 1em;
}

.boxBody3 h3 {
font-size:14px;
color:#49166D;
}

.boxBody3 ul {
margin-top:8px;
}

.boxBody3 li {
font-size:14px;
padding:4px 0;
}

.boxBody3 .normal li {
font-size:12px;
padding-top: 0;
margin: 0;
}

.boxBody3 li.selected {
width:291px;
position:absolute;
left:-1px;
background-color:#e0e0e0;
padding:4px 0 4px 15px;
}

.sharePlans .boxBody3 h3 {
font-size:14px;
color:#6c0;
margin-top:6px;
}

.landingBox {
clear:both;
width:957px;
background:url(../images/boxes/landingTop.gif) top left no-repeat;
margin:20px 0 0;
padding:8px 0 0;
}

.landingBox.split {
background:url(../images/boxes/landingTopSplit.gif) top left no-repeat;
}

.landingBox.split2 {
background:url(../images/boxes/landingTopSplit2.gif) top left no-repeat;
}

.landingBoxInner {
color:#666;
width:937px !important;
background:url(../images/boxes/landingBot.gif) bottom left no-repeat;
padding:0 10px 10px;
}

.landingBox.split .landingBoxInner {
background:url(../images/boxes/landingBotSplit.gif) bottom left no-repeat;
}

.landingBox.split2 .landingBoxInner {
background:url(../images/boxes/landingBotSplit2.gif) bottom left no-repeat;
}

.landingBoxInner h3 {
font-size:17px;
color:#49166D;
font-weight:normal;
margin:8px 0 6px;
padding:0;
}

.landingBoxInner p {
margin:0;
padding:0;
}

.landingBoxInner a {
text-decoration:none;
}

.landingBoxInner a:hover {
text-decoration:underline;
}

div.checkOutBox,div.checkOutBox .checkOutBoxTop,div.checkOutBoxBody,div.checkOutBoxBot,div.checkOutBoxBot div {
background:transparent url(../images/boxes/checkoutBox.gif);
}

div.checkOutBox {
position:relative;
background-position:top left;
width:664px;
}

div.checkOutBox .checkOutBoxTop {
position:relative;
background-position:top right;
right:-8px;
padding:8px 0 0;
}

div.checkOutBoxBody {
background-position:100% -8px;
position:relative;
right:-8px;
margin:0;
padding:1px 20px 8px 10px;
}

div.checkOutBoxBot {
background-position:bottom left;
position:relative;
}

div.checkOutBoxBot div {
position:relative;
background-position:bottom right;
right:-8px;
padding:15px 0 0;
}

.step1Intro {
width:400px;
}

/* ------------- Forms -------------  */
.text,select {
border:1px solid #999;
color:#666;
background:#fff url(../images/backgrounds/input.gif) top left repeat-x;
}

.text {
padding:2px;
}

textarea {
border:1px solid #999;
}

button, a.button {
width:74px;
height:25px;
border:0;
font-size:12px;
background:url(../images/buttons/button.gif) top left no-repeat;
text-align:center;
color:#fff !important;
font-weight:bold;
cursor:pointer;
vertical-align:top;
outline-style:none;
margin:0;
padding:0 0 4px;
}

.fr button, .fr a.button {
font-size:10px !important;
}

a.button {
display: block;
padding: 4px 0 0 0 !important;
height: 21px !important;
}

button:hover,button:focus, a.button:hover {
background:url(../images/buttons/button.gif) 0 -25px no-repeat;
}

button.lgButton,.fr button#checkOut,a.button.lgButton {
width:137px;
background:url(../images/buttons/buttonLg.gif) top left no-repeat;
}

button.lgButton:hover,button.lgButton:focus,.fr button#checkOut:hover,a.button.lgButton:hover {
background:url(../images/buttons/buttonLg.gif) 0 -25px no-repeat;
}

#yourAccount button.link, .backLink {
border-right:1px solid #DDD;
margin-right:15px;
padding:4px 15px 4px 4px;
}

.backLink {
display: inline-block; 
}

button.disabled {
background-position:0 -50px !important;
color:#888 !important;
cursor:default !important;
}

button:focus::-moz-focus-inner {
border-color:transparent !important;
}

#shopping button {
margin:10px 0 !important;
}

.button.cta {
width:96px;
background:url(../images/buttons/button_purple.gif) no-repeat 0 0;
}

.fr .button.cta {
width:137px;
background:url(../images/buttons/buttonLg_purple.gif) top left no-repeat;
}

.box .button.butAddToCart {
width:83px;
height:21px;
background:url(../images/buttons/button_purple_sm.gif) no-repeat 0 0;
font-size:11px;
margin-top:10px;
display:block;
text-decoration:none;
color:#fff;
text-align:center;
}


.fr .box .button.butAddToCart {
width:135px;
background:url(../images/buttons/button_purple_sm_fr.gif) no-repeat 0 0;
}

.button.cta:hover,.button.cta:focus {
background-position:0 -25px;
}

.box .button.butAddToCart:hover,.box .button.butAddToCart:focus {
background-position:0 -21px;
}

.button.disabled {
cursor:default !important;
color:#888 !important;
}

.button.cta.disabled {
background-position:0 -50px;
}

.box .button.butAddToCart.disabled {
background-position:0 -42px !important;
}

button.link {
background:transparent;
color:#49166d !important;
font-weight:normal;
text-decoration:underline !important;
height:auto;
width:auto;
}

button.remove {
background:transparent url(../images/icons/x.gif) no-repeat !important;
font-size:11px;
font-weight:normal;
text-decoration:underline;
height:auto;
width:auto;
}

button.link.disabled {
text-decoration:none;
cursor:default;
color:#888 !important;
}

.overlay button,.overlay a.link {
margin-right:10px;
}

.overlay button.link,.overlay a.link {
border-right:1px solid #ddd !important;
margin-right:15px !important;
padding:4px 15px 4px 4px !important;
}

#modal button.link {
border-right:none;
margin:0;
padding:0;
}

button.link a,button.link * {
text-decoration:underline !important;
}

button.button a, a.button {
text-align:center;
color:#fff !important;
font-weight:bold;
cursor:pointer;
text-decoration:none !important;
}


#searchFormHeader {
position:absolute;
top:60px;
left:774px;
}

.fr #searchFormHeader {
position:absolute;
top:60px;
left:805px;
}

.fr #searchFormHeader #q {
width: 100px;
}

#searchFormHeader #q,#formSignUp #txtSignUp {
width:130px;
height:17px;
border:1px solid #999;
margin-right:4px;
color:#666;
vertical-align:middle;
padding:2px;
}

#butSearch,#butSearch2,#txtSignUp {
vertical-align:top;
}

#searchForm {
margin:25px 0 15px;
}

#searchForm #searchString {
width:230px;
height:17px;
border:1px solid #999;
color:#666;
vertical-align:middle;
margin:0 4px;
padding:2px;
}

.addToCart {
margin:6px 0 3px;
}

span.required {
font-size:17px;
color:#49166D;
font-weight:bold;
vertical-align:top;
width:16px;
text-align:center;
}

/* ------------- Error messages -------------  */
.errorMsg {
background:url(../images/backgrounds/errorBgBot.gif) bottom left no-repeat;
width:385px;
min-height:54px;
position:absolute;
top:0;
left:0;
z-index:999;
}

.errorMsg p,.errorMsg label {
background:url(../images/backgrounds/errorBgTop.gif) top left no-repeat;
color:#c00 !important;
display:block !important;
margin:0 !important;
padding:18px 30px !important;
}

#errors {
border:3px solid #ddd;
background:#f8f8f8;
font-size:130%;
float:left;
clear:both;
margin:20px 0;
padding:15px;
}

.error {
color:#c00 !important;
}

input.text.error {
border:1px solid #c00;
}

label.errIcn {
display:block;
padding-top:15px;
padding-bottom:4px;
}

.first label.errIcn {
padding-top:0;
padding-bottom:0;
}

table tr.selected,table tr.selected.hover {
background-color:#e9f8db !important;
}

table tr.hover {
background-color:#f8f8f8;
}

table.tableStyle2 tr.hover {
background-color:#d1f0b2;
}

#shopping table {
width:100%;
}

#shopping table td {
vertical-align:middle;
padding:5px 0 5px 7px;
}

#shopping table td.first {
padding-left:25px;
}

#services #shopping table.autoWidth td {
width: 100%;
}

#services #shopping table.autoWidth td.first {
padding-left:25px;
width:auto;
}

/* ------------- Super footer -------------  */
#superFooter {
font-size:12px;
color:#666;
}

#superFooter .column1,#superFooter .column2,#superFooter .column3,#superFooter .column4,#superFooter .superFooterMessage {
width:150px;
padding-left:5px;
float:left;
}

#superFooter .column1 {
padding-left:30px;
}

#superFooter .superFooterMessage {
width:305px;
padding-left:30px;
margin-top:15px;
}

#superFooter h4 {
font-weight:bold;
margin-top:15px;
}

#superFooter h4 a:link,#superFooter h4 a:visited {
color:#666;
text-decoration:none;
}

#superFooter h4 a:hover {
color:#333;
text-decoration:underline;
}

#superFooter ul li {
color:#999;
margin:4px 0;
}

#superFooter ul li a:link,#superFooter ul li a:visited {
color:#999;
text-decoration:none;
}

#superFooter ul li a:hover {
color:#333;
text-decoration:underline;
}

/* ------------- Footer -------------  */
#footer {
font-size:11px;
clear:both;
margin-top:30px;
float:left;
}

#footer p {
margin:5px 20px;
padding:0;
}

#footer li {
display:inline;
font-size:11px;
padding:6px;
}

#footer ul#listOne {
background-color:#0d86cc; /* erk 6c0 ; 3:2a78af 2:0d86cc 1:05a5cb */
color:#fff;
margin-bottom:10px;
width:969px;
position:relative;
padding:10px 10px 10px 20px;
}

#listOne a:link,#listOne a:visited {
color:#fff;
text-decoration:none;
}

#listOne a:hover {
text-decoration:underline;
}

#footer ul#listTwo {
margin-left:20px;
margin-bottom:20px;
width:979px;
position:relative;
color:#333;
}

#footer ul#listOne li {
font-size:12px;
padding:12px;
}

#listTwo a:link,#listTwo a:visited {
color:#b2b2b2;
text-decoration:none;
}

#listTwo a:hover {
color:#595959;
text-decoration:underline;
}

#footer .sendMessage {
position:absolute;
right:15px;
top:-2px;
}

#footer .activatePhone {
position:absolute;
right:155px;
top:-2px;
}

.fr #footer .activatePhone {
right:175px;
}

#footer .activatePhone a {
background:transparent url(../images/icons/activatePhone.gif) no-repeat left -2px;
display:block;
border-right:1px solid #c2eb99;
padding:0 18px 4px;
}

#footer .whyBuyOnline {
position:absolute;
right:316px;
top:-2px;
}

.fr #footer .whyBuyOnline {
right:314px;
}

#footer .whyBuyOnline a {
background:transparent url(../images/icons/whyBuyOnline.gif) no-repeat left -2px;
display:block;
border-right:1px solid #c2eb99;
padding:0 18px 4px;
}

#footer .sendMessage a {
background:transparent url(../images/icons/sendMessage.gif) no-repeat left 1px;
padding-left:25px;
padding-bottom:4px;
display:block;
}

#footer .copyright {
position:absolute;
right:20px;
top:-5px;
color:#b2b2b2;
}

.province {
color:#333 !important;
}

#navGlobal .langFr, #navGlobal .langEn {
padding: 0px;
}

.langEn {
padding:0 5px;
}

.langFr {
padding:0 15px 0 5px;
}

.en .langEn,.fr .langFr {
color:#333 !important;
}

.langCh {
border-right:1px solid #b2b2b2;
padding-right:12px;
margin:0 5px;
}

/*---- Image zoom styling --- */
div.imgzoom {
z-index: 100;
border: 3px solid #ACABAB;
padding: 30px 10px 10px;
background: #fff;
}

div.imgzoom a {
outline: 0;
z-index: 101;
position: absolute;
right: 10px;
top: 5px;
text-decoration: none;
color: #666;
}

div.imgzoom img, 
div.imgzoom embed, 
div.imgzoom object, 
div.imgzoom div {
width: 100%;
height: 100%;
display: block;
}

.shim {
display: none;
left: 0;
position: absolute;
top: 0;
z-index: 99;
color: #fff;
}

#outage {
background-color:#FFFFFF;
background-position:10px 50%;
border:1px solid #DEDEDE;
color:#666666;
margin-top:10px;
padding:8px 20px 8px 35px;
}

.learningcentre .navTopics {
   width: 90%;
   display: block;
 }
.learningcentre .navTopics.hide {
 display: none;
}
.learningcentre .selected,.learningcentre select option[selected] {
  background-color:#E0F5CC !important;
}
/*---- Contact Us Form in Self Serve Portal WCP R3 Nov 2009 --- */
.contact-us-form {width:450px;}
.contact-us-form label {font-weight: bold;float:left;margin-bottom:2px;padding-top:2px;width:180px;}
.contact-us-form .notebox{padding:15px;border:1px solid #ccc;background-color:#f1f1f1;margin:10px 0px;}
.contact-us-form .note{font-weight:bold;color:black;}
.contact-us-form p {margin-bottom:5px;}
.contact-us-form .required {padding-left:5px;}
.contact-us-form .h3 {margin-top:15px;}
.contact-us-form .required-desc {text-align:right;}
.contact-us-form .error ul {margin: 15px 0px;padding:10px;border:1px solid red}
.contact-us-form .error ul li {margin-left:20px;list-style-image: url("../images/icons/errorIndicator.gif");}
.contact-us-form select#category {width:200px;} /* IE hack for category field sizing */
html>body .contact-us-form select#category {width:auto;}  /* Non-IE browsers will use this */

/*------ portal layout fixes for WCP R3 Nov 2009 ----------*/

.bea-portal-layout-placeholder-container .column2 {margin-left:0px;}