/* old version Bell.ca: main.css */

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

/* CSS for general elements
------------------------------------------------------------------------------*/
/*@import url("general.css");*/
/* general.css */
/* general declarations and common elements */

/* CSS for sIFR
---------------------------------------------*/
/*@import url("sIFR-screen.css");*/
/* These are standard sIFR styles... do not modify
----------------------------------------------------------------*/

.messageBox2 {border:1px solid #ddd;background: #fff url("/web/common/all_languages/all_regions/images/bg_alertWarning.gif") repeat-x left bottom;margin:15px 0;padding:10px}
.messageBox2Logo {float:left}
.messageBox2Text {margin-left:50px;color:#212121}

.sIFR-flash {
  visibility: visible !important;
 	margin: 0;  
	background: transparent;
}

.sIFR-replaced { 
  visibility: visible !important;
}

span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash #contentgrp h1 {
	visibility: hidden;
	width: 285px;
  letter-spacing: -3px;
  /* line-height: 0.8em; - may need to do this for extremely long titles need to test for no-flash and for print */
	background: transparent;
}

.sIFR-hasFlash #contentgrp h3.sifr {
  visibility: hidden;
  letter-spacing: -3px;
	background: transparent;
}

.sIFR-hasFlash #contentgrp h1 span.sfirSup sup{
  font-size: 0.5em;
  font-style: normal;
  line-height: 200%;
}



body {
  background: #fff;
  margin: 0;
  text-align: center;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color: #555; 
}
   

/* specific declarations for table due to occasional
   inheritance issues */   

table, table *,
#wrap * table, 
#wrap * table td, 
#wrap * table th {
	font-family: arial, helvetica, sans-serif;   
	font-size: 1em;
	line-height: 1.3em;
}                        

img { border: 0px; }

h1, h2, h3, h4, h5 {
  margin: 0;
  font-weight: normal;
}

h1 {
  letter-spacing: -1px;
  line-height: 1em;
  font-size: 2.45em;
  color: #0095d8;
	width: 285px;
}

h2 {
  z-index: 10;
  position: relative;
  width: 280px;
  margin: -2px 0 0 0;
	padding: 0;
  font-size: 1.75em;
  color: #afb0b1;
}


h2.fullwidth {
  width: auto;
}

h3 {
  font-size: 1.6em;
  color: #0095d8;
}

h3 b {
  font-weight: normal;
  color: #afb0b1;
}

h3 span, h5 span {
  float: right;
}

h3.check {
  background: url("/web/common/all_languages/all_regions/images/solutiontracker/gen_gr_orange_check.gif") no-repeat 0 0;
  padding-left: 15px;
}

#content * h3 a{
  color: #0095d8;
}

h4 {
  font-size: 1.27em;
}

#questionBox h4.head {
  background: #e2eef1;
  margin: -7px -7px 8px -7px;
  padding: 5px 10px;
  color: #0095d8;
  position: relative;
}

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

h4.withIcon img {
  margin-bottom: -25px
}

h5 {
  font-size: 1.1em;
  margin: 8px 0 0 0;
}

h5.faded {
  background: #f6f6f6 url("/web/common/all_languages/all_regions/images/navigation/gen_gr_expand_coll_1px.gif") repeat-x left bottom;
  padding: 2px 10px;
  color: #0095d8;
}

h5.faded span a {
  font-size: 0.9em;
}

p {
  margin: 0px 0px 15px 0px;
/* line-height: 1.5em; */
  line-height: 1.3em; 
  font-size: 1em;
}

p.checkmargin {
  margin-left: 15px;
}

p.bulleted, p.lastbulleted {
  clear: left;
  display: block;
  margin: 10px 10px;
  padding-top: 10px;
  border-bottom: 1px solid #d4d4d5;
}

p.lastbulleted {
  border-bottom: none;
}

p.bulleted img, p.lastbulleted img {
  float: left;
  margin: -10px 5px 0 0;
}

p img {
	padding-bottom: 5px;
}

li {
  line-height: 1.3em;
}

hr {
  border: 0;
  height: 0px;
  text-indent: -10000px;
  padding: 3px 0 3px 0;
  background: transparent;
  color: #fff;
}

sup {
  vertical-align: top;
  font-size: 0.85em;
  line-height: 120% !important;
  line-height: 100%;
}

select {
  font-size: 0.95em;
}

iframe {
  border: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

.strike {
  text-decoration: line-through;
}  

.nowrap {
	white-space: nowrap;
}

.fineprint {
  font-size: 0.95em;
  margin-bottom: 10px;
}

.fineprint p {
  margin: 0px;
  padding: 0px;
}

.error, td.error, 
th.error, .error label, 
#dashboard #dashboardContent .error,
#myBell .error {
	color: #fe0909;
 	font-weight: bold;
} 

/* anchors */

a, #wrap * a, #content * #myBell * a:visited {
  color: #00446E;
  text-decoration: none;
}

/* colour for myBell shop/support box remain orange
   regardless of visited */

#content * a:visited,
#content .toggleList li a:visited {
  color: #0077BF;
}                                

a:hover {
  text-decoration: underline;
}


/* Colors Classes */

.blue, .price, .questionItem {
   color: #0095d8;
}

.grey {
   color: #a5a5ab;
}

.orange {
  color: #ff8231;                              	
}


/* Classes for layout exceptions 
-------------------------------------------------------*/

/* ul with no bullets */ 

#wrap * ul.noBullets, #wrap * ul.actionList {
  list-style: none;
  margin-top: 5px;
  margin-left: 10px;
  padding-left: 0px;
  clear: both;
}                

#wrap * ol.questionList {
  margin-left: 0.5em;
  padding-left: 1.5em; 
}

#wrap * ul.actionList {
  margin-left: 0;
}       

#wrap * ul.noBullets li, #wrap * ul.actionList li {
  padding-bottom: 10px;
}

#wrap * ul.condensed li, #wrap * ol.condensed li {
  padding: 0;
}

#wrap * ul.horizontalMenu {
  margin: 0px;
  padding: 3px 0 0 0;
  list-style: none;
}

#wrap * ul.horizontalMenu li {
  float: left;
  margin: 0 10px 0 0;
}

#wrap * ul.horizontalMenu li.last {
  margin-right: 0;                                
}

/* class to put 5px gap */
.marginTop { margin-top: 5px; }
.marginTopHigh { margin-top: 20px; }
.marginBottom { margin-bottom: 5px; }
.marginRight { margin-right: 5px; }
.marginLeft { margin-left: 5px; }

#wrap * .leftIndent { padding-left: 2em; }

/* classes where we need to narrow top or bottom space */

.noBotSpace {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#wrap * .noTopSpace, #wrap * #content .noTopSpace {
  margin-top: 0;
  padding-top: 0;
}              

#wrap * .noLeftSpace, #wrap * #content .noLeftSpace {
  margin-left: 0;
  padding-left: 0;
}

#wrap * .noSpace {
  margin: 0;
}

#wrap * .noBorders {
  border: none;
}

#wrap * .nobg {
  background: none;
}

.alignDefault {
  float: none;
}

.alignLeft {
  float: left;
  text-align: left;
}

.alignRight {
  float: right;
}

.textRight {
  text-align: right;
}

.textLeft {
  text-align: left;
}


.lineReset {
  clear: both;
}

.sep {
  margin-top: 30px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #d4d4d5;
}

.rightSpace {
  margin-right: 10px;
}

.leftSpace {
  margin-left: 10px;
}

.hide { display: none; visibility: hidden; }
.show { display: block; visibility: visible; }

