/* Bell.ca: bli077 main.css */

/* If you require changes to this CSS file, please contact
   Stephanie at CloudRaker (stephanie@cloudraker.com) */

/* 
 *  Electric blue: #0095d8;
 *  Light baby blue: #daf2ff;
 *  Orange: #ff8231;
 *  Dark grey for all text: #696973;  
 */

/* CSS for general elements
------------------------------------------------------------------------------*/
@import url("http://www.bell.ca/web/css/general.css");

/* CSS for utilitynav (top navigation) and mainnav (left navigation)
------------------------------------------------------------------------------*/
@import url("http://www.bell.ca/web/css/navigation.css");

/* CSS for forms 
------------------------------------------------------------------------------*/
@import url("http://www.bell.ca/web/css/forms.css");

@import url("http://www.bell.ca/web/css/modularBlockList.css"); 


/* content group */
#contentgrp {
  position: relative;
  margin-left: 184px;
  margin-top: -13px; 
  width: 576px;
}

* html #contentgrp {
  margin-left: 180px;
}

/* all links are orange and not underlined except if mouseover */
#contentgrp a {
  text-decoration: none;
  color: #ff8230;
}

#contentgrp a:hover {
  text-decoration: underline;
}

/* warningPage has specific spacing requirements */

#warningPage {
  margin: auto;
  width: 575px;
}

#warningPage a.continue {
  display: block;	
  background: url("http://www.bell.ca/web/common/all_languages/all_regions/images/buttons/gen_bo_arrow_orange_rt.gif") no-repeat 0px 0.2em; 
	margin: 15px 0 0 0;
	padding: 0px 0px 0px 22px;
	font-size: 1.3em; 
	float: right;
	clear: both;
}

#warningPage h1 , #warningPage h3 {
  margin-top: 30px; 
}

#warningPage h1, #warningPage h2 {
  width: auto;
}



/* content area 
-----------------------------------------------------------------------------*/

#content {
  position: relative;
  margin: 19px 0px 15px 0px;
  padding: 0px 0 10px 0px;
  float: left;
  width: 100%;
}


#content:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

#content {display: inline-table;}

/* Hides from IE-mac \*/
* html #content {height: 1%;}
#content {display: block;}
/* End hide from IE-mac */


.fullfade {
	background: url("http://www.bell.ca/web/common/all_languages/all_regions/images/gradients/gen_gr_fade581_107.gif") no-repeat bottom right;
}

.halffade {
	background: url("http://www.bell.ca/web/common/all_languages/all_regions/images/gradients/gen_gr_fade300_105.gif") no-repeat bottom right;
}

.fullText {
  width: 574px;
}

/* left and right column */
#leftcol{
	float: left;
}

#rightcol {
	float: right;
}

/* width variation for left and right col */
.leftHalfWidth {
  width: 270px;
}

.rightHalfWidth {
   width: 270px;
}

.twoThirdWidth {
   width: 369px;
}

.oneThirdWidth {
   width: 183px;
   padding: 0px;
}

/* special exception widths for TV due to wide videos */

.tvVideoLeft {
  width: 230px;

}

.tvVideoRight {
  width: 330px;
}


/* Banners
----------------------------------------------------------------------------*/
#banner {
  padding: 0px;
  margin-bottom: 8px;
}

#banner img {
  margin: 0px;
  padding: 0px;
}
  
/* Breaking News on internet support landing page */
#breakingNews {
	margin: 10px 0;
	background: url("http://www.bell.ca/web/common/all_languages/all_regions/images/gradients/gen_gr_fade581_107.gif") no-repeat bottom right;
	
}

.rightBannerImage {
  float: right;
  margin: 0 20px 10px 0;
}

/* Promo page
----------------------------------------------------------------------------*/
.promoLarge {
  margin-bottom: 5px;
}

.promoMedium {
  float: left;
  width: 287px;
  margin-bottom: 5px;
}

* html .promoLarge img, * html .promoSmall img, * html .promoMedium img{
  margin-bottom: -3px;
}

.promoSmall {
  float: left;
  margin-bottom: 5px;
}

.promoSmall p {
  padding-top: 5px;
  width: 100px;
}

/* blueBox
----------------------------------------------------------------------------*/

#blueBox {
  padding: 10px;
  margin-bottom: 25px;
  background: url("http://www.bell.ca/web/common/all_languages/all_regions/images/gradients/gen_gr_bluefade1_100.gif") repeat-x top right;
  border: 1px solid #daeaf0;
  font-size: 1em;
}

#blueBox.small {
  width: 210px;
}

#blueBox h4, #blueBox h5 {
  margin-top: 0px;
}

/* internet PSQT check
----------------------------------------------------------------------------*/
#psqt {
  padding: 10px 0 5px 0;
  margin-bottom: 25px;
  background: url("http://www.bell.ca/web/common/all_languages/all_regions/images/gradients/gen_gr_bluefade348_210.gif") no-repeat bottom right;
  border-bottom: 1px solid #d4d4d5;
}

#psqt.landing {
  margin-bottom: 0px;
  padding-top: 0px;
}

#psqt ul.benefits {
  margin: 5px 0 0 15px !important; 	
  margin: -10px 0 0 15px  
}

#psqt ul.benefits li {
  margin-bottom: 3px;
  font-size: 1em;
}

#content * #psqt.twoColumnList {
  padding: 0px 0px 10px 10px;
  width: 300px;
}
#content * #psqt.twoColumnList ul{
  margin: 5px 25px 0 0;
}
#content * #psqt.twoColumnList input{
  margin: 5px 3px -2px 0;
}
#psqt h4, #blueBox h4 {
  margin-bottom: 5px;
  padding: 0px;
}            

#psqt form.phoneCheckForm a.try {
  display: block;  
  margin: 0px 0px 5px 0px;
  color: #ff8231;  
  position: relative; 
  width: 100%;  
  font-size: 1em;
} 

#psqt hr {
  height: 1px;
  padding: 0px;
  margin: 0px;
}
           
/*                                           	
  2005-11-05: id="phoneCheck" is old and is kept for backwards compatibility, 
  use class="phoneCheckForm" instead. This is because some psqt forms appear
  to have IDs generated from portlets that we have no control over in markup.
*/
#psqt form#phoneCheck,
#psqt form.phoneCheckForm {
  margin-top: 10px;
}

#psqt form#phoneCheck.detailsPage span label,
#psqt.detailsPage form.phoneCheckForm span label {
  width: 190px;
  margin-right: 10px;  
  float: left;
}

#psqt.landing form.phoneCheckForm span label {
  font-weight: bold;
}
            
#psqt form#phoneCheck.detailsPage span,
#psqt.detailsPage form.phoneCheckForm span {
  width: 400px;               
}   

#psqt.landing form.phoneCheckForm p.fineprint {
	width: 35%;
	float: right;
}

#psqt form#phoneCheck.detailsPage p.fineprint,
#psqt.detailsPage form.phoneCheckForm p.fineprint {
  margin-top: 10px;
  float: none;
  clear: both;
  display: block;
  width: 100%;
}   

#psqt form#phoneCheck.priceDetail p.fineprint,
#psqt.priceDetail form.phoneCheckForm p.fineprint {
	width: 100px; 
	margin-left: 5px;
	float: left;
}   


/* questionBox
----------------------------------------------------------------------------*/
#questionBox {
  padding: 7px 7px 7px 7px;
  margin-bottom: 25px;
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_bluefade1_100.gif") repeat-x top right;
  border: 1px solid #daeaf0;
}
#content * #questionBox.twoColumnList {
  padding: 0px 0px 10px 10px;
  width: 300px;
}
#content * #questionBox.twoColumnList ul{
  margin: 5px 25px 0 0;
}
#content * #questionBox.twoColumnList input{
  margin: 5px 3px -2px 0;
}
#questionBox h4, #blueBox h4 {
  margin-bottom: 5px;
  padding: 0px;
}
#questionBox a.try {
  float: left;
  display: block;
  margin: 2px 0 0 5px;
}

