/*--------------------------------------------------------------
* Copyright (c) 2009 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.
*
*--------------------------------------------------------------  

------------- Table of Contents -------------
- Reset : Resets default styles (margins, padding, etc..)
- Self-clear floats
- Body 
- Header
- Page content
- Layout
- Landing area
- Boxes
- Footer
 ------------- Reset -------------  */
 @font-face {
 	font-family: 'HelveticaNeueLTStd45Light';
 	src: url('fonts/helveticaneueltstd-lt-webfont.eot');
 	src: local('☺'), url('fonts/helveticaneueltstd-lt-webfont.woff') format('woff'), url('fonts/helveticaneueltstd-lt-webfont.ttf') format('truetype'), url('fonts/helveticaneueltstd-lt-webfont.svg#webfontZNAWOX0q') format('svg');
 	font-weight: normal;
 	font-style: normal;
 }

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;
}

h1,h2,h3 {
  font-family: 'HelveticaNeueLTStd45Light', Helvetica, Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 0;
}

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

img {
border:0;
}

.clear {
clear: both;
}

/* ------------- Self-clear floats ------------- */
.clearfix:after, #header:after, .pageContent:after, ul.wrapLinks:after, .landingMain:after, .landingBoxInner:after, .landingSecondary:after, .headlineBoxInner:after, .footer:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.clearfix, #header, .pageContent, ul.wrapLinks, .landingMain, .landingBoxInner, .landingSecondary, .headlineBoxInner, .footer {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix, * html #header, * html .pageContent, * html ul.wrapLinks, * html .landingMain, * html .landingBoxInner, * html .landingSecondary, * html .headlineBoxInner, * html .footer {height: 1%;}
.clearfix, #header, .pageContent, ul.wrapLinks, .landingMain, .landingBoxInner, .landingSecondary, .headlineBoxInner, .footer {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;
}

#siteContainer {
padding-top:10px;
}

#regionSelect #siteContainer {
padding-top:0;
}

a:link,a:active,a:visited {
color:#666;
background-color:transparent;
text-decoration:none;
}

a:hover {
color:#6c0;
background-color:transparent;
text-decoration:underline;
}

#siteContainer {
width:999px;
position:relative;
margin:0 auto;
}

#regionSelect #siteContainer {
width:740px;
position:relative;
margin:0 auto;
}

/* ------------- Header -------------  */

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

#regionSelect .logo {
position: absolute; 
top:40px; 
left:-60px;
}

#region, #account {
float:right;
margin-left:20px;
}

#login {
position:absolute;
top:10px;
right:90px;
z-index:12;
}

#region a, #account a {
color: #6c0;
text-decoration: underline;
}

#region a:hover, #account a:hover {
color:#9be353;
}

#accounts {
width:160px;
}

#login ul#accountsClosed {
width:160px;
background:url(../images/backgrounds/login.gif) top left no-repeat;
height:21px;
color:#fff;
}

ul#accountsClosed li.top:hover {
background:url(../images/backgrounds/loginOpen.gif) top left no-repeat;
}

#login li a.first:hover {
background:url(../images/backgrounds/loginOnTop.gif) bottom left no-repeat;
}

#login li.last a:hover {
background:url(../images/backgrounds/loginOnBot.gif) bottom left no-repeat;
}

ul#accountsClosed li ul#accountsOpen {
display: none;
background:url(../images/backgrounds/loginOpen.gif) bottom left no-repeat;
width:160px;
}

ul#accountsClosed li a:hover ul#accountsOpen {
display: block;
width:160px;
background:url(../images/backgrounds/loginOpen.gif) bottom left no-repeat;
}

#login ul li {
list-style-type:none;
height:21px;
margin:0;
padding:0;
}

#login a {
color: #fff;
padding: 2px 0 3px 8px;
display: block;
width:152px;
}

#login a:hover {
color: #666;
text-decoration: none;
background-color:#9be353;
}


#login h4 {
width:90px;
float:left;
margin:0;
padding:0;
font-weight: normal;
color:#666;
position:relative;
}

#accounts {
width:160px;
float:left;
margin:0;
position:relative;
}

/* ------------- Page content -------------  */
.pageContent {
font-size:12px;
width:981px;
margin-left:10px;
margin-right:8px;
margin-top: 26px;
}

#regionSelect .pageContent {
position:absolute;
top:390px;
width:740px;
margin:0;
}

p {
margin-bottom:6px;
}

.pageContent ul li,.modal ul li {
list-style-type:none;
margin-bottom:5px;
}

