/*
 * Common element styles.
 */
.rogers-bss-book-content,
.rogers-bss-window-content,
.rogers-bss-layout-flow,
.rogers-bss-page {
  background-color: transparent;
}

sup {
  font-size: 65%; 
  line-height: 1.4em;
}

.portal_body .rogers-bss-window-content {
  padding-top: 20px;
}

.iphone_name span {
  text-transform: lowercase;
}

/*
 * Article elements.
 */
.portal_body .article p {
  line-height: 18px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #666;
}
.portal_body .article p.live_disclaimer, .portal_body .article p.live_disclaimer strong {
  color:#AAAAAA;
  font-style:italic;}

.portal_body .article .section_end,
.portal_body .article .note,
.portal_body .article .footnote {
  margin-bottom: 30px;
}

.portal_body .article ul,
.portal_body .article ol {
  margin-bottom: 10px;
}
.portal_body .article ul.sublist li {}
  
.portal_body .article h1,
.portal_body .article h2,
.portal_body .article h3,
.portal_body .article h4 {
  margin-bottom: 10px;
  font-weight: normal;
  color: #333;
}

.portal_body .article h1 {
  margin-bottom: 20px;
  font-size: 26px;
}

.portal_body .article h2 {
  margin-bottom: 15px;
  font-size: 19px;
}

.portal_body .article h3 {
  font-size: 17px;
}

.portal_body .article h4 {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
}

.portal_body .article strong {
  color: #333;
}

.portal_body .article ul li,
.portal_body .data_table ul li {
  line-height: 16px;
  margin: 0 0 5px 0;
  padding: 0 0 0 10px;
  list-style-type: none;
  background: url('/cmsbusiness/images/en/blt_circle_grey_4x4.gif') no-repeat 0 7px;
  font-size: 12px;
  color: #666;
}

.portal_body .article ol li,
.portal_body .data_table ol li {
  line-height: 16px;
  margin: 0 0 5px 0;
  padding: 0 0 0 15px;
  text-indent: -15px;
  list-style-type: decimal;
  list-style-position: inside;
  background: none;
  font-size: 12px;
  color: #666;
}

.dialog_box .article ol.legal li {
  text-indent: 0px;
  padding:0px;
  margin:0 0 10px 0;
  list-style-position: inside;
}

.dialog_box .article ol.legal, .dialog_box .legal_symbol {
  font-weight:bold;
}

.dialog_box .article ol.legal span, .dialog_box .legal_symbol span {
  font-weight:normal;
}

.dialog_box .article ol.special_symbol li {
  list-style-position:inside;
  list-style-type:none;
  text-indent:0px;
}

.dialog_box .legal_symbol span{
  margin-left:10px; 
}

.portal_body .article .note {
  padding-top: 3px;
  padding-left: 29px;
  background: url('/cmsbusiness/images/en/icon_alert_grey_24x24.png') no-repeat left top;
}

.portal_body .article .footnote {
  font-style: italic;
  font-size: 11px;
}

.portal_body .article li a,
.portal_body .article p a,
.portal_body .article h2 a  {
  text-decoration: underline;
  color: #666;
}

.portal_body .article li a:hover,
.portal_body .article p a:hover,
.portal_body .article h2 a:hover {
  color: #c00;
  text-decoration: underline;
}

.portal_body .article h2 a {
  color:#333; 
}

/*
 * Re-usable elements.
 */
.price {
  line-height: 29px;
  font-size: 33px;
  color: #333;
  white-space: nowrap;
}

.price sup {
  line-height: 20px;
  font-size: 20px;
  vertical-align: 7px;
}

.price sup + sup {
  padding-left: 2px;
}

.price_desc {
  padding-top:10px;
}

.price_note {
  padding:0;
  margin: 0 0 10px 0;
}

.price_desc sup {
  font-size: 14px; 
  vertical-align: 2px;
}

.page_banner {
  display: block;
  margin: -20px 0 20px 0;
}

.page_banner img {
  border: 0;
}

.portal_body a.legal_disclaimer, 
.portal_body a.user_agreement {
  display: block;
  clear: both;
  margin-bottom: 30px;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
  text-transform: uppercase;
}

.portal_body a.legal_disclaimer:hover, 
.portal_body a.user_agreement:hover {
  color: #c00;
  text-decoration: underline;
}

.portal_body .more_info {
  cursor: pointer;
}

sup.bigger {
  display: inline-block; 
  margin-top: -3px;
  font-size: 14px; 
}


/*
 * Tabs.
 */
.tab_control {
/*
  to prevent content 'flicker' where user can see un-styled tab contents
  initial tab state is 'hidden'
*/
  visibility: hidden;
  padding: 0;
  border: 0;
  background: none;
}

.tab_control ul.ui-tabs-nav {
  margin-bottom: 15px;
  padding: 0;
  font-size: 1.2em;
  border: 0;
  background: url('/cmsbusiness/images/en/tabs_ul_backg_1x3.png') repeat-x 0 bottom;
}