#questionBox table input {
  margin-bottom: 0;
}


/* progressBar 
----------------------------------------------------------------------------*/
#wrap * ul#progressBar{
  list-style: none;
  margin: 0 0 0 0;
  padding: 0px;
  height: 5.3em;
  text-align: left;
}

#wrap * ul#progressBar.checkout {
  margin-top: 20px;
  margin-bottom: 20px;
}

#wrap * #progressBar li {
  width: 100px;
  float: left;
  padding-right: 5px;
  margin: 0 8px 0 0;
  color: #afb0b1;
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/arrows/gen_gr_arrow_gray_right.gif") no-repeat 100px 24px;
  font-size: 1.1em;
}

#wrap * #progressBar.narrow li {
  width: 80px;
}

#wrap * #progressBar.wide li {
  margin-right: 30px;
}

#wrap * #progressBar li.last {
  background: none;
  padding: 0px;
}
#progressBar li span {
  font-size: 2.2em;
  color: #b2dff3;
  display: block;
  margin-bottom: 5px;
  padding-top: 3px;   

}
#progressBar li.on {
  color: #999;
}
#progressBar li.on span {
  color: #0095d8;
	font-weight: bold;
}

#progressBar li p {
  font-size: 0.9em;
}

#progressBar li p strong {
  font-weight: normal;
  color: #0095d8;
}

#progressBar li p em {
  font-style: normal;
  color: #c3e7f7;
}

/* MyBell side content
----------------------------------------------------------------------------*/
#myBell{
  margin: 0 0 0 0;
  text-align: left;
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/mybell/mbl_gr_bg_1px_blue_mid.gif") repeat-y top left;
  width: 183px;
  font-size: 1em;
}
* html #myBell {
  position: relative;
}

#myBell p, #myBell ul li, #myBell form, #myBell h5 {
  color: #696973;
}
#myBell form {
  margin: 8px 0 10px 0;
}
#myBell form select {
  width: 150px;
}
#myBell div#myBellContent{
   margin: 4px 20px;
}
#myBell * h5{
   margin-bottom: 2px;
   font-size: 1em;
   font-weight: bold;
}
#myBell * ul{
   margin: 5px 0 10px 0;
   padding: 0 0 0 15px; 
}
#myBell * ul li{
   margin: 0px;
   padding: 0px;
}

#myBell * ul.myProducts {
  list-style: none;
  margin: 10px 0px 0 0;
}
#myBell * ul.myProducts li {
  margin-bottom: 10px;
  clear: both;
}
#myBell * ul.myProducts li p {
  padding-top: 5px;
  float: left;
  color: #696973;  
}
#myBell * ul.myProducts li img {
  float: left;
  margin-right: 10px;
}

#myBell div.more {
  background: #c7ecff;
  display: block;
  clear: both;
  width: 165px;
  position: relative;
  padding: 2px 0 0 15px;
  margin: 0 0 -10px -17px;
}

* html #myBell div.more {
  margin: 10px 0 0 0;
  position: absolute;
  z-index: 100;
  bottom: 23px;
  right: 0px;
  width: 164px;
}

#myBell div.more h5 {
  margin-top: 4px;
}

#myBell div.more ul {
  margin: 3px 0 0 0;
  padding: 0px;
  list-style: none;
  position: relative;
}

#myBell img.product {
  float: right;
  margin-right: -15px;
}

#myBell #bottom{
   margin-top: 0;
   background: url("http://www.bell.ca/common/all_languages/all_regions/images/mybell/mbl_gr_bg_34px_blue_bot.gif") no-repeat bottom left;
   height: 34px;
}

* html #myBell #bottom {
  margin-top: 20px;
}

#myBell #bottom.darkBlue {
   background: url("http://www.bell.ca/common/all_languages/all_regions/images/mybell/mbl_gr_bg_34px_blue_bot_darker.gif") no-repeat bottom left;
}
#myBell #bottom.darkBlue.toggleDefault {
  margin-top: -3px;
}
* html #myBell #bottom.darkBlue.toggleDefault {
  margin-top: 20px;
}

/* myBell login form */
#myBell form#myBellSupportForm, #myBell form#myBellShopForm {
  margin: 0 0 10px 0;
}


/* sideGreyBox */
.sideGreyBox {
  margin-bottom: 20px;
  padding: 0 10px 10px 5px;
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_fade152_54.gif") no-repeat bottom right;
}
.sideGreyBox.email {
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_fade_email.gif") no-repeat bottom right;
}
                           
/* box on the right under myBell shop/support box */
.rightSideBox { 
	margin-top: 10px;
	padding: 10px 5px 0 10px;
}

.rightSideBox h4 {
	margin-bottom: 10px;
}          

.rightSideBox .rightSideBoxContent {
	width: 100px;  
	float: left;
}

/* message in navigation group */
.messageBox {
  background: #f5f5f5 url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_messages_bottom_1_11.gif") repeat-x bottom left;
  padding: 0 0 5px 0;
  margin: 0 0 15px 4px;
  width: 140px;
}
.messageBox h4{
  border-top: 1px solid #e3e4e4;
  color: #0095d8;
  font-size: 1.1em;
  padding: 5px 0 15px 4px;
  background: #fff url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_messages_top_1_11.gif") repeat-x bottom left;
}
.messageBox p {
  margin: 0 10px 4px 10px;
}



/* myService pages table */

form#myServiceList {
  margin: 20px 0px;
}
form#myServiceList label{
  display: block;
  margin: 0 0 5px 0;
}

.myPhoneNumbers p span {
  margin: 0;
  padding: 0;
  color: #a4a4a9;
}

table#myService {
  border: none;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  empty-cells: show;
  width: 576px;
}

/* this is used for separating rows where necessary */ 
table#myService * th.blankrow {
  height: 25px;
}

table#myService * td {
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_fade333_105.gif") no-repeat bottom right;
  border-bottom: 1px solid #dedfe0;
  border-right: 1px solid #dedfe0;
  padding: 0px 10px 10px 10px;
  vertical-align: top;
  margin: 0px;
  width: 33%;
}

table#myService * td.first {
  padding-left: 0px;
} 

table#myService * td.last {
  border-right: none;
} 

table#myService * table.serviceFeatures tr {
  border: none;
}

table#myService * table.serviceFeatures * th,
table#myService * table.serviceFeatures * td {
  border: none;
  background: none;
  padding: 3px 0 3px 0px;
  margin: 0px;
  vertical-align: top;
  text-align: left;
  font-weight: normal;
  width: 193px;
}
table#myService * table.serviceFeatures * td{
  width: 150px;
}


table#myService * td ul {
  margin: 3px 0px 0px 0px;
}
table#myService * td ul li {
  margin-bottom: 3px;
}

table.standard, table.vertical {
  width: 100%;
  margin-bottom: 15px;
  border-bottom: 1px solid #d2d2d2;
  text-align: center;
}

table.verticalTwo {
  width: 100%;
  border-bottom: 1px solid #d2d2d2;
}

table.standard th, table.vertical th, table.verticalTwo th {
  font-weight: normal;
  font-size: 1.1em;
  color: #0095d8;
}

table.standard th {
  border-left: 1px solid #fff;
  padding: 20px 10px 20px 0;
}

table.verticalTwo td {
  vertical-align: top;
} 

table.verticalTwo th, table.verticalTwo td {
  text-align: center;
}   

table.standard td {
  border-left: 1px solid #fff;
  border-top: 1px solid #d2d2d2;
  padding: 10px 10px 10px 0;
}

table.condensed th, table.condensed td {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;  
}

table.standard td.textLeft {
  text-align: left;
}