.pageContent ul li, .more, .modal ul li {
background:url(../images/arrow.gif) 0 2px no-repeat;
padding-left:10px;
}
.modal ul li a {
  text-decoration: underline !important;
  color: #49166d !important;
}
a.close {
  background:transparent url(../images/icons/x.gif) no-repeat scroll 0 0;
  cursor:pointer;
  float:right;
  padding:0 0 2px 20px;
}

hr {
height:1px;
border:0;
border-bottom:1px solid #eee;
color:#dedede;
display:block;
margin:4px 0 10px;
padding:0 0 3px;
}

hr.pad {
margin:35px 10px 35px 0;
}

hr.pad {
margin:30px 10px 30px 0;
}

h1 {
color:#49166D;
font-size:48px;
position:absolute;
top:148px;
margin-left:15px;
}

h2 {
color:#49166D;
font-size:24px;
margin-bottom:10px;
}

h3 {
color:#49166D;
font-size:18px;
margin-bottom:8px;
}

h4 {
color:#49166D;
font-weight: bold;
margin-bottom:5px;
padding-top:2px;
}

h2 a:link,h2 a:active, h2 a:visited, h3 a:link,h3 a:active, h3 a:visited {
color:#49166D;
}

h2 a:hover, h3 a:hover {
color: #9273A7 !important;
}

#banner {
position: relative;
}

ul.wrapLinks {
width:290px;
}

ul.wrapLinks li {
float:left;
width:145px;
}

.listOne, .listTwo {
width:145px;
float:left;
margin:0;
position:relative;
}

.highlight {
color:#6c0;
}

.stock {
color:#49166D;
font-size:10px;
font-weight:bold;
}

/* ------------- Landing main area -------------  */
.landingMain div {
width:175px;
float:left;
border-left:1px solid #dedede;
margin:3px 0 5px;
padding:10px 0 0 20px;
position:relative;
/*min-height:205px;*/
}

div.last {
border-right:1px solid #dedede;
}

.landingSecondary div {
float:left;
border-left:1px solid #dedede;
margin:20px 0 0 0;
padding-top:20px;
position:relative;
min-height:110px;
}

.landingMain p {
text-align:right;
/*margin-top:20px;*/
margin-top:5px;
}

#yourAccount, #help, #contactUs {
width:280px;
float:left;
margin:3px 0 5px;
position:relative;
}

/*
#bundles {background:url(../images/icons/bundles.gif) bottom right no-repeat;}
#homephone {background:url(../images/icons/homephone.gif) right bottom no-repeat;}
#internet {background:url(../images/icons/internet.gif) right bottom no-repeat;}
#telustv {background:url(../images/icons/telustv.gif) right bottom no-repeat;}
#mobility {background:url(../images/icons/mobility.gif) right bottom no-repeat;}
*/

#yourAccount {
background:url(../images/backgrounds/leafman.jpg) 0 bottom no-repeat;
padding-left: 90px;
padding-right: 20px;
width:210px;
}

#help, #contactUs {
width:310px;
padding-left:15px;
}

#weGive {
background:url(../images/backgrounds/weGive.jpg) left bottom no-repeat;
padding-left: 160px;
padding-right: 10px;
width:156px;
}

#business {
background:url(../images/backgrounds/lilypad.jpg) 10px 20px no-repeat;
padding-left: 100px;
padding-right: 20px;
width:205px;
}

#aboutUs {
width:290px;
padding-left: 15px;
padding-right: 20px;
}

#weGive h4 {
margin-bottom: 10px;
}

.headlineBoxInner h4 {
width:125px;
float:left;
margin:0 0 0 10px;
padding:0;
position:relative;
}

.headline {
width:680px;
float:left;
margin:0;
position:relative;
}

#french {
margin-left: 57px;
}

#businessUse {
margin-left: 25px;
}

#regionSelect ul li {
list-style-type:none;
}

.column1, .column2 {
width:335px;
float:left;
padding:0 5px 0 25px;
position:relative;
}

.provOne, .provTwo {
width:160px;
float:left;
margin:7px 6px 0 0;
position:relative;
}

.column1 h3 {
margin-bottom:14px;
}


/* ------------- Boxes -------------  */
.landingBox {
clear:both;
width:981px;
background:url(../images/backgrounds/landingTop.gif) top left no-repeat;
margin:20px 0 0;
padding:8px 0 0;
}

.landingBoxInner {
color:#666;
width:971px !important;
background:url(../images/backgrounds/landingBot.gif) bottom left no-repeat;
padding:0 1px 10px 10px;
}