/* forms elements */

button {
  background: none;
  border: none;
  width: auto;
  text-align: right;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}


/* top level wrapper which allows us to center the page */
#wrap {
  margin: 0 auto;
  width: 760px;
  text-align: left;
  position: relative;
}

#skipnav {
	position: absolute; left: -1000em; width: 20em; 
} 


#header {
	height: 1%;
}

/* header elements */
#header #logo {	
	float: left;
	margin: 15px 0px 0px 5px;    
}


/* Dashboard
----------------------------------------- */
#dashboard {
  position: absolute;
  z-index: 10000;
  width: 285px;
  top: 0px;
  right: 0px;
  overflow: hidden;
  padding: 0 0 0 0;
  text-align: left;
  background: transparent url("/web/common/all_languages/all_regions/images/dashboard/gen_gr_bg_grey_5X126_bot.gif") no-repeat bottom left;   
}

#dashboard.home {
	position: relative;    
	top: 4px;
	left: 10px;
	width: 285px;
	z-index: 10000;
	overflow: hidden;
	padding: 0;
	text-align: left;
	background: transparent url("/web/common/all_languages/all_regions/images/dashboard/gen_gr_bg_grey_5X126_bot.gif") no-repeat bottom left;
}

#dashboard h4 {
  background: url("/web/common/all_languages/all_regions/images/navigation/lna_gen_gr_shadow_top.gif") no-repeat top left;
  padding: 0 0 0 5px;
  float: left;      
}

#dashboard p#textInfo {
  background: url("/web/common/all_languages/all_regions/images/dashboard/gen_gr_bg_grey_280X22_p.gif") no-repeat bottom right;
  margin: 0px 0 0 2px;
  padding: 0px 100px 10px 16px;
  position: relative;
}  


#dashboard ul#nav {
  list-style: none;
  margin: -10px -1px 0 0;
  float: right;
  position: relative;
  z-index: 20;
} 

#dashboard.home ul#nav{
	margin-top: -20px;
}                   

#dashboard ul#nav li {
  float: left;
}        

#dashboard ul#nav li a {
  padding: 0 2px 0 2px;
}
 
#dashboard #dashboardContent {
  background: #e0f4ff url("/web/common/all_languages/all_regions/images/dashboard/gen_gr_bg_blue_6px_top.gif") repeat-x top left;
  border-top: 1px solid #D8DAD9;
  margin-left: 5px;
  clear: both;
  position: relative;
  z-index: 2; 
}

#dashboard #dashboardContent div.help {
  width: 115px;
  float: right;
  margin: 10px 5px -5px 0;
}  

#dashboard #dashboardContent p  {
  font-size: 12px;
  line-height: 115%;
  margin-bottom: 8px; 
  position: relative;
}

#dashboard #dashboardBottom {
  height: 6px;
  margin-left: 5px;
  background: #cfeffe url("/web/common/all_languages/all_regions/images/dashboard/gen_gr_bg_blue_6px_bot.gif") repeat-x bottom left;
}


#dashboard.home #dashboardBottomShadow {
  height:16px;
  margin-left: 5px; 
  background:  url("/web/common/all_languages/all_regions/images/dashboard/hom_gr_bg_bot.gif") no-repeat bottom left;	
} 

            

/* closed state */  
#dashboard.close #dashboardContent {
  height: 6px;
}
#dashboard.close #dashboardContent * {
  display: none;
}
#dashboard.close ul#nav li.cancel {
  display: none;
}
#dashboard.close ul#nav li.hideDash {
  display: none;
}

#dashboard.close ul#nav li.showDash a {
  padding-left: 18px;
  border-right: 1px solid #e3e4e4;
  background: url("/web/common/all_languages/all_regions/images/arrows/gen_gr_arrow_orange_dn.gif") no-repeat left center;    
}
 
body.fr * #dashboard.close ul#nav li.showDash a {
	padding-left: 22px;
}

/* open state */


#dashboard.open #dashboardContent ul {
  display: block;
}  

#dashboard.open ul#nav li.miniDBForm {
  display: none;
}                  

#dashboard.open ul#nav li.login {
  display: none;
}

#dashboard.open ul#nav li.showDash {
  display: none;
}

#dashboard.open ul#nav li.hideDash a {
  padding-left: 24px; 
  border-right: 1px solid #e3e4e4;
  background: url("/web/common/all_languages/all_regions/images/arrows/gen_gr_arrow_orange_up.gif") no-repeat left center;
}
 
body.fr * #dashboard.open ul#nav li.hideDash a {
	padding-left: 15px; 
	border-right: 1px solid #e3e4e4;
  background: url("/web/common/all_languages/all_regions/images/arrows/gen_gr_arrow_orange_up.gif") no-repeat left center;
}


/* user menu */
#dashboard ul#userMenu {
  margin: 0 0 -6px 0;
  padding: 0 10px 0 0;
  background: url("/web/common/all_languages/all_regions/images/dashboard/gen_gr_bg_blue_shadow_usermenu.gif") no-repeat top right;
  list-style: none;
  width: 100px;
  float: left;
  position: relative;
}

#dashboard ul#userMenu li {
	background: #fff url("/web/common/all_languages/all_regions/images/navigation/lna_bo_main_of.gif") no-repeat bottom left;
  border-bottom: 1px solid #d9d9d9;	
  margin: 0px;
  padding: 0px;  
}

#dashboard ul#userMenu a {
  display: block;
  margin: 0px;
  line-height: 100%;
  padding: 7px 0 6px 16px !important;
  padding: 4px 0 3px 16px;  
}


#dashboard ul#userMenu li.on a {
	color: #0095d8;
}

#dashboard ul#userMenu a:hover {
  color: #0095d8;
  text-decoration: none;
}

/* user LOB product list */
#dashboard p.myProduct {
  width: 165px;
  float: right;
  padding: 0.5em 0 0 0;
}

#dashboard ul#userProduct {
  float: right;
  margin: 0 0 -6px 0;
  padding: 0px;
  list-style: none;
  width: 165px;
  height: 48px;
  position: relative;
  z-index: 25;
}


#dashboard.home ul#userProduct {
  margin-bottom: -6px;
}

#dashboard ul#userProduct li {
  float: left;
  margin: 0 0 0 0;
  padding: 0px;
}

#dashboard ul#userProduct li img {
  margin: 2px 0 0 0;
  margin-bottom: -3px;
}



#dashboard #profileRetreiving {
  height: 115px;
  width: 277px;  
  position: absolute;
  top: 5px;
  left: 0px;
  z-index: 15000;
  text-align:center;  
  background: #e0f4ff;
}



/* solution tracker 
------------------------------------------------------------------------------*/

#solutionTracker {
  background: transparent url("/web/common/all_languages/all_regions/images/dashboard/gen_gr_bg_grey_5X126_bot.gif") repeat-y bottom left;
  padding-left: 5px;
	margin-bottom: 20px;
	margin-left: -5px !important;
  margin-left: 0px;	
}

#content #solutionTracker ul.contentTabs {
  background: url("/web/common/all_languages/all_regions/images/navigation/lna_gen_gr_shadow_top.gif") no-repeat top left;
  margin: 0 0 0 -5px;
  padding-left: 5px;
  font-size: 1.1em;
}

#content #solutionTracker ul.contentTabs li.laston {
  padding-right: 20px;
}

#solutionTracker ul#trackerSteps {
  background: url("/web/common/all_languages/all_regions/images/gradients/gen_gr_fade193_x4.gif") repeat-y bottom left;
  margin: 0;
  padding: 0;
  border-top: 1px solid #dcdcdc;  
}