table.standard td.textRight {
  text-align: right; 
}

table.vertical th, table.verticalTwo th {
  border-top: 1px solid #d2d2d2;
  border-left: 1px solid #fff;
  padding: 30px 5px 5px 5px;
}

table.vertical tr.itemHeader th {
  background: #fff;
  padding: 0 0 10px 0;
  border-top: 0;
  border-bottom: 10px solid #fff;
  font-weight: normal;
  font-size: 1em;
}

table.vertical tr.itemHeader th.selected {
  background: #e3f5ff;
}

table.vertical td, table.verticalTwo td {
  border-left: 1px solid #fff;
  border-top: 1px solid #d2d2d2;
  padding: 5px;
}
     
/* explicit classes and declarations for making first column left aligned */ 

table.standard col, table.vertical col, table.verticalTwo col { 			
	 text-align: center;   
}

table.standard col.left, 
table.vertical col.left, 
table.verticalTwo col.left {
  text-align: left;
}

table.standard th:first-child, 
table.standard td:first-child,
table.vertical th:first-child, 
table.vertical td:first-child, 
table.verticalTwo td:first-child  {
	text-align: left;
}

table.vertical th.sidehead {
  padding: 10px 10px 10px 0;
  text-align: left;
  font-size: 1.1em;
  color: #696973;
}

table.vertical tr.totals th, table.vertical tr.totals td {
  border-top: 1px solid #d2d2d2;
  font-size: 1.4em;
  color: #0095d8;
}

table.vertical tr.group th, table.vertical tr.group td {
  border-top: 1px solid #d2d2d2;
}

table.speccols th {
  font-size: 1.8em;
  background-color: #fff;
}

table.speccols tr th, table.speccols tr td {
  border-top: none;
  padding-left: 10px;
  padding-right: 10px;
}

table.standard col.pale, table.vertical col.pale, table.verticalTwo col.pale {
  background: #f3f3f3;
}

table.standard col.medium, table.vertical col.medium, table.verticalTwo col.medium {
  background: #eee;
}

table.vertical tr.buttons td img {
  margin-top: 5px;
}

table.paddedLeft tr th, table.paddedLeft tr td {
  padding: 10px;
  text-align: left;
}

#wrap * table.paddedLeft tr td ul {
  margin-left: 5px;
}

table.verticalTwo td.text {
  padding-right: 10px;
  padding-left: 25px;
  text-align: left;
}

table.verticalTwo img.starkey {
  margin-right: 10px;
  vertical-align: top;
}

table.verticalTwo td.text img.starkey {
  float: left;
} 


/* pricing table */

table.pricing col, table.pricing tr th, table.pricing tr td {
  vertical-align: top;
  width: 33%;
}

.leftHalfWidth .halfColBlock table {
  vertical-align: top;
  margin-left: 18px;
}

.leftHalfWidth .halfColBlock table tr td {
  font-size: 1.1em;
}

.leftHalfWidth .halfColBlock table tr td.price {
  font-size: 1.3em;
  color: #0095d8;
}


/* Review table */

table.review {
  width: 96%;
  margin: 5px 10px 30px 10px;
  /* border: 1px solid red; */
}

table.review td {
  border-bottom: 1px solid #d2d2d2;
  padding: 12px 0 2px 0;
}

table.review col.right {
  width: 25%;
}

table.review td:first-child +td {
  width: 25%;
}

/* table twoCol */
table.twoCol {
  width: 100%;
  margin: 10px 0 25px 0;
}

table.twoCol th, table.twoCol td { 
  width: 50%;
  background: none;
}

table.twoCol td {
  vertical-align: top;
}

table.twoCol td.first {
  border-right: 1px solid #ededee;
}

#wrap * table.twoCol td ul {
  margin: 0 5px 15px 5px;
  padding: 0px;
  list-style: none;
}
#wrap * table.twoCol td h4 {
  margin: 0 5px 5px 5px;
}

#wrap * table.twoCol td.first ul, #wrap * table.twoCol td.first h4 {
  margin-left: 0px;
}
#wrap * table.twoCol td ul li {
  margin-bottom: 5px;
}


/* table threeCol */
table.threeCol {
  width: 575px;
  margin: 10px 0 25px 0;
}           

.contentTabsBlock table.threeCol {
	width: 500px;
}

table.threeCol tr {
		vertical-align: top;  
}

table.threeCol th, table.threeCol td { 
  width: 32%;
  background: none; 
}

table.threeCol th {
  padding: 5px 0 5px 3px;
  text-align: left;
  color: #0095d8;
  background: #f6f6f6 url("http://www.bell.ca/common/all_languages/all_regions/images/navigation/gen_gr_expand_coll_1px.gif") repeat-x left bottom;  
}

table.threeCol td{
  padding: 15px 10px 10px 3px;
  vertical-align: top;
}

* html * #wrap * table.threeCol td.first {
  width: 191px;
 	vertical-align: top;    
	padding-top: 0;
} 

/* styling for threeCol table in channels tabs display */
table.threeCol.channels td{
  padding: 0px;
}
#wrap * table.threeCol.channels td ul {
  margin: 0 5px 15px 5px;
  padding: 0px;
  list-style: none;
}

* html * #wrap * table.threeCol.channels td ul {
	padding-left: 5px;
}

#wrap * table.threeCol.channels td h4 {
  margin: 0 5px 5px 5px;
}

#wrap * table.threeCol.channels td.first ul, #wrap * table.threeCol.channels td.first h4{
  margin-left: 0px; 
	padding-left: 0;
}


table.threeCol td.last{
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_fade152_54.gif") no-repeat bottom right;
}

table.threeCol td div {
  border-right: 1px solid #ededee;
  min-height: 200px;
}

* html table.threeCol td div {
  height: 160px;
}

table.threeCol td.borderRight {
  border-right: 1px solid #ededee; 
}

table.threeCol td.last div {
  border-right: none;
}

#wrap * table.threeCol td ul {
  margin: 0 5px 15px 0px;
  padding: 0px;
  list-style: none;
}
#wrap * table.threeCol td ul li {
  margin-bottom: 3px;
}

#wrap * table.twoCol td.first ul, #wrap * table.twoCol td.first h4 {
  margin-left: 0px;
}

#wrap * table.threeCol td ul.topSelling {
  margin: 0 5px 10px 0px;
  float: left;
}
#wrap * table.threeCol td ul.topSelling li{
  float: left;
  width: 56px;
  margin: 0px;
  overflow:hidden;
}
#wrap * table.threeCol td ul.topSelling li img {
  float: left;
  margin: 0px;
}

#wrap * table.threeCol td ul.topSelling li img {
  margin-bottom: 5px;
  display: block;
  clear: right;
}

table.threeCol td div img {
  float: left;
  margin-right: 8px;
}

/* tables fourRows */
table.fourCol {
  width: 575px;
  margin: 10px 0 25px 0;
}

table.fourCol th, table.fourCol td { 
  width: 25%;
  background: none;
}
table.fourCol td {
  border-right: 1px solid #ededee;
  vertical-align: top;
}
#wrap * table.fourCol td.first {
  width: 143px;
}
table.fourCol td.last {
  border-right: none;
}
#wrap * table.fourCol td ul {
  margin: 0 5px 5px 5px;
  padding: 0px;
  list-style: none;
}
#wrap * table.fourCol td.first ul {
  margin-left: 0px;
}
#wrap * table.fourCol td ul li {
  margin-bottom: 5px;
}


/* Shopping cart tables */

table.cart {
  width: 100%;
  margin-right: -3px;
  text-align: center;
}

table.cart td {
  padding: 8px 5px;
  vertical-align: top;
  text-align: left;  
}

