BODY {
	background-color: #eaeaea;
	font-family: verdana, geneva, helvetica, arial;
	color: #000000;
}

/* Added for roaming coutnry network popups 20 Sep 2004 */
body.popup {
	background-color: #FFFFFF;
	margin: 12px 14px 21px 14px;
	color: #000000;
}

sup {font: 90%;}

td, th, thead { font-family: verdana, geneva, helvetica, arial; color: #000000; }

p { font-family: verdana, geneva, helvetica, arial; color: #000000; }

form { padding : 0px; margin : 0px; }

/* new styles  for web2TXT login pages */

body.web2TXT {
	background-color:white;
	margin:20px 0 0 0;
}

body.web2TXT input {
	border:1px solid #000000;
	margin:4px 0;
}

body.web2TXT select {
	margin:4px 0 0 0;
}

/* end of new styles */

.formelements {
	font-family : verdana, helvetica, arial;
	color : #000000; 
	height : 20px;
	width : 160px;
}

.formpromos {
	font-family : verdana, helvetica, arial;
	color : #000000; 
	height : 20px;
	width : 310px;
}

.formpromobox {
	font-family : verdana, helvetica, arial;
	height : 20px;
	width : 105px;
	margin:3px 0;
	font-size : 100%;
}

.dropdown {
	font-family : verdana, helvetica, arial;
	color : #000000; 
	height : 20px;
	font-size : 100%;
}

.label { color : #666666; }
.labelnotes { color : #666666; font-style: italic; }
.footer { color : #666666; }
.attribute { font-weight : bold; }
.vlive { font-style: italic; }
.emphasis {	font-weight: bold; }

/* The order of the following four declarations has been 
   changed. The correct order for link
   pseudo-class declaration is :link,:visited,:hover,:active */

A:link {
	text-decoration: underline;
	color: #fe0000;
	font-family: verdana, helvetica, arial;
	font-weight:bold;
}

A:visited {
	text-decoration: underline;
	color: #fe0000;
	font-family: verdana, helvetica, arial;
	font-weight:bold;
}

A:hover {
	text-decoration: none;
	color: #fe0000;
	font-family: verdana, helvetica, arial;
	font-weight:bold;
}

A:active {
	text-decoration: underline;
	color: #fe0000;
	font-family: verdana, helvetica, arial;
	font-weight:bold;
}
/* change declaration order finishes */


A.submenu:link {
	text-decoration: none; color: #000000;
	font-family: verdana, helvetica, arial; font-weight: bold;
}
A.submenu:active {
	text-decoration: none; color: #000000;
	font-family: verdana, helvetica, arial; font-weight: bold;
}
A.submenu:visited {
	text-decoration: none; color: #000000;
	font-family: verdana, helvetica, arial; font-weight: bold;
}
A.submenu:hover {
	text-decoration: none; color: #ff0000;
	font-family: verdana, helvetica, arial; font-weight: bold;
}

A.submenu2:link {
	text-decoration: none; color: #000000;
	font-family: verdana, helvetica, arial; font-weight: normal;
}
A.submenu2:active {
	text-decoration: none; color: #000000;
	font-family: verdana, helvetica, arial; font-weight: normal;
}
A.submenu2:visited {
	text-decoration: none; color: #000000;
	font-family: verdana, helvetica, arial; font-weight: normal;
}
A.submenu2:hover {
	text-decoration: none; color: #ff0000;
	font-family: verdana, helvetica, arial; font-weight: normal;
}

A.submenu3:link {
	text-decoration: none; color: #333333;
	font-family: verdana, helvetica, arial; font-weight: normal;
}
A.submenu3:active {
	text-decoration: none; color: #333333;
	font-family: verdana, helvetica, arial; font-weight: normal;
}
A.submenu3:visited {
	text-decoration: none; color: #333333;
	font-family: verdana, helvetica, arial; font-weight: normal;
}

A.submenu4:link {
	text-decoration: none; color: #666666;
	font-family: verdana, helvetica, arial; font-weight: normal;
}
A.submenu4:active {
	text-decoration: none; color: #666666;
	font-family: verdana, helvetica, arial; font-weight: normal;
}
A.submenu4:visited {
	text-decoration: none; color: #666666;
	font-family: verdana, helvetica, arial; font-weight: normal;
}
A.submenu4:hover {
	text-decoration: none; color: #ff0000;
	font-family: verdana, helvetica, arial; font-weight: normal;
}

A.colmenu:link {
	text-decoration: underline; color: #000000;
	font-family: verdana, helvetica, arial; font-weight: normal;
}
A.colmenu:active {
	text-decoration: underline; color: #000000;
	font-family: verdana, helvetica, arial; font-weight: normal;
}
A.colmenu:visited {
	text-decoration: underline; color: #000000;
	font-family: verdana, helvetica, arial; font-weight: normal;
}

a.black:link { color: #000000; font-weight:normal; text-decoration: underline;}
a.black:active { color: #000000; font-weight:normal; text-decoration: underline;}
a.black:visited { color: #000000; font-weight:normal; text-decoration: underline;}
a.black:hover { color: #FF0000; font-weight:normal; text-decoration: underline;}

a.key:link { color: #666666; font-weight:normal; text-decoration: none;}
a.key:active { color: #666666; font-weight:normal; text-decoration: underline;}
a.key:visited { color: #666666; font-weight:normal; text-decoration: none;}
a.key:hover { color: #333333; font-weight:normal; text-decoration: underline;}

/* 	New rule for definition links added 9 July 2004
	The rule below will only be read by IE5+. Gives Win/IE5 a solid bottom underline.
	IE5.5 and IE6 will show a dotted bottom border on the links */
	
a.definition {	
	text-decoration:none;
	color: #000000;
	font:10px verdana,arial,helvetica,sans-serif;
	border-bottom:1px dashed black;
	cursor:help;
}

a.definition:hover {
	border-bottom:1px dashed red;
	color: #FF0000;
}

/* The rule below will only be read by IE5+. Gives Win/IE5 a solid bottom underline.
	IE5.5 and IE6 will show a dotted bottom border on the links */

* html body a.definition {
	text-decoration:underline;
	text-decoration/**/: none;
}

.heading1 {		 
	color: #000000; 
	font-family: verdana, helvetica, arial; font-weight: bold;
}	
						
.heading2 {
	font-size: 85%; color: #000000;
	font-family: verdana, helvetica, arial; font-weight: bold;
}
			
.heading3 {
	font-size: 125%; color: #000000; 
	font-family: verdana, helvetica, arial; font-weight: bold;
}

.headingred a {	 
	text-decoration: none; color: #FF0000; 
	font-family: verdana, helvetica, arial; font-weight: bold;
}

.headingred a:link {	 
	text-decoration: none; color: #FF0000;
	font-family: verdana, helvetica, arial; font-weight: bold;
}

.headingred a:visited {	 
	text-decoration: none; color: #FF0000;
	font-family: verdana, helvetica, arial; font-weight: bold;
}
			
.headingred a:active {	 
	text-decoration: none; 	color: #FF0000;
	font-family: verdana, helvetica, arial; font-weight: bold;
}
			
.headingred a:hover {	 
	text-decoration: none; color: #ff0000;
	font-family: verdana, helvetica, arial; font-weight: bold;
}
				
.heading2red {
	font-size: 100%; color: #FF0000;
	font-family: verdana, helvetica, arial; font-weight: bold;
	text-decoration: none;
}
			
.heading3red {
	font-size: 125%; margin-top : 1px; color : #ff0000; 
	font-family: verdana, helvetica, arial; font-weight: normal;
	text-decoration: none;
}
			
.heading2grey {
	font-size: 100%; color: #666666;
	font-family: verdana, helvetica, arial; font-weight: bold;
}
			
.heading3grey {
	font-size: 150%; color: #666666; 
	font-family: verdana, helvetica, arial; font-weight: normal;
}
			
.txtBox {		
	color: #000000; 
	font-family: verdana, helvetica, arial; 
	width: 90px; height: 17px;
}
			
.txtBox2 {		
	color: #000000; 
	font-family: verdana, helvetica, arial; 
	width: 105px; height: 19px;
}
			
.txtBox3 {		
	color: #000000; 
	font-family: verdana, helvetica, arial; 
	width: 135px; height: 20px;
}

.txtblack {		 
	color: #000000; 
	font-family: verdana, helvetica, arial; 
	font-weight: normal;
}
			
.txtBold {		
	font-weight: bold;
}
			
.txtGrey {		 
	color: #666666; 
	font-family: verdana, helvetica, arial; 
	font-weight: normal;
}	
	
.txtRed {
	font-size: 10px;
	color: #FF0000; 
	font-family: verdana, helvetica, arial; 
	font-weight: normal;
}
			
.txtWhite {		 
	color: #FFFFFF; 
	font-family: verdana, helvetica, arial; 
	font-weight: normal;
}
			
.opacity1 {
	opacity: 1;
	filter:alpha(opacity=100);
}

.opacity2 {
	opacity: .70;
	filter:alpha(opacity=70);
}

/*  style rules added May 12, 2004 for outlets list
==============================================  */

table.outlets td  {
	padding-left:2px;
}

table.outlets h5 {
	margin:0 0 10px 0;
	padding:0;
}

/*   new style rules 
=================================================*/

/* gets rid of page margins on 5.+ browsers and IE4 */
body {
	margin:0;
	padding:0;
}

td h2 {
	margin:0;
}

/* Middle column text headings are marked up as <h4> elements */

td h4 {
	font-weight:bold;
	font-size:100%;
	margin:0;
}

/* two rules below added May 28, 20024 */
h3.redunderline {
	color:#f00;	font-size:14px; font-weight:bold;
	margin:0; padding:0 0 3px 0;
	width:400px;
	/* Tell NS4 to ignore these styles.... */
	/*/*/
	background:url("/images/red_underline2.gif") repeat-x bottom left;
	/* Okay, we can let NS4 see the rest.... */	
}

h4.greyunderline {
	color:#666; font-size:13px; font-weight:bold;
	margin:0; padding:0 0 3px 0;
	width:400px;
	/* Tell NS4 to ignore these styles.... */
	/*/*/
	background:url("/images/grey_underline2.gif") repeat-x bottom left;
	/* Okay, we can let NS4 see the rest.... */	
}
h4.greyunderline acronym { border:0px }

.homecontents {
   margin:5px 0;
}

/* Rules for underlined headings */
h3.redunderline-420 {
	color:#f00; font-size:14px; font-weight:bold;
	margin:0; padding:0 0 3px 0;
	width:420px;
	/* Tell NS4 to ignore these styles.... */
	/*/*/
	background:url("images/red_underline2.gif") repeat-x bottom left;
	/* Okay, we can let NS4 see the rest.... */	
}

h4.greyunderline-420 {
	color:#666; font-size:13px; font-weight:bold;
	margin:0; padding:0 0 3px 0;
	width:420px;
	/* Tell NS4 to ignore these styles.... */
	/*/*/
	background:url("images/grey_underline2.gif") repeat-x bottom left;
	/* Okay, we can let NS4 see the rest.... */	
}
h3.redunderline-470 {
	color:#f00; font-size:14px; font-weight:bold;
	margin:0; padding:0 0 3px 0;
	width:470px;
	/* Tell NS4 to ignore these styles.... */
	/*/*/
	background:url("images/red_underline2.gif") repeat-x bottom left;
	/* Okay, we can let NS4 see the rest.... */	
}

h4.greyunderline-470 {
	color:#666; font-size:13px; font-weight:bold;
	margin:0; padding:0 0 3px 0;
	width:470px;
	/* Tell NS4 to ignore these styles.... */
	/*/*/
	background:url("images/grey_underline2.gif") repeat-x bottom left;
	/* Okay, we can let NS4 see the rest.... */	
}
h3.redunderline-555 {
	color:#f00; font-size:14px; font-weight:bold;
	margin:0; padding:0 0 3px 0;
	width:555px;
	/* Tell NS4 to ignore these styles.... */
	/*/*/
	background:url("images/red_underline2.gif") repeat-x bottom left;
	/* Okay, we can let NS4 see the rest.... */	
}

h4.greyunderline-555 {
	color:#666; font-size:13px; font-weight:bold;
	margin:0; padding:0 0 3px 0;
	width:555px;
	/* Tell NS4 to ignore these styles.... */
	/*/*/
	background:url("images/grey_underline2.gif") repeat-x bottom left;
	/* Okay, we can let NS4 see the rest.... */	
}

/* Added for roaming coutnry network popups 20 Sep 2004 */
h3.redunderline-700 {
	color:#f00; font-size:14px; font-weight:bold;
	margin:0; padding:0 0 3px 0;
	width:700px;
	/* Tell NS4 to ignore these styles.... */
	/*/*/
	background:url("images/red_underline2.gif") repeat-x bottom left;
	/* Okay, we can let NS4 see the rest.... */	
}

/* cell backgrounds added for web2txt login */
.web2txt-hdots {
	background:#fff url("/images/login/horiz_dots2.gif") repeat-x;
}
.web2txt-vdots {
	background:#fff url("/images/login/vdots.gif") repeat-y;
}

/* cell backgrounds for dots surrounding main content - works in 4.x+ browsers */
.vdots {
	background:#fff url("/images/common/vert_dots2.gif") repeat-y ;
}
	
.hdots {
	background:#fff url("/images/common/horiz_dots.gif") repeat-x;
}

/* Tell NS4 to ignore these styles.... */
/*/*/

td.middle {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

td.topleft, th.topleft {
	padding-right: 5px;
	padding-bottom: 5px;
}

td.topright {
	padding-bottom: 5px;
	padding-left: 5px;
}

td.btmleft {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

td.btmright {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

td.top, th.top {
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

td.left {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

td.right {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

img.topgap {
	margin-top:7px;
}

/* Okay, we can let NS4 see the rest.... */

/*  New styles for pricing plan tables
	Added 27th July 04
=============================*/

th {
	font-weight:bold;
}

table.borders tr {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

table.borders {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

table.borders td, table.borders th {
	border-right:2px solid white;
}

table.borders .right, table.borders .topright, table.borders .btmright {
	border-right:0;
	border-left:0;
}
/* Netscape 4.x only */
/*/*//*/ 

table.borders {
	border:none;
}

table.borders td, table.borders td {
	border:none;
}

table, thead, th {
	margin:0;
}

 /* */


/* leftside menu 
-----------------------  */

ul.leftmenu {
	list-style:outside url("/images/menu/red_pointer.gif") disc;
	margin:6px 0 12px 17px;
	padding-left:10px;
	text-align:left;
	
}
/* vertical spacing between <li> item links */
ul.leftmenu li {
	height:1.7em;
}

ul.leftmenu li a:hover  {
	text-decoration:underline;
}

/* leftside menu ends
------------------------  */

input {
	font-size:11px; line-height:15px;
	margin: 0px 3px 0px 0px; padding:0;
}
/* enforcing white colour on bottom bar link */
a.whiteLink:link {
	color:#fff;
	font-weight:normal;
}

/* alternative menu with lists and dots
------------------------  */

ul.link-arrow {
	list-style:outside url(/images/red_pointer_grey_bg.gif) disc;
	margin:10px 0 0px 7px; padding-left:8px;
	text-align:left;
}

ul.link-arrow li {
	height:1.4em;
}

ul.link-arrow li a, ul.link-arrow li a:visited {
	color:black;
	text-decoration:underline;
	font-weight:normal;
}

ul.link-arrow li a:hover {
	color:#f00;
	font-weight:normal;
}

/* link item for informational link 
	Will show 'i' icon to the left */
ul.info {
	margin: 3px 0; 
	padding:0;
	list-style: none;
}

ul.info li {
	margin: 0; 
	padding-left: 15px;
	background: url(/images/bullets/info.gif) no-repeat left top;
}

ul.info li a, ul.info li a:visited {
	color:#666;
	text-decoration:underline;
	font-weight:normal;
}

ul.info li a:hover {
	color:#f00;
	font-weight:normal;
}

/* alternative menu with lists and dots
added with white background for use in main pages
------------------------  */

ul.link-arrow-white {
	list-style:outside url(/images/menu/red_pointer.gif) disc;
	margin:10px 0 0px 7px; padding-left:8px;
	text-align:left;
}

ul.link-arrow-white li {
	/* taken out 8-10-04 because it caused overlapping of wrapped links 
	height:1.4em;*/
	margin:8px 0 0 0;
}

ul.link-arrow-white li a, ul.link-arrow-white li a:visited {
	color:black;
	text-decoration:underline;
	font-weight:normal;
}

ul.link-arrow-white li a:hover {
	color:#f00;
	font-weight:normal;
}


/* alternative menu with lists and dots
square grey bullet positioned flush left
------------------------  */

ul.link-square-white {
	list-style:outside url(/images/bullets/square/grey_new.gif) disc;
	margin:10px 0 0px 7px; padding-left:8px;
	text-align:left;
}

ul.link-square-white li {
	/* taken out 8-10-04 because it caused overlapping of wrapped links 
	height:1.4em;*/
	margin:8px 0 0 0;
}

ul.link-square-white li a, ul.link-square-white li a:visited {
	color:black;
	text-decoration:underline;
	font-weight:normal;
}

ul.link-square-white li a:hover {
	color:#f00;
	font-weight:normal;
}

/* styles for emphasis, vlive and notes. Added 23 Sept 2004 */

.notes {
	color: #666666; 
	font-family: verdana, helvetica, arial; 
	font-weight: normal;
}

.notes-italic {
	color: #666666; 
	font-family: verdana, helvetica, arial; 
	font-weight: normal;
	font-style: italic;
}

/* Styles for Blackberry user guides table */
#blackberry-guide {
	margin: 0;
	padding: 5px;
	border: 1px solid #ccc;
}
/*#blackberry-guide .left {
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#blackberry-guide .right {
	border-bottom: 1px solid #CCC;
}*/

/* styles for data calculator row highlighting 
============================================== */
.rowhighlight{
	color: #FF0000;
}
.estimateResult{
	font-weight: bold;
	padding: 10px;
	background: #eeeeee;
	margin: 5px 0 0 0;
}

/* styles for chineses characters 
============================================== */
#chinese, #chinese td {
	font-size: 13px;
	font-family: none;
}
#chinese .notes {
	color: #666666;
}
.chinese-submit {
	border: 1px solid #cc0000;
	padding: 3px;
	background: red;
	color: #fff;
}
a.chinese-submit:link { color: #fff; text-decoration: none; }
a.chinese-submit:visited { color: #fff; text-decoration: none; }

/* two rules below added May 28, 20024 */
h3.redunderline-ch {
	color:#f00;	font-size:14px;
	margin:0; padding:0 0 3px 0;
	width:400px;
	/* Tell NS4 to ignore these styles.... */
	/*/*/
	background:url("/images/red_underline2.gif") repeat-x bottom left;
	/* Okay, we can let NS4 see the rest.... */	
}

h4.greyunderline-ch {
	color:#666; font-size:13px; font-weight:bold;
	margin:0; padding:0 0 3px 0;
	width:400px;
	/* Tell NS4 to ignore these styles.... */
	/*/*/
	background:url("/images/grey_underline2.gif") repeat-x bottom left;
	/* Okay, we can let NS4 see the rest.... */	
}
h4.greyunderline acronym { border:0px }

/* styles for Netscape 4  - other CSS browsers will ignore these 
============================================== */
/*/*//*/ 

td h2 {
	margin:0;
}

td h4 {
	margin:0;
	padding:0;
	font-size:75%;
}

td p {
	margin:0 0 5px 0;
}

ul.leftmenu  {
	margin:0;
}

ul.link-arrow {
	margin:10px 0 0 0;
}

input {
	margin:0;
}

body.web2TXT input, body.web2TXT select {
	border:0;
}

span.txtWhite {
	font-size:100%;
}

body.web2TXT td, body.web2TXT p {
	font-size:11px;
}

 /* */


/*   end new style rules
====================================================*/