#solutionTracker ul#trackerSteps.threecol {
  background: url("/web/common/all_languages/all_regions/images/gradients/gen_gr_fade192_x3.gif") repeat-y bottom left;
  margin: 0;
  padding: 0;
}

#solutionTracker ul#trackerSteps li {
  display: block;
  float: left;
  background: transparent;
  width: 144px;
  padding: 5px 0 10px 0;
  list-style-type: none;
}

#solutionTracker ul#trackerSteps.threecol li {
  width: 192px !important;
  width: 190px;
}

#solutionTracker ul#trackerSteps li.step4 {
  width: auto;
}

#solutionTracker ul#trackerSteps li h4, #solutionTracker ul#trackerSteps li h5 {
  margin: 5px 10px 0 10px;
}

#solutionTracker ul#trackerSteps li h4 {
  font-size: 1.1em;
  color: #0095d8;
}

#solutionTracker ul#trackerSteps li h5 {
  font-size: 1em;
}

#solutionTracker ul#trackerSteps li h5 a {
  float: right;
  display: block;
  padding: 0 0 5px 5px;
}

#solutionTracker ul#trackerSteps li ul {
  margin: 0;
  padding: 0;
}

#solutionTracker ul#trackerSteps li ul li {
  float: none;
  display: list-item;
  clear: both;
  background: url("/web/common/all_languages/all_regions/images/solutiontracker/shp_gr_bullet.gif") no-repeat 0 6px;
  width: auto !important;
  margin: 3px 10px 8px 10px;
  padding: 0 0 0 6px;
}

#solutionTracker ul#trackerSteps.threecol  li ul li {
	width: auto !important;
}

#solutionTracker ul#trackerSteps li ul li span {
  float: right;
  margin-left: 5px;
  color: #0095d8;
}

#solutionTracker #bonus {
  position: relative;
  background: #f3f3f3 url("/web/common/all_languages/all_regions/images/gradients/gen_gr_t_fade1_46.gif") repeat-x top left;
  padding: 10px;
  border-top: 1px solid #d4d4d5;  
  border-bottom: 1px solid #fff;
}

#solutionTracker #bonus h4 {
  margin: 0;
  font-size: 1em;
  color: #0095d8; 
}

#solutionTracker #bonus p {
  margin: 0;
}

#solutionTracker #bonus ul {
  float: right;
  margin: 0;
}

#solutionTracker #bonus ul li {
  list-style-type: none;
  width: 220px;
  font-size: 0.9em;
}

#solutionTracker #bonus ul li span {
  float: right;
  margin-left: 20px;
}

/* popup
------------------------------------------------------------------------------*/
body.popup {
  padding: 25px;
}

body.popup #wrap {
  width: auto;
  position: static;
}

body.popup #wrap #contentgrp {
  margin: 0px;
  padding: 0px;
  width: auto;
}


/* footer
------------------------------------------------------------------------------*/           

#footer {
  margin: 20px 0 10px 0;
  text-align: right;    
  clear: both;
  font-size: 0.95em;
}

#footer p {
	margin: 0;
	padding-top: 15px;
	padding-right: 12px;
}

#footer ul {
	margin: 0 0 7px 0; 
	padding: 0;
   list-style: none;
	float: right;
	clear: both;
}

#footer ul li {
  float: left;
  display: block;
  padding: 0 12px;
}

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

#footer ul li a:hover {
  text-decoration: underline;
} 
         

/* province selector
-----------------------------------------------------------------*/
#provinceSelectorBox {
	width: 217px; 
	height: 57px;
	position: absolute;
	right: 14px;
    margin-right: auto;
	z-index: 20000; 
	background: url("/web/common/all_languages/all_regions/images/geolocator/gen_gr_bg_geolocator.gif") no-repeat top left;
	padding: 50px 0px 0 120px;
	display: block;
	border: none;	
}            

#provinceSelectorBox label {
  margin-bottom: 2px;
  display: block;
}

#provinceSelectorBox button {
	vertical-align: middle;
 	margin: 0 0 1px -2px;
}
         
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {display: inline-table;}

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

.inquira {
	display:none;
}

/* CSS for utilitynav (top navigation) and mainnav (left navigation)
------------------------------------------------------------------------------*/
/*@import url("navigation.css"); */
/* navigation.css - CSS declarations for navigational elements */

/* utility nav for province selection, language selection and shopping cart 
-----------------------------------------------------------------------------*/


#header #utilitynav {
   float: right;
}

#utilitynav {
	height: 30px;
}

#utilitynav.popup {
  margin-right: -15px;
}

#utilitynav ul {
  margin: 0;
  padding-left: 0;
}

#utilitynav ul li {
  display: inline;
  float: right;
  list-style-type: none;
  margin-left: 18px;
  padding-top: 7px;
}

#utilitynav ul li.cartempty {
  background: url("/web/common/all_languages/all_regions/images/navigation/tna_gr_cart_empty.gif") no-repeat top left;
  height: 25px;
  padding: 7px 10px 0px 40px;
}

#utilitynav ul li.cartfull {
  background: url("/web/common/all_languages/all_regions/images/navigation/tna_gr_cart_full.gif") no-repeat top left;
  height: 25px;
  padding: 7px 0px 0px 40px;
}

#utilitynav ul li.cartfull a {
  color: white;
  display: block;
  margin-right: 10px;
}

#utilitynav ul li.emptytab {
  background: url("/web/common/all_languages/all_regions/images/navigation/tna_gr_utility_tab.gif") no-repeat top left;
  height: 25px;
  padding: 7px 10px 0px 20px;
}

#utilitynav ul li.emptytab a {
  background: url("/web/common/all_languages/all_regions/images/navigation/tna_gr_closebox.gif") no-repeat top left;
  padding-left: 15px;
}

#utilitynav ul li a {
  text-decoration: none;
  color: #555555;  
}

#utilitynav ul li a:hover {
  text-decoration: underline;
}

#utilitynav ul li a span {
  color: #aaaaad;
}

/* main navigation group */

#mainnavgrp {
  float: left;
  width: 165px;
  padding-top: 13px;
  padding-bottom: 15px;
}

#mainnavgrp form {
	margin-left: 5px;
}

#mainnavgrp button {
  background: none;
  border: none;
}


/* search form */

#searchForm {
	margin: 0px;
	padding: 10px;
  background: #fff url("/web/common/all_languages/all_regions/images/navigation/lna_gen_gr_fade_searchbx.gif") no-repeat top left;
}

#nosearch {
  height: 6em;
}

#searchForm p { margin: 0px; padding: 0px; vertical-align: bottom; }      

#searchForm .orangeRightArrow {
	margin-top: -11px !important;
	margin-top: -3px;
}

/* buttons */

.orangeRightArrow {
	padding: 0px 0px 1px 4px ;
	vertical-align: middle;
	border: none;
	background: none;
}

.orangeDownArrow {
	padding: 0px;
	vertical-align: middle;
}

/* main navigation 
-----------------------------------------------------------------------------*/

#mainnav {
  background: url("/web/common/all_languages/all_regions/images/navigation/lna_gen_gr_shadow_top.gif") no-repeat top left;
  margin: -1px 0px 15px 0px;
  padding: 0px;
  position: relative;    
}

#mainnav #tabs {
	margin: 0px 0px 0px 5px;
   padding: 0;
}

#mainnav #tabs * {
  float: left;
} 

#mainnav #shop, #mainnav #support {
  background: transparent url("/web/common/all_languages/all_regions/images/navigation/lna_gen_gr_shadow_bot.gif") no-repeat bottom left;
  margin: 0px;
  padding-left: 5px; 
}