table.cart tr th {
  background: #f5f5f5 url(/web/common/all_languages/all_regions/images/gradients/gen_gr_headfade1_50.gif) repeat-x bottom left;
  padding: 20px 2px 2px 2px;
  border-left: 1px solid #fff;
  vertical-align: bottom;
  font-size: 0.9em;
  font-weight: normal;
  text-align: left;
}

table.cart tr.subhead th {
  background: #f5f5f5;
  padding: 10px 5px 2px 5px;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  border-left: 1px solid #f5f5f5;
  text-align: left;
  font-size: 1.1em;
  font-weight: normal;
}

table.cart tr.notes th {
  background: #f5f5f5;
  padding: 7px 5px 7px 5px;
  border-top: 1px solid #d0d0d0;
  border-left: 1px solid #f5f5f5;
  text-align: left;
  font-size: 1.1em;
  font-weight: normal;
}

table.cart tr.borderBottom th {
  border-bottom: 1px solid #d0d0d0;
}

table.cart col {
  text-align: center;
}

table.cart col.left, table.cartSummary col.left {
  text-align: left;
}

table.cart col.right, table.cartSummary col.right {
  text-align: right;
}

/* selects 4th column of table (counts from first child) */
/* does not work in IE, works in Safari/FF */
table.cart td:first-child +td +td +td {
  text-align: left;
}

table.cart td.right {
  text-align: right;
}

table.cart td.left {
  text-align: left;
}

table.cart col.nowrap, table.cartSummary col.nowrap {
  white-space: nowrap;
}

table.cart th:first-child, table.cart th:first-child +th, table.cart td:first-child, table.cart td:first-child +td {
  white-space: nowrap;
}

table.cart col.paleblue, table.cart td.paleblue, 
table.cartSummary col.paleblue {
  background: #edf6f9;
}

table.cart th.pblue {
  background: #e3ecef url(/web/common/all_languages/all_regions/images/gradients/gen_gr_pblueheadfade1_50.gif) repeat-x bottom left;
}

table.cart tr.subhead th.pblue, table.cart td.pblue, table.cart tr.notes th.pblue {
  background: #e3ecef;
}

table.cart col.medblue {
  background: #e5f2f8;
}

table.cart th.mblue {
  background: #dde7ee url(/web/common/all_languages/all_regions/images/gradients/gen_gr_mblueheadfade1_50.gif) repeat-x bottom left;
}

table.cart tr.subhead th.mblue, table.cart td.mblue, table.cart tr.notes th.mblue {
  background: #dde7ee;
}

table.cart tr.grouphead td {
  text-align: left;
  font-weight: bold;
}

table.cart tr.rebates td {
  padding-top: 0;
  color: #0095d8;
}

table.cart tr.starttotals td {
  padding-top: 15px;
  border-top: 1px solid #d0d0d0;
}

table.cart tbody.totals tr td {
  border-top: 1px solid #fff;
}

table.cart tbody.group tr td {
  padding: 0 5px;
}

table.cart tbody.group tr.bottompadding td {
  padding: 0 5px 25px 5px;
}

table.cart td.paleblue a img {
  margin-bottom: -4px;
}

table.cart tr td select {
  margin-top: -3px;
}

table.cart td.features span {
  margin-left: 10px;
}

table.cart td p.features {
  margin: 0 0 0 10px;
  line-height: 1em;
}

table.cart th span {
  float: right;
  margin-bottom: 2px;
  font-size: 0.9em;
}

table.cart p {
  margin: 5px -5px 0 0;
}

table.cart .small {
  font-size: 0.9em;
}

table.cart td.checks p {
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/solutiontracker/gen_gr_orange_check.gif") no-repeat 0 0;
  padding-left: 15px;
}

/* Billing review tables */

table.bill {
  float: right;
  width: 50%;
}

table.bill col.right {
  text-align: right;
}

table.bill td:first-child +td {
  text-align: right;
}

table.cart tbody.group tr.bottompadding td, table.bill tr.bottompadding td {
  padding-bottom: 15px;
}

p.caption {
  float: left;
  width: 50%;
}


/* classes specific to checkout cart summary */

table.cartSummary {
  width: 310px;
}
div.cartSummary {
  width: 315px;
}

table.cartSummary td {
  padding: 5px 15px 5px 0px;
}

table.cartSummary col.leftpad {
  padding-left: 15px;
}

table.cartSummary td:first-child +td +td {
  padding-left: 15px;
}

table.cartSummary td:first-child +td +td +td, table.cartSummary td:first-child +td +td +td +td {
  text-align: right;
}

.subtotal, .total {
  border-top: 1px solid #d0d0d0;
}

.cartLogin {
  width: 200px;
  height: 140px;
  margin: -140px 0 0 150px;
}

.cartLogin #questionBox {
  margin-top: 10px;
}   

/* tables used on features/accessories on product extra pages */

.additionalFeatures table * td input, table.accessories * td input {
  margin-right: 5px;
  vertical-align: middle;
}

table.accessories {
  margin: 10px 0px;
}

table.accessories * td  {
  vertical-align: top;
}
  
  
/* Check box columns table */

table.checks {
  background: #f3f3f3;
  width: 100%;
  margin-top: 20px;
  border-top: 1px solid #d2d2d2;
  text-align: left;
}

table.checks th {
  font-weight: normal;
  font-size: 1.1em;
  color: #0095d8;
}

table.checks th, table.checks td {
  padding: 5px 10px;
  border-bottom: 1px solid #d2d2d2;
}

table.checks th {
  padding: 10px;
}

table.checks col.medium {
  background: #eee;
}

table.checks th:first-child +th, table.checks th:first-child +th +th +th, table.checks th:first-child +th +th +th +th +th, 
table.checks td:first-child +td, table.checks td:first-child +td +td +td, table.checks td:first-child +td +td +td +td +td {
  background: #eee;
}

table.checks img {
  margin-left: 5px;
}
  

/* Recommendation tables */

table.recommend {
  margin-bottom: 20px;
}

table.recommend col {
  text-align: center;
}

table.recommend col.left {
  text-align: left;
}

table.recommend td:first-child +td {
  text-align: left;
}

table.recommend th {
  font-weight: normal;
}

table.recomment tr td {
  color: #ff8231;
}

table.recommend th, table.recommend td {
  padding: 10px;
}

table.recommend col.paleblue {
  background: #edf6f9;
  text-align: center;
}

table.recommend th.pblue {
  background: #e3ecef;
}

table.recommend tr.subhead th.pblue, table.cart td.pblue {
  background: #e3ecef;
}

table.recommend col.medblue {
  background: #e5f2f8;
  text-align: center;
}

table.recommend th.mblue {
  background: #dde7ee;
}

table.recommend tr.subhead th.mblue, table.recommend td.mblue {
  background: #dde7ee;
}

table.recommend tr.orange td, table.recommend td.orange {
  color: #ff8231;
}
                    
/* classes for flex pricing */
/* long format, short format, and both formats
/* occurring in the context of planOptions (on TV) */

table.longFlexPrice, table.shortFlexPrice {
  width: 170px;
  padding: 0;
/*  float: right; */
  margin-bottom: 5px;
}

table.shortFlexPrice {
  width: 140px;   
}

.planOptions {
  width: 48%;
  float: left;
  padding: 0 0 0 7px;
}

.planOptions.firstBlock {
  padding: 0;
  margin: 0;
  border-right: 1px solid #ccc;
}
   

/* 
/* plan options for TV, "rent or purchase"
/* contains declaration for h4 input also, see above.
*/ 

.planOptions h4 {
  padding: 0px 0px 0px 15px; 
  margin-bottom: 10px;
}

.planOptions table.longFlexPrice {
  width: 125px;
  float: left;
} 

.planOptions table.longFlexPrice .creditHeader {
  font-size: 1.2em;
}

.planOptions table.shortFlexPrice {
  width: 125px;
  float: left;
} 

table.longFlexPrice th, table.longFlexPrice td {
  padding: 1px 0px; 
  text-align: right;
}