.tab_control ul.ui-tabs-nav li {
  height: 41px;
  line-height: 1.3;
  margin: 9px 0.2em 1px 0;
  margin-right: 0;
  padding-left: 1px;
  border: 0;
  background: url('/cmsbusiness/images/en/tabs_left_4x33.png') no-repeat 0 0;
}

.tab_control ul.ui-tabs-nav li:first-child {
  padding-left: 4px;
  background: url('/cmsbusiness/images/en/tabs_left_first_4x41.png') no-repeat 0 0;
}

.tab_control ul.ui-tabs-nav li.ui-tabs-selected {
  height: 50px;
  margin-top: 0;
  padding-left: 10px;
  background: url('/cmsbusiness/images/en/tabs_left_select_all_8x41.png') no-repeat 0 0;
}

.tab_control ul.ui-tabs-nav li.ui-tabs-selected:first-child {
  padding-left: 9px;
  background: url('/cmsbusiness/images/en/tabs_left_select_9x41.png') no-repeat 0 0;
}

.tab_control ul.ui-tabs-nav li.ui-tabs-selected + li {
  padding-left: 0;
  background: none;
}

.tab_control ul.ui-tabs-nav li.ui-tabs-selected a {
  padding: 15px 26px 6px 18px;
  color: #333;
  background: url('/cmsbusiness/images/en/tabs_bg_right_selected_300x41.png') no-repeat 100% 0;
}

.tab_control ul.ui-tabs-nav li a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 6px 20px 4px 20px;
  background: url('/cmsbusiness/images/en/tabs_bg_right_183x33.png') no-repeat 0 0;
  color: #666;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 1px 0 #fff;
  text-decoration: none;
}

.tab_control ul.ui-tabs-nav li a:hover {
  color: #333;
  text-decoration: none;
}

.tab_control .ui-tabs-panel {
  margin-top: 40px;
  padding: 0;
}

.tab_control.ui-tabs-panel {
  margin-top: 0;
}

.tab_control ul.ui-tabs-nav li a.long_line {
    line-height: 18px !important;
    padding: 3px 20px 7px;
    white-space: normal;
    width: 230px;
}

.tab_control ul.ui-tabs-nav li.ui-tabs-selected a.long_line {
    padding: 11px 26px 9px 18px;
}



/*
 * Sub-tabs.
 */
.tab_control .tab_control ul.sub_tabs {
  background: none;
}

.tab_control .tab_control ul.sub_tabs.ui-tabs-nav li.ui-tabs-selected:first-child {
  padding: 0;
}

.tab_control .tab_control ul.sub_tabs.ui-tabs-nav li {
  height: 25px;
  margin: 0;
  padding: 0;
  background: none;
}

.tab_control .tab_control ul.sub_tabs.ui-tabs-nav li a {
  height: 25px;
  line-height: 25px;
  padding: 0 16px;
  background: none;
  font-weight: normal;
  font-size: 12px;
  text-transform: none;
}

.tab_control .tab_control ul.sub_tabs.ui-tabs-nav li.ui-tabs-selected a {
  display: inline-block;
  background: #e9e9e9 none;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-shadow: none;
}



/*
 * Tables.
 */
.data_table {
  border: 1px solid #e5e5e5; 
  border-right: 0 none; 
  margin: 0 0 35px;
}

.data_table th,
.data_table td {
  width: 20%; 
  margin: 0; 
  padding: 15px;
  text-align: center; 
  border-right: 1px solid #e5e5e5;
  font-size: 12px; 
  color: #666;
}

.data_table th {
  padding: 15px;
  vertical-align: top;
  text-align: center; 
  font-size: 17px; 
  font-weight: normal;
  background: #F4F4F4 url('/cmsbusiness/images/en/bg_table_row_header_1x138.png') repeat-x center bottom;
}

.data_table.roaming_table th,
.data_table.roaming_table td {
  padding:2px;}

.data_table tr.alt_row {
  background: #fff;
}

.data_table .row_title {
  width: 1%;
  text-align: left; 
  white-space: nowrap;
}

.fr .equiwidth_cell_table tr th:first-child,
.fr .equiwidth_cell_table tr td:first-child {
  width: 20%;
  white-space: normal;
}

.data_table .price {
  display: block;
  margin-bottom: 7px;
}

.data_table ul {
  display:block;
}

.data_table li {
  text-align: left;
}

/*
 * Forms.
 */
.portal_body form.styled label,
.portal_body form.styled p {
  font-size:12px; 
}
.portal_body form.styled .required {
  font-weight:bold; 
}

.portal_body form.styled .field_text,
.portal_body form.styled .field_select{
  display: block;
  margin-bottom: 15px;
}

.portal_body form.styled .field_text label,
.portal_body form.styled .field_select label {
  display: block;
  float: left;
  font-weight: normal;
  line-height: 20px;
  margin: 0 10px 10px 0;
  text-align: left;
}

.portal_body form.styled .field_checkbox label,
.portal_body form.styled .field_radio label {
  font-weight: normal;
  line-height: 18px;
  width: auto;
}