#mainnav #shadowBothOff {
  height: 40px;
  width: 165px;
  margin: -15px 0 0 -1px;
  background: transparent url("/web/common/all_languages/all_regions/images/navigation/gen_gr_both_off_bottom_shad.gif") no-repeat bottom left; 
}

#mainnav p {
  margin-left: 10px;
}

#mainnav ul {
  margin: 0;
  padding-left: 0;
  border-top: 1px solid #d9d9d9;
  width: 160px;
}

#mainnav ul li {
	background: url("/web/common/all_languages/all_regions/images/navigation/lna_bo_main_of.gif") no-repeat bottom left; 
	list-style-type: none;
	padding: 4px 0 4px 10px;
   border-bottom: 1px solid #d9d9d9; 
 	line-height: inherit;   
}


#mainnav ul li.on {
  padding: 5px 0px 0 10px;
  margin: 0px;
  border: none;
}

/* main nav level one links */
#mainnav ul li a {
   text-decoration: none;
   color: #555555;
   display: block;
}

#mainnav ul li a:hover {
   color: #0095d8;
}

#mainnav ul li a.show {
  color: #ff8230;
}

#mainnav ul li a.show:hover {
  color: #0095d8;
}

#mainnav ul li.on a {
  color: #0095d8;
}

/* current level-one menu and sub-menu */
#mainnav ul li.on div  {
 	background: url("/web/common/all_languages/all_regions/images/navigation/lna_bo_main_of.gif") no-repeat bottom left; 
 	padding: 0px 0 5px 10px;             
 	margin-left: -10px;
 	border-bottom: 1px solid #e4e5e5;    
}

/* level-two menu */
#mainnav ul li.on ul {
  background: url("/web/common/all_languages/all_regions/images/navigation/lna_gen_gr_subnav_of.gif") repeat-y top right;
  margin: 0px 0px 0px -10px;
  padding: 0;   
  border: none;        
  list-style-type: none;
}


#mainnav ul li.on ul li {
   background: none;
   list-style-type: none;
   border-bottom: none; 
   padding: 0;  
	overflow: hidden;  /* added for IE7 */
}

#mainnav ul li.on ul li.on {
	background: #dcdcdc;
}

/* level-two menu links colour  */
#mainnav ul li.on ul li a {
   display: block;
   background: transparent url("/web/common/all_languages/all_regions/images/navigation/lna_gen_gr_subnav_of.gif") repeat-y top right;  
   padding: 3px 2px 3px 16px;
   border-bottom: 1px solid #e4e5e5; 
   text-decoration: none;
   color: #fff;  
   overflow: hidden;
}



/* declaration for first and last a element */
#mainnav ul li.on ul li a.first {
  background: transparent url("/web/common/all_languages/all_regions/images/navigation/lna_gr_subnav_1px_top.gif") repeat-x top left;
  padding-top: 5px;  
}

#mainnav ul li.on ul li a.last {
  background: transparent url("/web/common/all_languages/all_regions/images/navigation/lna_gr_subnav_1px_bot.gif") repeat-x bottom left;
  border-bottom: none;
  overflow: hidden; /* added for IE7 */
}

#mainnav ul li.on ul li.on a {
  background: #dcdcdc;
  border-bottom: 1px solid #c8c8c8;
  padding: 4px 0 4px 16px !important;
  padding: 1px 3px 2px 25px; 
}



/* and if first or last a element is on */
#mainnav ul li.on ul li.on a.first {
  background: #dcdcdc url("/web/common/all_languages/all_regions/images/navigation/lna_gr_subnav_light_1px_top.gif") repeat-x top left;
  padding: 3px 0 2px 16px !important;
  padding: 3px 3px 2px 25px;
}

#mainnav ul li.on ul li.on a.last {
  background: #dcdcdc url("/web/common/all_languages/all_regions/images/navigation/lna_gr_subnav_light_1px_bot.gif") repeat-x bottom left;
  border-bottom: none;
  padding: 2px 0 2px 16px !important;
  padding: 1px 3px 2px 25px;
}

#mainnav ul li.on ul li a:hover {
  color: #0095d8;
}

#mainnav ul li.on ul li.on a {
  color: #0095d8;
}

#mainnav ul li.on ul li.on a:hover {
  color: #0095d8;
}

/* 3rd level nav */
#mainnav ul li.on ul li.on ul {
  margin: 0px;
  background: #909096 url("/web/common/all_languages/all_regions/images/navigation/lna_gen_gr_3rdLevel_of.gif") repeat-y top right;  
}  

#mainnav ul li.on ul li.on ul li a, #mainnav ul li.on ul li.on ul li a.first, #mainnav ul li.on ul li.on ul li a.last {
  background: transparent;
  color: #fff;
  border-bottom: 1px solid #bbbbbf;
  width: 134px;  
  padding: 2px 0px 2px 26px !important;
  padding: 1px 0px 2px 36px;
}            
    


#mainnav ul li.on ul li.on ul li a:hover {
  color: #dbdbe1;
}   

#mainnav ul li.on ul li.on ul li.on {
  background: #b2b2b2;
}  

#mainnav ul li.on ul li.on ul li.on a, #mainnav ul li.on ul li.on ul li.on a:hover {
  color: #fff;
}

#mainnav ul li.on ul li.on ul li a.first {
  background: transparent url("/web/common/all_languages/all_regions/images/navigation/lna_gr_3rdLevel_top.gif") no-repeat top left; 
  padding: 4px 0px 2px 26px !important;
  padding: 3px 0px 2px 36px; 
}
#mainnav ul li.on ul li.on ul li a.last {
  background: transparent url("/web/common/all_languages/all_regions/images/navigation/lna_gr_3rdLevel_bot.gif") no-repeat bottom left;  
  padding: 2px 0px 5px 26px !important;
  padding: 1px 0px 5px 36px;
}
    
/* if first of 3rd level element is on */
#mainnav ul li.on ul li.on ul li.on a.first {
  background: transparent url("/web/common/all_languages/all_regions/images/navigation/lna_gr_subnav_3_lgt_1px_top.gif") repeat-x top left;    
  padding: 4px 0 2px 26px !important;
  padding: 3px 1px 2px 35px;
}   
     
/* if last of 3rd level element is on */
#mainnav ul li.on ul li.on ul li.on a.last {
  background: transparent url("/web/common/all_languages/all_regions/images/navigation/lna_gr_subnav_3_lgt_1px_bot.gif") repeat-x bottom left;
  border-bottom: none;
  padding: 2px 0 5px 26px !important;
  padding: 1px 1px 5px 35px;
}



/* blurb */
#mainnav #blurb {
	background: #fff url("/web/common/all_languages/all_regions/images/navigation/gen_gr_fade158_95_below_lna.gif") no-repeat 5px -1px;  
	padding-left: 5px;
	padding: 36px 7px 15px 7px; 
	vertical-align: top;
	line-height: 1.3em;
}

#mainnav #blurb a.arrow {
  display: block;
  background: url("/web/common/all_languages/all_regions/images/buttons/gen_bo_arrow_orange_dn.gif") no-repeat bottom right;
  width: 105px;
  padding: 0 15px 2px 9px;
  text-decoration: none;
  color: #6a6875;

}

#mainnav #blurb a:hover {
  color: #0095d8;
}

.botblurb {
	background: #fff url("/web/common/all_languages/all_regions/images/gradients/gen_gr_fade152_54.gif") no-repeat bottom right;
	margin-right: 5px;
	padding: 20px 7px 30px 7px; 
	vertical-align: top;
}