.planOptions table.longFlexPrice th, .planOptions table.longFlexPrice td  {
  padding: 3px 0px;
}

table.longFlexPrice td .mainPrice {
  font-size: 1.2em; 
  color: #0095d8;
}


.planOptions table.longFlexPrice td .mainPrice {
  font-size: 1em;
}

table.longFlexPrice tr.creditRow th, table.longFlexPrice tr.creditRow td {
  padding-top: 15px;
}

table.longFlexPrice tr.mainPriceRow.last th,
table.longFlexPrice tr.mainPriceRow.last td {
  padding-bottom: 4px;
  border-bottom: 1px solid #efefef;
}

table.longFlexPrice th,
table.shortFlexPrice th {
  font-weight: normal;
  text-align: left;
}

table.longFlexPrice td.salesNote {
  color: #a4a4a4;
  padding: 15px 0px 10px 0px;
  text-align: right;
}




/* Information blocks
----------------------------------------------------------------------------*/
.borderTop { border-top: 1px solid #d4d4d5; }
.borderRight { border-right: 1px solid #d4d4d5; }
.borderBottom { border-bottom: 1px solid #d4d4d5; }
.borderLeft { border-left: 1px solid #d4d4d5; }

.blockGroup {
  margin: 10px 0 10px 0;
}
.blockGroupBg {
  margin: 10px 0;
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_fade333_105.gif") no-repeat bottom right;
}

.textBlock {
  margin: 10px 10px 0 10px;
}
        

/* oneThird block */
.oneThirdColBlock, .oneThirdColBlockFirst, .twoThirdColBlock, .twoThirdColBlockFirst {
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_fade333_105.gif") no-repeat bottom right;
  width: 177px; 
  overflow: hidden;
  margin-top: 0px;
  padding: 10px 0 0 15px;
  float: left;
  height: 10.5em;
  position: relative;          
}

.oneThirdColBlockFirst {
  width: 192px;
  padding: 10px 0 0 0;
}            

.twoThirdColBlock {
	width: 383px;       	
}

.twoThirdColBlockFirst {
	width: 378px;
	padding: 10px 0 0 0;
}
             

/* IE needs narrower space */
* html * .oneThirdColBlockFirst {
	width: 189px;
}

.oneThirdColBlock h3, .oneThirdColBlockFirst h3,
.oneThirdColBlock h4, .oneThirdColBlockFirst h4,   
.oneThirdColBlock p, .oneThirdColBlockFirst p,
.twoThirdColBlock h3, .twoThirdColBlockFirst h3,
.twoThirdColBlock h4, .twoThirdColBlockFirst h4,   
.twoThirdColBlock p, .twoThirdColBlockFirst p, {
	margin-right: 15px;
}

#content div.oneThirdColBlock p a, #content .oneThirdColBlockFirst p a,
#content div.twoThirdColBlock p a, #content .twoThirdColBlockFirst p a {
  display: block;
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/buttons/gen_bo_arrow_orange_rt.gif") no-repeat 0 0.1em;  
  padding-left: 20px;
  margin: 10px 0 0 0;
}




/* halfwidth block */
.halfColBlock {
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_fade333_105.gif") no-repeat bottom right;
  width: 49%;
  height: 11.5em; 
  margin-top: 0px;
  padding: 5px 0 0 10px;
  float: left;
  overflow: hidden;
}

#content * .halfColBlock.first { /* element on left should have no padding on left */
   width: 48%;
   padding: 5px 0 0 0;
}


/* specific height for halfBlock */
.shorterBlock .halfColBlock {
  height: 9em;
}

.halfColBlock p {
  width: 90%;
  margin-bottom: 5px;
}

* html .halfColBlock p {
  width: auto;
  float: left;
  margin-right: 5px;
  position: relative;
}

.halfColBlock table {
  font-size: 0.9em;
  margin-top: -5px;
  position: relative;
}
.halfColBlock table td {
  padding: 0 5px 3px 0;
}

#wrap * .halfColBlock ul {
  margin: 5px 0px 0px 15px;
  float: none;
  position: static;
}

.halfColBlock * .alignDefault { /* exception for alignment */
  float: none;
}


/* occurrences of halfColBlock within .leftHalfWidth */

.leftHalfWidth .halfColBlock {
  width: 47%;
  height: 10em;
  padding-left: 5px;  
}
  
.leftHalfWidth div.halfColBlock.first {
  width: 46%;
  padding-left: 0;
}

.leftHalfWidth .halfColBlock h4 input, .planOptions h4 input {
  margin: 0 5px 0 -15px !important;
  margin: 0 0 0 -15px;
}


/* smallBlock used width paragraph floating on right of H3 on the same line */
.smallBlock {
  padding: 10px 0 0 0;
  clear: both;
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_fade333_105.gif") no-repeat bottom right;
}

.smallBlock h4 {
  line-height: 100%;
  margin-bottom: 5px;   
  width: 27%; 
  float: left;
}                       

.smallBlock p {
  width: 45%;
  margin-bottom: 5px;
}   

.smallBlock img {
	float: left;   
}

/* full width inside container */
.fullColBlock {
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_fade333_105.gif") no-repeat bottom right;
  clear: both;
  padding: 5px 0 0 0;
} 

.fullColBlockNoBg {
  background: none;
  clear: both;
}


* html .fullColBlock, * html .fullColBlockNoBg {
  width: 100%;
  position: relative;
}

.fullColBlock.first { /* only if a fullColBlock is the first element in the #left or #right col */
  padding-top: 0px;
}

.fullColBlock p, .fullColBlockNoBg p {
  width: 90%;
}

* html .fullColBlock p, * html .fullColBlockNoBg p{
  width: auto;
  position: relative; 
}

.fullColBlock .pricegrp, .fullColBlockNoBg .pricegrp {
  text-align: left;
  margin: 10px 0px;
}

.fullColBlock .pricegrp span, .fullColBlockNoBg .pricegrp span {
  font-size: 1em;
}



/* image floating inside colBlock elements */
.oneThirdColBlockFirst img, .oneThirdColBlock img, .twoThirdColBlockFirst img, .twoThirdColBlock img, .halfColBlock img, .fullColBlock img, .fullColBlockNoBg img, .fullHeightBlock img {
  float: right;
  position: relative;
  margin-bottom: 10px;
  margin-right: 1px !important;
  margin-right: 0px;  
}

.halfColBlock:after, .fullColBlock:after, .fullColBlockNoBg:after, .fullHeightBlock:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}


/* H4s need some bottom margin in colBlock element */
.halfColBlock h4, .fullColBlock h4, .fullColBlockNoBg h4, .fullHeightBlock h4 {
  margin-bottom: 5px;
}
    
.leftHalfWidth .halfColBlock h4 {
  padding-left: 15px;
}   

.oneThirdColBlock h4, .oneThirdColBlockFirst h4,
.twoThirdColBlock h4, .twoThirdColBlockFirst h4 {
  margin-bottom: 5px;
}         

/* visited links for these blocks remain grey */

#wrap * .halfColBlock h4 a:link,
#wrap * .oneThirdColBlock h4 a:link,
#wrap * .oneThirdColBlockFirst h4 a:link, 
#wrap * .twoThirdColBlock h4 a:link,
#wrap * .twoThirdColBlockFirst h4 a:link,
#wrap * .fullColBlock h4 a:link,
#wrap * .fullHeightBlock h4 a:link,
#wrap * .smallBlock h4 a:link {
	color: #696973; 
}    

#wrap * .halfColBlock h4 a:visited,
#wrap * .oneThirdColBlock h4 a:visited,  
#wrap * .oneThirdColBlockFirst h4 a:visited, 
#wrap * .twoThirdColBlock h4 a:visited,  
#wrap * .twoThirdColBlockFirst h4 a:visited, 
#wrap * .fullColBlock h4 a:visited,
#wrap * .fullHeightBlock h4 a:visited,
#wrap * .smallBlock h4 a:visited {
	color: #696973;
}
                                 