.headlineBox {
clear:both;
width:981px;
background:url(../images/backgrounds/headlineTop.gif) top left no-repeat;
margin:20px 0 0 0;
padding:10px 0 0;
}

.headlineBoxInner {
color:#666;
width:961px !important;
background:url(../images/backgrounds/headlineBot.gif) bottom left no-repeat;
padding:0 10px 4px;
}

.regionSelectBox {
clear:both;
width:740px;
background:url(../images/backgrounds/regionTop.jpg) top left no-repeat;
margin:0;
padding:10px 0 0;
}

.regionSelectBoxInner {
color:#666;
width:740px !important;
background:url(../images/backgrounds/regionBot.jpg) bottom left no-repeat;
padding:0;
height: 626px;
}

/* ------------- Footer -------------  */
.footer {
font-size:11px;
clear:both;
margin-top:30px;
}

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

.footer li {
display:inline;
font-size:11px;
padding:6px;
}

.footer ul.footerListOne {
background-color:#6c0;
color:#fff;
margin-bottom:10px;
width:989px;
position:relative;
padding:10px 10px 10px 0px;
}

.footerListOne a:link,.footerListOne a:visited {
color:#fff;
text-decoration:none;
}

.footerListOne a:hover {
text-decoration:underline;
}

.footer ul.footerListTwo {
margin-left:5px;
margin-bottom:20px;
padding-top:15px;
width:994px;
position:relative;
color:#333;
border-top: 1px solid #C1EA97;
}

#regionSelect .footer ul.footerListTwo {
width:740px;
margin-left:0;
}

.footer ul.footerListOne li {
font-size:12px;
padding:12px;
}

.footerListTwo a:link,.footerListTwo a:visited {
color:#b2b2b2;
text-decoration:none;
}

.footerListTwo a:hover {
color:#595959;
text-decoration:underline;
}

.footer #findPhoneNumber {
position:absolute;
right:15px;
top:-2px;
}

.footer #findPhoneNumber a {
background:transparent url(../images/icons/magnifyingglass.gif) no-repeat left 0px;
padding:0px 0 4px 30px;
display:block;
}

.footer .copyright {
position:absolute;
/*right:20px;
top:-5px;*/
right:1em;
top:1em;
color:#b2b2b2;
}

#regionSelect .footer .copyright {
right:0;
}

.legal {
  clear: both;
  padding:20px 5px 10px;
  font-size:11px !important;
  color:#999;
}

.padTop {
margin-top:26px;
}

/*.js #banner a {
  display: none;
}

.js #banner a.curr {
  display: block;
}
*/
#header {
  position: absolute;
  width: 999px;
  top: 10px;
  left: 0;
  z-index: 100;
}

#siteContainer {
  padding-top: 383px;
}

#banner {
/*  border-bottom: 1px solid #e6e6e6;*/
  background: transparent url(../images/backgrounds/banner_optik.gif) repeat-x left top;
  /*added June 7, 2010*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  min-height: 414px;
}

#banner-alt img {
  margin-top: 83px;
}

*,*:focus {
 outline: none; 
}

/*.js #banner-inner {
  overflow: hidden;
  height: 289px;
  position: relative;
}*/

.js #indicator {
  position:absolute;
  top: 257px;
  left:16px;
  display: block;
  width: 180px;
  height: 33px;
  z-index: 100;
}

/* Region selection styles */
.en #fr, .fr #en {
  display: none;
}
.column1 h3 {
  font-size: 17px;
}
label {
  padding-left: 5px;
}
.simplemodal-overlay {
  background-color: #fff;
}
.modal {
  width: 350px;
  border: 3px solid #ACABAB;
  padding: 15px;
  background: #fff url(../images/backgrounds/bg_overlay.gif) repeat-x bottom left;
  box-shadow: 3px 3px 6px #bbb;
  -moz-box-shadow: 3px 3px 6px #bbb;
  -webkit-box-shadow: 3px 3px 6px #bbb;
}
ul.prov li.disabled a {
  color: #aaa !important;
  text-decoration: none !important;
  cursor: default !important;
}
ul.prov li.disabled {
  background:none !important;
}
   
.opinionlab img
    {
    opacity:.5;
    filter:alpha(opacity=50);
    }
   
a.opinionlab:hover img
    {
    opacity:1;
    filter:alpha(opacity=100);
    }

a.opinionlab
	{
	color:#b2b2b2;
	}

a:hover.opinionlab
    {
	color:#666;
	}