.botblurb h5 {
  margin: 0 5px 5px 5px;
}

.botblurb p {
  margin: 5px;
}

/* breadcrumb trail 
-----------------------------------------------------------------------------*/
#breadcrumbs {
  width: 295px;
  padding: 0px;
  text-transform: lowercase;
}

#breadcrumbs ul {
  margin-top: 0;
  margin-left: 0;
  padding: 0;
}

#breadcrumbs ul li {
  display: inline;
  background: none;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#breadcrumbs ul li a {
  text-decoration: none;
  color: #555555;  
  margin: 0px;
  padding: 0px 3px;
}


#breadcrumbs ul li.first a {
  background: none;
  margin: 0px;
  padding: 0px 3px 0px 0px;
}


/* Content tabs 
-----------------------------------------------------------------------------*/

#content ul.contentTabs {
  clear: both;
  list-style: none;
  background: url("/web/common/all_languages/all_regions/images/tabs/gen_gr_spacer.gif") repeat-x bottom left;
  margin: 40px 0 0 0;
  padding: 0;
}


#content #cartTabs ul.contentTabs {
  margin-top: 0;
}

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


/* Hides from IE-mac \*/

#content ul.contentTabs {display: block;}
/* End hide from IE-mac */


#content #cartTabs {
  margin-top: 20px;
  border-top: 1px solid #fff; /* No use visually, fixes a margin problem in FF */ 
}

#content #cartTabs.nodash {
  margin-top: 0;
}

#content ul.contentTabs li {
	background: #d0d1d2 url("/web/common/all_languages/all_regions/images/tabs/gen_gr_off.gif") repeat-x top left;
 	float: left;
 	width: auto;
  margin: 5px 0 0 0;
  padding: 8px 8px 3px 8px;
  border-right: 1px solid #BEBFBF;
  text-align: center;
}

#content #cartTabs ul.contentTabs li {
  font-size: 1.1em;
}

#content ul.smaller li {
  padding: 8px 5px 3px 5px;
}

#content ul.contentTabs li.first {
  border-left: 1px solid #D9D9D9;
}

#content #cartTabs ul.contentTabs li.first {
  border-left: none;
}

#content ul.contentTabs li.last, #content ul.contentTabs li.befon {
	padding-right: 14px;
	border-right: none;
}

#content ul.smaller li.last, #content ul.smaller li.befon {
	padding-right: 9px;
}

#content ul.contentTabs li.last {
	background: #d0d1d2 url("/web/common/all_languages/all_regions/images/tabs/gen_gr_off_last.gif") repeat-x top right;
}

#content ul.contentTabs li.befon {
	background: #d0d1d2 url("/web/common/all_languages/all_regions/images/tabs/gen_gr_off_under.gif") repeat-x top right;
}

#content ul.contentTabs li.on, #content ul.contentTabs li.laston {
  margin-top: 0;
  padding: 11px 15px 5px 10px;
  border-right: none;
}

#content ul.smaller li.on, #content ul.smaller li.laston {
  padding: 11px 10px 5px 5px;
}

#content ul.contentTabs li.laston {
	background: #f5f5f5 url("/web/common/all_languages/all_regions/images/tabs/gen_gr_on_last.gif") repeat-x top right;
}

#content ul.contentTabs li.on {
  background: #f5f5f5 url("/web/common/all_languages/all_regions/images/tabs/gen_gr_on_double.gif") no-repeat top right;
}

#content ul.contentTabs li.plain {
  background: none;
  border-right: none;
  font-size: 1em;
}

#content ul.contentTabs li.plain a {
  color: #ff8230;
}

#content ul.contentTabs li a {
	color: #555555;  
	text-decoration: none;
}

/* tab links are not underlined, and only change colour to eletric blue on 
   hover when they are in an off state */
   
#content ul.contentTabs li a:hover, #content ul.contentTabs li.on a, #content ul.contentTabs li.laston a {
  color: #0095d8;
	text-decoration: none;
}	


#content ul.noBlock {
  margin-top: 0;
  margin-bottom: 15px;
}





/* CSS for forms 
------------------------------------------------------------------------------*/
/*@import url("forms.css");*/
/* CSS specifically for forms */

/* Generic Form Element
-------------------------------------------------------------------------------------*/
                 
/* input width */
#wrap * .smallest  { width: 25px; }
#wrap * .threeChar  { width: 28px; }
#wrap * .small      { width: 37px; }
#wrap * .medium     { width: 60px; }
#wrap * .normal     { width: 125px; }
#wrap * .large      { width: 250px; }

/* generic bottom margin for any input or select element */
input, select { margin-bottom: 5px; }

#wrap * form select, table * select {
  position: relative;
	z-index: 0;    
	font-size: 1em;
}

input.check {
  margin: 0 4px 0 0;
}    

#wrap * label {
	cursor: default;
}

#wrap * button {
  text-align: right;
}

div.transparency {
  background: transparent url("/web/common/all_languages/all_regions/images/buttons/2X2_transparency.gif");
  width: 140px;
  right: 0px;
  height: 21px;
  position: absolute;
}

button.disabled div.transparency {
  display: block;
}

button.enabled div.transparency {
  display: none;
}


/* vertical radio or checkbox, or a select list */
#wrap * form ul.checkList {
  margin: 5px 0 0 0;
  padding: 0px;
  list-style: none;
}

#wrap * form ul.checkList li {
  margin-bottom: 4px; 
  padding: 2px;
}

#wrap * form ul.checkList li label {
	vertical-align: middle;   
}

#wrap * form ul.checkList li input{
  margin: 4px 5px -1px 0;
}                                  

#wrap * form ul.checkList li select {
  margin: 4px 5px 0 0;    
}

* html #wrap * form ul.checkList li input, * html #wrap * form ul.checkList li select {
  margin: 4px 2px -2px 0;
}

/* horizontale radio or check box list */
#wrap * ul.HorCheckList {
  margin: 0px;
  height: 1.8em;
  padding: 3px 0 0 0;
  list-style: none;
}
#wrap * ul.HorCheckList li {
  float: left;
  margin: 0 10px 0 0;
}
#wrap * ul.HorCheckList input {
  margin: 0 5px -3px 0;
}


/* Generic Table Form
-------------------------------------------------------------------------------------*/
table.blockForm {
  width: 100%;
  padding-bottom: 5px;
  margin-bottom: 20px;
  background: url("/web/common/all_languages/all_regions/images/gradients/gen_gr_fade581_107.gif") no-repeat bottom right;
}
table.blockForm caption {
  color: #0095d8;
  font-size: 1.4em;
  text-align: left;
  margin-bottom: 8px;
  padding-top: 8px;
}
table.blockForm caption img {
  float: left;
  margin: -8px 4px 0 -3px;
}
* html table.blockForm caption img{ position: relative; }

table.blockForm th, table.blockForm td {
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  padding: 3px 0 3px 0;
  background: transparent;
}
table.blockForm th {
  width: 25%;
}
table.blockForm td {
  width: 75%;
}
div.cartSummary table.blockForm td {
  text-align: right;
}

table.cart * table.blockForm th {
  background: none;
  vertical-align: center;
  padding: 0px;
}

table.cart * table.blockForm th label {
  display: block;
  padding: 0px;
  position: relative;
  margin-top: -25px;
}

 

table.cart * td input {
	vertical-align: top; 	
}  

table.cart * td label {
	vertical-align: top;
}