#wrap * .halfColBlock h4 a:hover,
#wrap * .oneThirdColBlock h4 a:hover,
#wrap * .oneThirdColBlockFirst h4 a:hover,
#wrap * .twoThirdColBlock h4 a:hover,
#wrap * .twoThirdColBlockFirst h4 a:hover,
#wrap * .fullColBlock h4 a:hover,
#wrap * .fullHeightBlock h4 a:hover,
#wrap * .smallBlock h4 a:hover {
	color: #696973;	
}	



/* for situation with two floating block when #content is in 1 column */
.fullColBlockBgRepeat {
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_fade300_105.gif") repeat-x bottom right;
  margin-bottom: 15px;
}

.fullColBlockBgRepeat .halfColBlock { /* specific CSS for reseting element inside this class */
   background: none;
   width: 46%;
   height: inherit;
   padding-right: 0px;
}

.fullColBlockBgRepeat .halfColBlock h3 { /* prevent two lines title */
  font-size: 140%;
}

/* height of 2 halfBlock floating on the right */
.fullHeightBlock {
  width: 49%;
  padding: 5px 0 10px 10px;
  float: right;
  height: 18em;
}
 
.threeColBlockBgRepeat {
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_fade192_105.gif") repeat-x bottom right;
	margin-bottom: 15px;
}

.threeColBlockBgRepeat .oneThirdColBlockFirst, .threeColBlockBgRepeat .oneThirdColBlock {
  height: auto;
  background: none;
}


/* class for overriding height of blocks */
#wrap * .medHeight { 
	 min-height: 13.4em !important;
	 height: 13.4em;
}

#wrap * .tallHeight { 
	 min-height: 13.4em !important;
	 height: 16.4em;
}

/* Grey box blocks */

.greyBox, table.greyBoxFade {
  margin: 15px 0;
  border: solid #d4d4d5;
  border-width: 0 1px 1px 1px;
}

div.greyBox {
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_fade581_107.gif") no-repeat bottom right;
  border-top: 1px solid #d4d4d5;  
}

table.greyBoxFade {
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_fade581_107.gif") no-repeat bottom right;
}

table.greyBox td.fade {
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_fade581_107.gif") no-repeat bottom right;
}

table.greyBox td, table.greyBoxFade td {
  padding: 10px;
  border-top: 1px solid #d4d4d5;
}

div.greyBox .topGrey {
  background: #fff url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_t_fade1_172d.gif") repeat-x top left;
  padding: 10px;
}

div.greyBox h4 {
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_fade152_54.gif") no-repeat bottom right;
  padding: 5px 5px 10px 10px;
  border-bottom: 1px solid #d4d4d5;
}


/* Shopping checkout classes */

.checkoutAddresses .halfColBlock, .checkoutAddresses .fullColBlock {
  height: auto;
}

.checkoutAddresses .halfColBlock h4, .checkoutAddresses .fullColBlock h4 {
  padding-left: 15px;
}

.checkoutAddresses .halfColBlock h4 input, .checkoutAddresses .fullColBlock h4 input {
  margin: 0 5px 0 -15px !important;
  margin: 0 0 0 -15px;
}

.checkoutAddresses .halfColBlock address {
  padding-left: 20px;
  font-style: normal;
}

.checkoutAddresses .fullColBlock #otherAddress {
  margin-left: 10px;
}



   
/* classes for where there are submit buttons at the top
 and bottom, where a notice in fine print is used */
#content div.submitNoticeTop span.fineprint,
#content div.submitNoticeBottom span.fineprint {
	display: block;  
	line-height: 1.3em;
}

#content div.submitNoticeTop {
  float: right;
  width: 50%;  
	margin: 20px 0 -20px 0;   
  text-align: right;
}   
   
#content div.submitNoticeBottom {
	margin-bottom: 20px;
  text-align: right;
	clear: both;
}

#content div.submitNoticeTop img,
#content div.submitNoticeTop button,
#content div.submitNoticeBottom img, 
#content div.submitNoticeBottom button {
	margin: 2px 0;  
 	position: relative;
}


/* tv landing featured products list
----------------------------------------------------------------------------*/
#wrap * ul#tvFeatured {
 	list-style: none;
	margin: 4px 0 0 0;
	padding: 0px;
	position: relative;
}

ul#tvFeatured li {
  display: block;
  padding: 0px;
  margin: 0px;
 	list-style: none;
	float: left;
}

ul#tvFeatured li a {
  display: block;
  padding: 10px 0 10px 39px;
	margin: 2px 0;
	float: left;
	width: 120px;
	line-height: 100%;
}

ul#tvFeatured li#hd a {
	background: url("http://www.bell.ca/tv/all_languages/all_regions/images/icons/small/hd.gif") no-repeat left center;
}

ul#tvFeatured li#itv a {
	background: url("http://www.bell.ca/tv/all_languages/all_regions/images/icons/small/itv.gif") no-repeat left center;
}

ul#tvFeatured li#ppv a {
	background: url("http://www.bell.ca/tv/all_languages/all_regions/images/icons/small/ppv.gif") no-repeat left center;
}
 
/* Product placeholder demo
----------------------------------------------------------------------------*/
.phoneLargeGradient {
  width: 270px;
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_fade270_410.gif") no-repeat bottom right;
}



/* Tabs elements (tabs css is in navigation.css)
----------------------------------------------------------------------------*/
.contentTabsBlock {
  padding: 15px 0px 15px 20px;
}


/* Lists 
----------------------------------------------------------------------------*/

/* general UL and OL declaration for #content area */
#content ul {
  margin: 0 0 14px 25px;
  padding: 0 0 0 0;
  list-style: square;
  list-style-position: outside;
}

#content ol {
  margin: 0 0 14px 35px;
  padding: 0 0 0 0 ;  
  list-style-position: outside;
}

#content ol li{
  padding: 0 0 0 0;
}

#content ul li {
  margin: 0px;
  padding: 0px;
}

/* FeatureList */

#content * ul.featureList {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

#content * ul.featureList li {
	background: url("http://www.bell.ca/common/all_languages/all_regions/images/buttons/gen_bo_arrow_orange_rt.gif") no-repeat 0px 0.2em; 
	margin: 10px 0px;
	padding: 0px 0px 0px 22px;
}

#content * ul.featureList li a {
	text-decoration: none;
	font-size: 1.3em;
	color: #696973;  
}
#content * ul.featureList li a:hover {
  text-decoration: underline;
}

/* two column list which uses two ul tags's */

#content div.twoColumnList {
  padding: 0px;
  margin-top: 10px;
  margin-bottom: 15px;
}

#content div.twoColumnList ul {
  margin-left: 15px;
  list-style: none;
  width: 35%;
  float: left;
}

* html #content div.twoColumnList ul {
  margin-left: 5px;
}

ul.twoColumnLeft {
  margin-left: 0em;
  padding-left: 25px;
  list-style: none;
  width: 35%;
  float: left;
}

ul.twoColumnRight { 
  margin-left: 0px;
  list-style: none;
  width: 35%;
  float: right;
}

/* Support Landing Page 
----------------------------------------------------*/

#content * #supportTopics .left, #content * #supportTopics .right {
  float: left;
  margin-top: 20px;
  margin-bottom: 45px;
  width: 175px;
}

#content * #supportTopics .right {
  margin-left: 15px;
}

#content * #supportTopics  * ul {
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
}

#content * #supportTopics  * ul li {
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_fade152_54.gif") no-repeat top right;
  margin-bottom: 5px;
}