.portal_body form.styled input[type=text],
.portal_body form.styled input[type=password] {
  -moz-border-radius: 4px 4px 4px 4px;
  background: url("/business/framework/skins/rogers-bss/images/input_field_bg.png") repeat-x scroll left top #F1F1F1;
  border-color: #767676 #DBDBDB #FFFFFF;
  border-style: solid;
  border-width: 1px;
  color: #787878;
  display: block;
  padding: 3px 5px;
  width:185px;
}

.portal_body form.styled select {
  -moz-border-radius: 4px 4px 4px 4px;
  background: url("/business/framework/skins/rogers-bss/images/input_field_bg.png") repeat-x scroll left top #E6E6E6;
  border-color: #767676 #DBDBDB #FFFFFF;
  border-style: solid;
  border-width: 1px;
  color: #787878;
  display: block;
  height: 22px;
  margin: 0;
  outline: none;
  padding: 0 0 1px 2px;
  width:195px
}

.portal_body form.styled select option {
  padding: 0 4px 2px;
}

.portal_body form.styled input[type="checkbox"] {
  bottom: 2px;
  position: relative;
  vertical-align: middle;
  border:0px;
}

.portal_body form.styled .footnote {
  font-style: italic;
  font-size: 11px;
}

.portal_body form.styled .note {
  font-size: 11px;
}

.portal_body form.styled .section_end,
.portal_body form.styled .footnote {
  margin-bottom: 30px;
}

.portal_body form.styled h1,
.portal_body form.styled h2,
.portal_body form.styled h3 {
  font-weight: normal;
  color: #333;
}

.portal_body form.styled h1 {
  margin-bottom: 20px;
  font-size: 26px;
}

.portal_body form.styled h2 {
  margin-bottom: 15px;
  font-size: 19px;
}

.portal_body form.styled h3 {
  margin-bottom: 10px;
  font-size: 17px;
}

.portal_body form.styled h4 {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight:bold;
}

.portal_body form.styled p {
  line-height: 18px;
  margin-bottom: 10px;
}

.portal_body form.styled .form_footer {
  clear:both;
  display:block;
  margin-bottom:40px;
}

/*
 * Dialog Box
 */

.scroll_height {
  height: 450px;
  overflow-y: scroll;
}


/* MAIN NAV OVER RIDE */
.top_level_nav {
  padding:10px 0px 0px 0px;
  margin-top:0px;}
.top_level_nav > li {
    background: none repeat scroll 0 0 transparent;
    border-left: 1px solid #C7C7C7;
    border-right: 1px solid #858484;
    float: none;
  display:inline;
    line-height: 1em;
    margin: 0;
    padding: 0 7px;}


/* HELPERS */
.hide {display:none;}
.clear {clear:both;}
.pg-divider {
  clear:both;
  border-top: 1px solid #E1E1E1;
    border-bottom: 1px solid #FFFFFF;
    height:0px;
  margin-bottom:15px;}
.pg-dbl-column {
  float:left;
  width:50%;}
  .portal_body ul.pg-dbl-column li {
    padding:0px 10px 0px 10px;}

<!-- HW Lead Generation Contact  -->

.clearBoth {
 clear:both; 
} 
.prelative { position:relative; }   
.pabsolute { position:absolute; }   
.widiv { top:130px; width:610px; }    


.leadgen {}

.leadgen.padding_top1 { padding-top:100px; }


.leadgen h2.speak   { font: normal normal 600 24px/1px 'Open Sans', Arial, Helvetica, sans-serif; color: #222; }

.leadgen h2.speak b { font: normal normal 700 24px/1px 'Open Sans', Arial, Helvetica, sans-serif; color: #222; }


.leadgen .columns span.help { font: normal normal 500 15px/21px 'Open Sans', Arial, Helvetica, sans-serif; color: #222; text-decoration:none; cursor:auto; }

.leadgen .columns a { font: normal normal 500 15px/21px 'Open Sans', Arial, Helvetica, sans-serif; color: #222; text-decoration:none; }

.leadgen .columns a:hover {  text-decoration:underline; }

  
.leadgen .columns.padding_top2 { padding-top:41px; }
   
.leadgen .columns { position: relative; } 
  
.leadgen .columns .column1 { float: left; width: 50px; text-align:left; } 
.leadgen .columns .column2 { float: left; width: 60px; text-align:left; } 
.leadgen .columns .column3 { float: left; width: 80px; text-align:center;}    
.leadgen .columns .column4 { float: left; width: 130px; text-align:left; }  
  
.leadgen .columns .column5 { float: left; width: 80px; text-align:center;}
  
.leadgen .columns .column6 { float: left; width: 120px; text-align:left; }  

#description_and_features_block { height:600px !important; }
 
/* MR-4974 TEMP */
.fr #support1 li:nth-of-type(4) {
  display: none; } 

/* MR-6486 TEMP*/
ul#shop5 {
  margin-top: 4px !important; }
.fr ul#shop5 {
  margin-top: 55px !important; }