/* Mandatory star are in EM element */
table.blockForm label em {
  margin: 0 0 0 -6px;
  padding: 0px;
  position: relative;
  left: 0px;
  float: left;
}
#content p.mandatory {
  margin: 0 0 10px -6px;
  padding: 0px;
  position: relative;
  left: 0px;
}
* html #content p.mandatory { float: left; }

table.blockForm input, table.blockForm select {
  margin: 0 5px 0 0; 
}

table.blockForm input.check {
  margin: 4px 5px -1px 0;
  float: left;
}
* html table.blockForm input.check {
  margin: 1px 3px 0 0;
}

table.blockForm td p { margin: 0px; }

table.blockForm label.fineprint {
  line-height: 160%;
}

/* for date form MM / DD / YYYY */
table.blockForm td.date, table.blockForm th.date {
  vertical-align: bottom;
  padding: 3px 0 15px 0;
}
table.blockForm td.date div {
  float: left;
  margin: 0 0 -5px 0;
}
table.blockForm td.date div p{
  margin-bottom: 0px;
  padding: 0 5px 0 0px;
  text-align: center;
}
table.blockForm td.date select { margin-top: 19px; }

table.blockForm label.checkText {
  float: left;
  width: 70%;
  margin-top: 4px;
}

table.blockForm button {
  float: right;
  margin: 0 10px 0 0;
}

/* end of table.blockForm */


/* Dashboard and myBell shop/support box login
-------------------------------------------------------------------------------------*/
form#miniDBForm, form#myBellShopForm, form#myBellSupportForm {
  width: 140px;
  margin: 10px 0 0 16px;
  position: relative;
  float: left;
}   

* html form#miniDBForm, 
* html form#myBellShopForm, 
* html form#myBellSupportForm {
  margin: 10px 0 0 8px;
} 

form#miniDBForm label, 
form#myBellShopForm label, 
form#myBellSupportForm label {
  display: block;
  margin-bottom: 1px;
  color: #555555;
} 

form#miniDBForm input, 
form#myBellShopForm input, 
form#myBellSupportForm input {
  width: 100px;
  font-size: 1em;
  margin: 0 2px 5px 0;
} 

form#miniDBForm button, 
form#myBellShopForm button, 
form#myBellSupportForm button {
  margin: -21px 10px 0 0;
  display: block;
  float: right;
} 

* html form#miniDBForm button, 
* html form#myBellShopForm button, 
* html form#myBellSupportForm button {
  margin: -24px 6px 0 0;
}  

form#miniDBForm div.rememberusername, 
form#myBellShopForm div.rememberusername, 
form#myBellSupportForm div.rememberusername {
  margin: 5px 0 5px 0;
  clear: both;
  height: 20px;
}  

form#miniDBForm div.rememberusername input, 
form#myBellShopForm div.rememberusername input, 
form#myBellSupportForm div.rememberusername input {
  width: 14px;
  margin-right: 5px;
  float: left;
}   

form#miniDBForm div.rememberusername label,
form#myBellShopForm div.rememberusername label
form#myBellSupportForm div.rememberusername label {
  display: inline;
  float: left;
}


/* Help Desk Form (label + input field under it + submit button arrow )
--------------------------------------------------------------------------- */
form#helpDesk {
   background: url("/web/common/all_languages/all_regions/images/gradients/gen_gr_fade333_105.gif") no-repeat bottom right;
   padding: 10px 0 3px 0;
}
form#helpDesk h3, form#helpDesk h4 {
  margin-bottom: 5px;
}
form#helpDesk label {
   display: block;
   font-size: 1.1em;
   margin: 0 0 2px 0;
}
form#helpDesk button {
   margin: -8px 0 1px 0 !important;
   margin: 0 0 1px 0
}

/* Phone check form or for small forms with input next to each other.
  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.
*/

form#phoneCheck label,
form.phoneCheckForm label {
  margin-bottom: 10px;
  display: block;
}

form#phoneCheck span,
form.phoneCheckForm span {
  width: 60%;
  float: left;
  display: block;
}

form#phoneCheck span input,
form.phoneCheckForm span input {
  float: left;
  margin: 0 4px 0 0;
}  

form#phoneCheck button,
form.phoneCheckForm button {
  margin: 3px 0 0 0;
  display: inline;
  float: left;
} 

form#phoneCheck button img,
form.phoneCheckForm button img {
  position: static;
}  



/* form .oneLine - use for align of a small form in one line
----------------------------------------------------------------------------------- */
form.oneLine {
  clear: both;
  margin-top: 5px;
  margin-bottom: 7px;
}

form.oneLine label {
  display: block;
  float: left;
  width: 175px;
  margin-top: 2px;
  clear: both;
  color: #7e7e7e;
}

form.oneLine.smallOneLine label {
  width: 90px;
}

.leftHalfWidth * form.oneLine label {
  width: 90px;
}

form.oneLine input, form.oneLine select, form.oneLine span {
  width: 150px;
  display: block;
  float: left;
  font-size: 1em;
  margin-right: 5px;
  margin-bottom: 7px;
}

.leftHalfWidth * form.oneLine input, .leftHalfWidth * form.oneLine select, .leftHalfWidth * form.oneLine span {
  width: 130px;
}

form.oneLine input {
  width: 146px;
}
form.oneLine span {
  margin-top: 2px;
}

form.oneLine button {
  display: block;
  float: left;
  padding-top: 2px;
  margin-left: 2px;
}

form.twoLine {
  margin: 0px;
  padding: 0px;
}

form.twoLine label {
  display: block;
  margin-bottom: 2px;
  color: #7e7e7e;
}

form.twoLine button {
  margin: 0 0 2px 2px;
}

form.halfBlockform {
  margin-top: 5px;
  margin-bottom: -10px;
}

form.halfBlockform label {
  float: left;
  clear: both;
  width: 40px;
  margin-top: 2px;
  color: #7e7e7e;
}

form.halfBlockform input {
  width: 110px;
  float: left;
  font-size: 1em;
  margin-bottom: 7px;
}

form.halfBlockform .orangeRightArrow {
  margin-left: 135px;
}

.halfColBlock form.halfBlockform button img {
  float: none;
  position: static;
}


/* form #bundleSelect
----------------------------------------------------------------------------------- */
form#bundleSelect {
  background: url("/web/common/all_languages/all_regions/images/gradients/gen_gr_fade581_107.gif") no-repeat bottom right;
}

form#bundleSelect label {
  width: 85px;
  display: block;
  float: left;
  padding: 0 0 90px 0;
}

form#bundleSelect label input {
  margin: 2px 2px 0 0;
}

* html form#bundleSelect label input {
  margin: 0 0 -1px 0;
}

form#bundleSelect label.sympatico {
  background: url("/web/common/all_languages/all_regions/images/icons/con_gr_bundleSelect_mouse.gif") no-repeat bottom center;
}

form#bundleSelect label.expressvu {
  background: url("/web/common/all_languages/all_regions/images/icons/con_gr_bundleSelect_remote.gif") no-repeat bottom center;
}
form#bundleSelect label.mobility {
  background: url("/web/common/all_languages/all_regions/images/icons/con_gr_bundleSelect_mobile.gif") no-repeat bottom center;
}
form#bundleSelect button{
  margin: 75px 0 0 0;
  padding: 0 0 0 0;
  width: 100px;
  float: left;
}



/* form .rate_plans
----------------------------------------------------------------------------------- */
form.rates_plans label input {
  margin: 2px 2px 0 0;
  float: left;
}

* html form.rates_plans label input {
    margin: 0 0 -1px 0;
    float: left;
}