#content * #supportTopics * ul li a {
  display: block;
  font-size: 1.27em;
  padding: 7px 0px;
  color: #696973;  
  width: 170px;
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/buttons/gen_bo_arrow_orange_rt.gif") no-repeat right center; 
}
 

/* Small Price Block
----------------------------------------------------------------------------*/

.smallPriceBlock {
	background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_fade152_54.gif") no-repeat bottom right;
	height: 60px;
	margin-top: 20px;
	padding-right: 15px;
}

.smallPriceBlock img {
  float: left;
}

.smallPriceBlock p {
  margin-left: 80px;
  padding-top: 15px;
  line-height: 1.2em;
}

.smallPriceBlock .price {
  float: right;
  margin-left: 20px;
}


/* Price lines
----------------------------------------------------------------------------*/

.priceLine {
  font-size: 1.25em;
}

.priceLine .price em {
  font-size: 1.35em;
  font-style: normal;
}

.priceLine span.note {
  font-size: 0.8em;
}


/* Pagers for switching page on results
----------------------------------------------------------------------------*/
.pager {
  clear: both;
  text-align: right;
  padding: 5px 0 5px 0;
  color: #a4a4a9;
	position: relative;
}
.pager a {
  padding: 0 3px 0 3px;
}
#content .pager a.active {
  color: #a4a4a9;
}

.pager span {
  float: left;
  text-align: left;
}


/* toggleList - onClick expand with list inside */
#content .toggleList {
  list-style: none;
  margin: 5px 0 20px 0;
  padding: 0;
  width: 100%;
}

#content .toggleList li {
  margin: 0 0 10px 0;
  padding: 2px 5px 2px 5px;
  border-top: 1px solid #e2e2e2;
  background: #f6f6f6 url("http://www.bell.ca/common/all_languages/all_regions/images/navigation/gen_gr_expand_coll_1px.gif") repeat-x left bottom;
}

/* body class for iframe inside a toggleList element */
body.iFrameToggleList {
  background: #f6f6f6;
  margin: 0px;
  padding: 0px;
}

#content .toggleList li.priceCol {
  background: none;
  text-align: right;
  border-top: none;
  padding-right: 50px;
  color: #0095d8;
  margin: 5px 0 3px 0;
}

#content .toggleList span.price {
  float: right;
  display: block;
  color: #0095d8;
}

#content .toggleList input {
  float: left;
  margin: 0 5px 5px 0;
}
* html #content .toggleList input {
  margin: -3px 0 0 -5px;
}

#content .toggleList a.open{
  padding: 0 12px 0 0;
  width: 50px;
  text-align: right;
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/arrows/gen_gr_arrow_gray_dn.gif") no-repeat right center;
}

#content .toggleList a.close{
  padding: 0 12px 0 0;
  width: 50px;
  text-align: right;
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/arrows/gen_gr_arrow_gray_up.gif") no-repeat right center;
}

#content .toggleList li a.open, #content .toggleList li a.close{
  display: block;
  float: right;
}

#content .toggleList li.fold ul, #content .toggleList li.fold ol, #content .toggleList li.fold a.close, #content .toggleList li.fold div {
  display: none;
}

#content .toggleList li.unfold ul {
  display: block;
  margin: 5px 10px 5px 15px;
  padding: 0 0 0 0;
  list-style: none;
  border-bottom: none;
  color: #444;  
}

#content .toggleList li.unfold ol {
  display: block;
  margin: 5px 10px 5px 20px;
  padding: 0 0 0 0;
  border-bottom: none;
  color: #444;
}

#content .toggleList li.unfold div {
  display: block;
  margin: 10px 5px 5px 0px;
}
#content .toggleList li.unfold div p{
  color: #7e7e7e;
  margin-left: 17px;
  margin-right: 5px;
}

#content .toggleList li.unfold div ul {
  margin-left: 10px;
}

#content .toggleList li.unfold ul li ul.close {
  display: none;
}
#content .toggleList li.unfold ul li ul.open {
  margin: 0 0 0px 5px;
  display: block;
}

#content .toggleList li.unfold a.open{
  display: none;
}

#content .toggleList li.unfold ul li, #content .toggleList li.unfold ol li{
  background: none;
  padding: 3px 0px;
  margin: 0;
  border: none;
}     

#content .toggleList ul li div {
  padding: 0 0 0 10px;
  margin: 0px;
}

#content .toggleList ul li div form.oneLine label {
  width: 140px;
}

#content .toggleList li.unfold form#whatsOnTonight {
  margin: 0 0 0 10px;
}

#content .toggleList li.unfold form#whatsOnTonight .showFilter {
  padding-left: 0px;
  margin-bottom: 0px;
  float: none;
  display: block;
  height: 4em;
  width: 90%;
  border-bottom: 1px solid #f6f6f6;
}

#content .toggleList li.unfold form#whatsOnTonight label {
  width: 65px;
}

#content .toggleList li.unfold form#whatsOnTonight input {
  margin-top: 0px;
}

* html #content .toggleList li.unfold form#whatsOnTonight button {
  margin: 10px 0 0 -8px;
  position: relative;
}


/* scrolling phones  
--------------------------------------------------------------------*/

.scrollerWrapper {
	clear: both;
	margin: auto; 
	padding: 0 0 15px 20px;
}                                 

.scrollerWrapper .scrollerViewPort { 
 	position:relative;
	width:440px;
	height:120px;
	overflow:hidden;     
	margin: auto;     
	float: left;
}

.scrollerWrapper.twoThird .scrollerViewPort {
	width: 230px;
  padding-left: 0px;
}
      
.scrollerWrapper .scrollerViewPort .scroller {
	position: absolute; 
}

.scrollingItem {
	padding: 0px 3px;   
}
        
.leftScrollArrow {
	padding: 50px 25px 0px 10px;
	float: left;  
	width: 13px;
} 

.rightScrollArrow {
	padding: 50px 10px 0px 5px;
	float: left;
	width: 13px;  
}     


/* contentTabsBlock, for blocks of content relevant to content tabs */
  
.contentTabsBlock dl {
  padding: 10px 0px;
}

.contentTabsBlock dl dt {
  margin-top: 10px;
  font-weight: bold;
}

.contentTabsBlock dl dd {
  margin-left: 0px;
  padding: 10px;
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_fade300_105.gif") no-repeat bottom right;
}
  
/* search result ol  */
#wrap * ol.searchResults{
  margin: 0 0 0 22px;
  padding: 0px;
}
#wrap * ol.searchResults li {
  padding-left: 30px;
  margin: 0px;
}


/* group of .greyLineGrp with floating icon on the left */
.grpIcons{
  width: 480px;
  margin-left: 96px;
  border-bottom: 1px solid #d4d4d5;
  margin-bottom: 25px;
}
.grpIcons img.icn {
  float: left;
  margin-left: -96px;
  position: relative;
}

/* group of element with a grey background H5 */
.greyLineGrp {
  margin-bottom: 10px;
  padding-bottom: 5px;
  padding-top: 0px; 	
  position: relative;
}
.greyLineGrp h3 {
  margin: 0 0 10px 4px;
}
.greyLineGrp h5{
  margin-bottom: 7px;
  margin-top: 0px;
  font-size: 1em;
  padding: 4px 5px 4px 5px;
  background: #f6f6f6 url("http://www.bell.ca/common/all_languages/all_regions/images/navigation/gen_gr_expand_coll_1px.gif") repeat-x left bottom;
}
.greyLineGrp p {
  margin: 2px 4px 0px 4px;
}
.greyLineGrp p span {
  display: block;
  width: 150px;
  float: left;
}
.greyLineGrp p img.aeroplan {
  margin: 0 0 -6px 0;
  display: inline;
}

.greyLineGrp .alertBox {
  width: 150px;
  float: right;
  margin: 0 20px 0 10px;
}

#wrap * .greyLineGrp ul.checkList {
  margin-left: 7px;
}