form.rates_plans label span {
  padding-left: 10px;
  float: left;
  display: block;
  width: 150px;
}

* html form.rates_plans label span {
  width: 140px;
}

form.rates_plans div {
  margin: 10px 0px;
}

form.rates_plans .pricegrp {
  font-size: 0.6em;
  margin: 0px;
}


/* form.termsConditionsForm 
----------------------------------------------------------------------------------- */

form#termsConditionsForm input {
	margin: 7px 0 0 0;
}

form#termsConditionsForm h4 {
		display: inline;
}

form#termsConditionsForm p {
	padding-left: 18px;
}

* html * form#termsConditionsForm p {
	padding-left: 25px;
}


/* form.multiChoice
----------------------------------------------------------------------------------- */
form.multiChoice input {
	margin: 7px 0 0 0;
}

form.multiChoice label .description {
	margin: 0 0 0 16px;
	display: block;
}

* html * form.multiChoice label .description {
	margin: 0 0 0 24px;
}

form.multiChoice .embeddedToggleLists {
	margin-left: 16px;  
}

* html * form.multiChoice .embeddedToggleLists {
	margin: 0 0 0 24px;
	padding: 0;
}

form.multiChoice .embeddedToggleLists .halfWidth {
	width: 262px;
	float: left;	
}


form.multiChoice .embeddedToggleLists .right {
	padding-left: 20px;
}

form.multiChoice .choice {
	clear: both;
}	     

/* form.whatsOnTonight
----------------------------------------------------------------------------------- */
form#whatsOnTonight {
  padding: 5px 0 0 0px;	
}

form#whatsOnTonight .showFilter {
	display: block;
	float: left;                 
	margin: 0;
	padding: 0;
	width: auto;
}  

form#whatsOnTonight .showFilter label {
 	float: left;
	margin: 15px 3px 0 0;
} 

form#whatsOnTonight .showFilter div {
	float: left;
	width: 110px;
	padding: 3px 0 0 5px;
	margin: 0;
}

form#whatsOnTonight .showFilter.first {
	padding-left: 0px;
}       
        
form#whatsOnTonight .showFilter input {
	margin: 0; 
	width: 107px;
} 
                       
form#whatsOnTonight button {
	margin: 15px 0 0 0;    
	padding: 0;
}

form#whatsOnTonight * .example {
  display: block;
	font-size: 0.9em;
} 


form#newsletter {
  margin-top: -15px;
}

form#newsletter h5 {
  font-weight: bold;
  font-size: 1em;
}

form#newsletter p {
  margin: 0 0 5px 0;
}

form#newsletter input {
  width: 110px;
}

* html form#newsletter input {
  margin-left: -5px;  
}                


/*@import url("modularBlockList.css"); */
/* modularList - formerly known as spherelist, new and improved */

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

.modularBlockList {
	background: url("/web/common/all_languages/all_regions/images/gradients/gen_gr_fade581_80.gif") no-repeat bottom right;
  border-bottom: 1px solid #dedfe0;
  margin: 0px 0 0px 0;
  padding: 10px 0 10px 0;

}

.modularBlockList img {
  float: left;
  margin: 0 24px 0 14px; 
}

.modularBlockList div.smallContent {
	width: 215px;
	float: left;
}

.modularBlockList div.narrowContent {
   width: 230px;
   float: left;
}

.modularBlockList div.medWideContent {
   width: 300px;
   float: left;
}

.modularBlockList div.extraMedWideContent {
   width: 390px;
   float: left;
}

.modularBlockList .extraMedWideContent h3 span {
  float: none;
  margin-left: 40px;
  color: #ff8231;
}

/* width is different for IE */
* html .modularBlockList div.medWideContent { width: 290px; }

.modularBlockList div.wideContent {
   width: 430px;
   float: left;
}

.modularBlockList h3, .modularBlockList h4, .modularBlockList ul {
  margin: 0px 0px 5px 0px;
}

#wrap * .narrowContent h4 a {
  color: #656570;
}

.modularBlockList h3 input {
  margin: -8px 8px 0 0;
}

#content * .modularBlockList ul {
  list-style: square;
  padding-left: 0em;
  margin-left: 1.3em;
}

#content .modularBlockList ul.indent {
  margin-left: 45px;
}

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

#content * .modularBlockList div ul.checkBoxes li {
  padding-bottom: 3px;
}

#content * .modularBlockList div ul.checkBoxes li input {
  margin: 0px 2px 0px 0px;
}

#wrap * ul.checkmarks {
  list-style: none;
  padding: 0px;
  margin: 5px 0 0 0;
  float: left;
}

#wrap * ul.checkmarks li {
  padding-left: 18px;
  margin: 0 0 5px 0;
  list-style: none;
  background: url("/web/common/all_languages/all_regions/images/solutiontracker/gen_gr_orange_check.gif") no-repeat 0 0;
}

.modularBlockList h3 span.check {
  background: url("/web/common/all_languages/all_regions/images/solutiontracker/gen_gr_orange_check.gif") no-repeat 0 2px;
  padding-left: 15px;
  margin-left: 35px;
  font-size: 0.8em;
}


/* pricegrp behaviour specific to when it's in a modularBlockList */
.modularBlockList .pricegrp {
  float: right;
  width: 150px;
  margin: 5px 10px 0px 0px;
  position: relative;
}

.modularBlockList .wide {
  width: 200px;
}

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

.modularBlockList .pricegrp img {
  margin: 3px 0px 0px 10px;
}

.modularBlockList .pricegrp span.price {
  font-size: 1em;
}

.modularBlockList .pricegrp label {
  margin-top: 10px;
  display: block;
}

.modularBlockList .pricegrp input {
  vertical-align: middle;
}

.modularBlockGrp {
	background: url("/web/common/all_languages/all_regions/images/gradients/gen_gr_fade581_80.gif") no-repeat bottom right;
  border-bottom: 1px solid #dedfe0;
}

.modularBlockGrp {
  padding-left: 115px;
  margin-bottom: 20px;
  width: 460px;
}

.modularBlockGrp .modularBlockList {
  width: 460px;
}

.modularBlockGrp img {
  float: left;
  margin-left: -101px;
  position: relative;
}

.modularBlockGrp .last {
  background: none;
  border:none;
}

.modularBlockList  p.indentradio {
  margin-left: 30px;
}

.modularBlockList  p.indentradio input {
  float: left;
  margin-left: -30px;
}




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


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

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

#contentgrp a:visited {
  color:#0089C6;
}

/* warningPage has specific spacing requirements */

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

#warningPage a.continue {
  display: block;	
  background: url("/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.checkout {
  margin-top: -45px; 
}

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

#content {display: inline-block;}

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


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

.halffade {
	background: url("/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("/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; 
}


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

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

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

#blueBox {
  padding: 10px;
  margin-bottom: 25px;
  background: url("/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("/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("/web/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 0px 0 0;
  width: 49%;
}
#content * #questionBox.twoColumnList input{
  margin: 5px 3px -2px 0;
}

#questionBox h4, #blueBox h4 {
  margin-bottom: 5px;
  padding: 0;
}

#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("/web/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("/web/common/all_languages/all_regions/images/mybell/mbl_gr_bg_1px_blue_mid.gif") repeat-y top left;
  width: 183px;
  font-size: 1em;
}

#myBell p, #myBell ul li, #myBell form, #myBell h5 {
  color: #555555;
}
#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: #555555;  
}
#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;
}

#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("/web/common/all_languages/all_regions/images/mybell/mbl_gr_bg_34px_blue_bot.gif") no-repeat bottom left;
   height: 34px;
}