/* classes specific three column Features summary */

.featureColumns {
  width: 100%; 
  text-align: center;
}

.featureColumns .demoImage {
  width: 60px;  
  float: left;
}

.featureColumns .includedFeatures {
  width: 200px;
  text-align: left;
  float: left;
}

.featureColumns .additionalFeatures {
  width: 240px;
  float: left;
  text-align: left;
  padding-left: 40px;
}



/* These classes apply to price groups, usually a text, a price and an orangeButton 
-------------------------------------------------------------------------------------*/
.pricegrp {
	text-align: right;
}

.pricegrp p {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.pricegrp button {
  text-align: right;
  margin: 0 0 0 0;
  padding: 0px;
}
.pricegrp button img{
  margin: 0px;
  padding: 0px;
  float: right;
}

.pricegrp .price, .smallPriceBlock .price {
	font-size: 1.8em;
	color: #0095d8;
}


table.shortFlexPrice td .price {
	font-size: 1em;
}

.pricegrp .price em,
table.shortFlexPrice td .price em {
  font-size: 1.5em; 
  font-weight: normal;
  font-style: normal;
}

.pricegrp .sprice, table.vertical td em {
  font-style: normal;
	color: #0095d8;
}

.pricegrp .sprice em {
  font-size: 1.5em;
  font-weight: normal;
  font-style: normal;
}

.pricegrp img {
	background: none;
	padding: 0px;
	border: none;
	float: right;
} 

.pricegrp form {
  margin-top: -5px;
}
.pricegrp form button {
  width: 125px; 
  margin-top: 5px;  
  margin-bottom: 5px;
}                    

.pricegrp form select {
  margin: 7px 0 -1px 0;
  position: relative;
}

.twoColPriceGrp {
  padding: 0px;
  margin: 0px;
  clear: both;
}

.twoColPriceGrp .pricegrp {
  width: 50%;
  float: right;
  padding-bottom: 1em;
}

.tvVideoLeft .pricegrp {
  padding-left: 10px;
}

/* styles for tv lists and movie preview
-------------------------------------------*/
/* 4 col tvboxes */
.tvBoxes {
  float: left;
  width: 132px;
  height: 19em;
  margin: 15px 16px 0 0;
  padding-bottom: 5px;
  text-align: center;
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_fade333_105.gif") no-repeat bottom right;
}
.tvBoxes.last {
  margin-right: 0px;
}
.tvBoxes h4 {
  color: #0095d8;
  text-align: left;
  height: 2.3em;
}
.tvBoxes img {
  margin: 3px 0 5px 0;
}
.tvBoxes p {
  margin: 4px;
  text-align: left;
  clear: both;
}

/* 2 col horizontal tv boxes */
.tvBoxesResult {
  margin-top: 14px;
  overflow: hidden;
  width: 585px !important;
  width: 575px;
}
.tvBoxesHor {
  width: 280px;
  border-bottom: 1px solid #e1e1e1;
  float: left;
  height: 7.5em;
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_fade333_105.gif") no-repeat bottom right;
  margin: 0 12px 10px 0 !important;
    margin: 0 7px 10px 0;  
}
.tvBoxesHor img {
  float: left;
  margin-right: 10px;
}
.tvBoxesHor p {
  margin-bottom: 5px;
}

/* movie details */
.movieDetails {
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_twoFade575_375.gif") no-repeat bottom right;
}
.movieDetails .posterCol {
  width: 204px;
  float: left;
  padding: 5px;
  margin-top: 10px;
}
.movieDetails .posterCol .details {
  margin-top: 10px;
}
.movieDetails .posterCol .details img {
  float: left;
}
.movieDetails .posterCol .details p {
  float: right;
  width: 160px;
}

.previewCol, .movieDetails .previewCol {
  width: 330px;
  float: right;
  padding: 5px;
  margin: 10px 7px 0 0;
}

.movieDetails .previewCol .previewMovie {
  margin-bottom: 10px;
}

.movieDetails .previewCol .details h4 {
  margin-bottom: 3px;
}

.movieDetails .previewCol .details h4 span {
  display: block;
  float: left;
  width: 120px;
}
.movieDetails .previewCol .details h4 b {
  font-weight: normal;
  color: #0095d8;
}

/* styles for channel boxes in HDTV 
------------------------------------*/

.tvChannels {
  text-align: center;
  padding: 0 10px;
}

.tvChannels div.tvChannelsInner {
  width: 530px;
  margin: auto;
}

.tvChannelBox {
  width: 88px;
  height: 66px;
  margin: 7px;
  float: left;
}

.tvChannelBox img {
  padding: 0px;
}
            

/* 5 cols for channel landing page */
.narrowColWrap, .narrowColWrapFr {
  margin-top: 20px;
}

.narrowCol {
  float: left;
  position: relative;
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_fade333_105.gif") no-repeat bottom right;
  width: 114px;
  height: 22em;
  border-right: 1px solid #d8d8d8;
}

.narrowColWrapFr .narrowCol {
  width: 146px;
}

.firstNarrowCol {
  width: 115px;
}

.narrowColWrapFr .firstNarrowCol {
  width: 133px;
}

.narrowCol h3, .narrowCol p {
  margin: 0 0 5px 10px;
  line-height: 115%;
}

#content .narrowCol h5 {
  margin-left: 10px;
  color: #696973;  
  font-size: 1.05em;
  margin-bottom: -5px;
}

#content .narrowCol h5 em {
  font-style: normal;
  color: #0095d8;
  font-size: 1.3em;
}

.firstNarrowCol h3, .firstNarrowCol p {
  margin: 0 5px 5px 0;
}

#content .firstNarrowCol h5 {
  margin-left: 0;
}

.narrowCol img {
  float: right;
}

#content .narrowCol p {
  clear: left;
  margin: 15px 0 0 10px;
}

#content .firstNarrowCol p {
  margin: 15px 0 0 0;
}

#content .narrowCol ul {
  clear: both;
  margin: 5px 0 2px 10px;
  padding: 0;
  float: none;
}

#content .firstNarrowCol ul {
  margin-left: 0;
}

#content .narrowCol ul li {
  float: left;
  clear: left;
  list-style-type: none;
  width: 88%;
  background: url("http://www.bell.ca/common/all_languages/all_regions/images/icons/tv_gr_grey_bullet.gif") no-repeat 0 6px;
  margin: 0 0 2px 0;
  padding-left: 7px;
}

#content .narrowCol p.details {
  margin-top: 0px;
  margin-bottom: 3px;
}

/* Popups
------------------------------------*/

body.smallPopup {
	background: url("http://www.bell.ca/common/all_languages/all_regions/images/gradients/gen_gr_fade581_107.gif") no-repeat bottom right;
  margin: 0 30px 10px 30px;
  text-align: left;
}

body.smallPopup h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}

body.smallPopup ul li {
  margin-bottom: 15px;
}

body.smallPopup .withRightImage p, body.smallPopup .withRightImage ul {
  margin-right: 200px;
}


/* VUCARE ---------------------------------------------------------------------*/
.vucare_inner_table {
	width: 530px;
  border-collapse: collapse;
}
 
.vucare_padding {
   padding-left: 10px;  
}
 
.vucare_outer_table {
  width: 576px;
	border-collapse: collapse;  
}


/* tool tips ---------------------------------------------------------------------*/
.tip {
  border: 1px solid #666666;
  background: #fffac1;
  padding: 3px;
  position: absolute;
  z-index:100;
  width: 120px;
  display: none;
}

.orangeBorder {
  border:1px solid #FF7C33;
}


/* temporary classes ---------------------------------------------------------------------*/

.demoPlaceholder {
	height: 450px;
	border: 1px solid #ccc;
}

#content .missingElement {
   border: 1px solid #ccc;
   height: 50px;
   padding: 0px;
   margin: 0 0 10px 0;
}