#myBell #bottom.darkBlue {
   background: url("/web/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;
}

/* 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("/web/common/all_languages/all_regions/images/gradients/gen_gr_fade152_54.gif") no-repeat bottom right;
}
.sideGreyBox.email {
  background: url("/web/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("/web/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("/web/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("/web/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: #555555;
}

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:0 10px 12px 0;
  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;
}

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("/web/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;
}


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


#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("/web/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;
}


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.pack td{  
  padding-bottom:0px;
}
table.cart tr.subItems td{
  padding-top: 0px;
  padding-bottom:0px;
}


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("/web/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; originally commented out by team at Bell */  
  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("/web/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("/web/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;
}
             
body.fr .oneThirdColBlock, body.fr .oneThirdColBlockFirst {
	height: 12em;
}

.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("/web/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("/web/common/all_languages/all_regions/images/gradients/gen_gr_fade333_105.gif") no-repeat bottom right;
  width: 49%;
  height: 14em; 
  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 {
 
  margin-bottom: 5px;

}

.halfColBlock p.wide {
	width: 90%;
}

.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("/web/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("/web/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;
}

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

.fullColBlock p, .fullColBlockNoBg p {
  max-width: 90%;      /* changed for IE7 */
}

.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: #555555; 
}    

#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: #555555;
}
                                 
#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: #555555;	
}	



/* for situation with two floating block when #content is in 1 column */
.fullColBlockBgRepeat {
  background: url("/web/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: 28em;
}
 
.threeColBlockBgRepeat {
  background: url("/web/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("/web/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("/web/common/all_languages/all_regions/images/gradients/gen_gr_fade581_107.gif") no-repeat bottom right;
}

table.greyBox td.fade {
  background: url("/web/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("/web/common/all_languages/all_regions/images/gradients/gen_gr_t_fade1_172d.gif") repeat-x top left;
  padding: 10px;
}

div.greyBox h4 {
  background: url("/web/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("/web/tv/all_languages/all_regions/images/icons/small/hd.gif") no-repeat left center;
}

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

ul#tvFeatured li#ppv a {
	background: url("/web/tv/all_languages/all_regions/images/icons/small/ppv.gif") no-repeat left center;
}
 
/* Product placeholder demo
----------------------------------------------------------------------------*/
.phoneLargeGradient {
  width: 270px;
  background: url("/web/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("/web/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: #555555;  
}
#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;
}

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("/web/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: #555555;  
  width: 170px;
  background: url("/web/common/all_languages/all_regions/images/buttons/gen_bo_arrow_orange_rt.gif") no-repeat right center; 
}
 

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

.smallPriceBlock {
	background: url("/web/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("/web/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 {
  margin: 0 5px 5px 0;
}

#content .toggleList li.fold {
	background: url("/web/common/all_languages/all_regions/images/arrows/3d_plus.jpg") #f5f5f5 no-repeat 3px 4px;
}

#content .toggleList li.unfold {
	background: url("/web/common/all_languages/all_regions/images/arrows/3d_minus.jpg") #f5f5f5 no-repeat 3px 4px;
}

#content .toggleList a.link{
	padding-left: 17px;
}

#content .toggleList li.foldWithInput {
	background-image: none;
}

#content .toggleList li.foldWithInput a.link {
	padding-left:0;
}

#content .toggleList a.open{
  padding: 0 20px 0 0;
  width: 50px;
  text-align: right;
  background-image: url("/web/common/all_languages/all_regions/images/arrows/3d_arrow_right.jpg");
  background-repeat: no-repeat;
  background-position: right center;
}

#content .toggleList a.close{
  padding: 0 20px 0 0;
  width: 50px;
  text-align: right;
  background: url("/web/common/all_languages/all_regions/images/arrows/3d_arrow_down.jpg") 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: #555;   
}

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

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



/* 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("/web/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("/web/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("/web/common/all_languages/all_regions/images/gradients/gen_gr_fade333_105.gif") no-repeat bottom right;
}
.tvBoxesPPV {
  float: left;
  width: 138px;
  height: 12em;
  margin: 15px 8px 0 0;
  padding-bottom: 5px;
  text-align: center;
  background: url("/web/common/all_languages/all_regions/images/gradients/gen_gr_fade333_105.gif") no-repeat bottom right;
}
.tvBoxes.last {
  margin-right: 0px;
}
.tvBoxesPPV.last {
  margin-right: 0px;
}
.tvBoxes h4 {
  color: #0095d8;
  text-align: left;
  height: 2.3em;
}
.tvBoxesPPV h4 {
  color: #0095d8;
  text-align: left;
  height: 2.3em;
}
.tvBoxes img {
  margin: 3px 0 5px 0;
}
.tvBoxesPPV 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("/web/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("/web/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("/web/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: #555555;  
  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("/web/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("/web/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;
}

table.package_summary tr.summary td {
  color: #fff;
  padding: 3px 3px 0px 5px; 
  text-align: left; 
}

/* Note: need to revise when gifs are placed in the correct folder */

.package1 {
   background: url("/web/tv/all_languages/all_regions/images/HDextra.gif") no-repeat 0 6px;
   border-right: 1px solid #fff;  
}

.package2 {
   background: url("/web/tv/all_languages/all_regions/images/HDessentials.gif") no-repeat 0 6px;
}

.package3 {
   background: url("/web/tv/all_languages/all_regions/images/DigitalExtra.gif") no-repeat 0 6px;
}

.package4 {
   background: url("/web/tv/all_languages/all_regions/images/DigitalEssentials.gif") no-repeat 0 6px;
}

.package_title {
   font-size: 1.4em;
   font-weight: bold;
   line-height: 12pt;
}

.package_details {
   font-size: 1.0em;
   line-height: 8pt;
   padding: 0px 0px 0px 0px; 
}

table.package_summary tr.buy td {
  vertical-align: middle;
  padding: 0px 0px 0px 0px; 
  text-align: center; 
  height: 40px;
  border-top: 2px solid #fff;
  border-right: 1px solid #fff;
}

table.package_summary td.col1, table.package_options td.col1 {
  background: #dde7ee;
  vertical-align: middle;
  text-align: center;
}

table.package_summary td.col2, table.package_options td.col2 {
  background: #e3ecff;
  vertical-align: middle;
  text-align: center;
}

table.package_summary td.col3, table.package_options td.col3 {
  background: #ddd;
  vertical-align: middle;
  text-align: center;
}

table.package_summary td.col4, table.package_options td.col4 {
  background: #f3f3f3;
  vertical-align: middle;
  text-align: center;
}

table.package_options {
  vertical-align: top;
  padding: 0px 0px 0px 0px; 
  text-align: left; 
  font-weight: bold;
  border: 0;    
}

table.package_options td.outline {
  vertical-align: top;
  border-top: 2px solid #d0d0d0;
  line-height: 24pt;
}

table.package_options td.package_promo {
  vertical-align: middle;
  text-align: center;
  color: #0095d8;
  font-weight: normal;
  line-height: 12pt;
}

table.package_options td.text {
  border-top: 1px solid #d0d0d0;
  font-weight: normal;
  padding: 4px 4px 4px 4px;
  line-height: 10pt;
}

table.packages_inner td {
  border-right: 1px solid #fff;
}
#ISPbanner {
	position: relative;
	width: 576px; height: 185px;
}

	#ISPbannerFlashContainer {
		position: absolute;
		z-index: 1000;
		top: -10px;
		overflow: hidden;
		width: 576px; height: 185px;
	}
.fullfade h1{margin-top:10px;}